*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{color:#f5f0eb;-webkit-font-smoothing:antialiased;background:#0a0a0a;font-family:Figtree,sans-serif;overflow:hidden}.page{z-index:2;opacity:0;justify-content:center;align-items:center;height:100dvh;padding:4vh 5vw;transition:opacity 1.4s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.page.visible{opacity:1}.container{align-items:center;gap:clamp(2.5rem,5vw,5.5rem);width:100%;max-width:1200px;display:flex}.portrait{object-fit:cover;object-position:center 25%;border-radius:8px;flex-shrink:0;width:clamp(260px,25vw,400px);height:clamp(350px,60vh,560px);box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff0f}.copy{flex-direction:column;flex:1;gap:clamp(1.5rem,2.5vh,2.2rem);display:flex}.titles{flex-direction:column;gap:.4em;display:flex}.name{text-transform:uppercase;letter-spacing:.04em;text-shadow:0 2px 20px #00000080;font-family:Space Grotesk,sans-serif;font-size:clamp(1.6rem,2.8vw,2.8rem);font-weight:700;line-height:1}.divider{background:#ffffff26;width:40px;height:2px;margin:.3em 0}.book{text-transform:uppercase;letter-spacing:.02em;color:#f5f0ebd9;text-shadow:0 2px 16px #00000080;font-family:Space Grotesk,sans-serif;font-size:clamp(1.2rem,2vw,2rem);font-weight:700;line-height:1}.sub{letter-spacing:.14em;text-transform:uppercase;color:#f5f0eba6;text-shadow:0 2px 12px #0006;font-family:Space Grotesk,sans-serif;font-size:clamp(.7rem,.9vw,.9rem);font-weight:500}.blurb{color:#f5f0ebd1;max-width:560px;font-size:clamp(.95rem,1.15vw,1.15rem);line-height:1.75}.blurb p{text-shadow:0 2px 16px #00000080;margin-bottom:.8em}.blurb p:last-child{margin-bottom:0}.blurb .closing{color:#f5f0ebf2;font-weight:700}.meta{align-items:baseline;gap:2rem;display:flex}.date{letter-spacing:.12em;text-transform:uppercase;opacity:.6;text-shadow:0 2px 12px #00000080;font-family:Space Grotesk,sans-serif;font-size:.7rem;font-weight:500}.email{color:#f5f0eb;letter-spacing:.03em;opacity:.5;text-shadow:0 2px 12px #00000080;font-family:Space Grotesk,sans-serif;font-size:.7rem;font-weight:500;text-decoration:none;transition:opacity .3s}.email:hover{opacity:1}.socials{align-items:center;gap:1rem;display:flex}.social{color:#f5f0eb;opacity:.35;align-items:center;transition:opacity .3s;display:flex}.social:hover{opacity:1}@media (width<=768px){body{overflow:auto}.page{align-items:flex-start;height:auto;min-height:100dvh;padding:5vh 6vw}.container{flex-direction:column;align-items:flex-start;gap:2rem}.portrait{aspect-ratio:3/4;width:55vw;max-width:240px;height:auto}.blurb{font-size:.95rem;line-height:1.7}.meta{flex-direction:column;gap:.5rem}}