.h-hero{position:relative;min-height:calc(100svh - 90px);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;overflow:hidden;padding:40px 0 70px}
.ghost{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:400 clamp(160px,34vw,460px)/.8 'EB Garamond',serif;color:var(--ink);opacity:.045;letter-spacing:-.02em;pointer-events:none;user-select:none;white-space:nowrap}
.spaced{font:500 clamp(13px,1.6vw,16px) Inter,sans-serif;letter-spacing:.9em;text-transform:uppercase;margin-right:-.9em;color:var(--accent)}
.h-name{font:400 clamp(54px,10vw,128px)/1 'EB Garamond',serif;margin:26px 0 18px}
.h-name em{color:var(--accent)}
.h-sub{font:italic clamp(19px,2.4vw,26px)/1.45 'EB Garamond',serif;color:var(--muted);max-width:30ch}
.scroll{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--muted)}
.scroll:after{content:"";display:block;width:1px;height:38px;background:var(--muted);margin:10px auto 0;animation:drip 2.2s ease-in-out infinite}
@keyframes drip{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
.chapter{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;padding:110px 0;border-top:1px solid var(--line);overflow:hidden}
.chapter .ghost{font-size:clamp(200px,30vw,420px);justify-content:flex-start;opacity:.04}
.chapter h2 em{color:var(--accent)}
.portrait{max-width:420px;justify-self:center;filter:grayscale(1) contrast(1.05)}
.cover-wrap{max-width:360px;justify-self:center}
.cta-row{margin-top:28px}
.big-quote{text-align:center;padding:120px 0;border-top:1px solid var(--line)}
.big-quote p{font:italic clamp(30px,5vw,58px)/1.2 'EB Garamond',serif;max-width:20ch;margin:0 auto}
.big-quote p em{color:var(--accent);font-style:italic}
.big-quote span{display:block;margin-top:24px;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--muted)}
.links3{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
.links3 a{padding:56px 24px;text-decoration:none;border-right:1px solid var(--line);transition:.3s}
.links3 a:last-child{border-right:0}
.links3 a:hover{background:#1b1815}
.links3 small{display:block;font-size:11px;letter-spacing:.25em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}
.links3 b{font:400 30px 'EB Garamond',serif}
.reveal{opacity:0;transform:translateY(28px);transition:opacity 1s ease,transform 1s ease}
.reveal.in{opacity:1;transform:none}
.h-hero .reveal{transition-delay:var(--d,0s)}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.scroll:after{animation:none}}
@media(max-width:780px){
 .h-hero{min-height:calc(100svh - 120px);padding:20px 0 80px}
 .spaced{letter-spacing:.55em;margin-right:-.55em}
 .chapter{grid-template-columns:1fr;gap:34px;padding:72px 0;text-align:left}
 .chapter .order-first{order:-1}
 .portrait{max-width:300px}.cover-wrap{max-width:240px}
 .big-quote{padding:80px 0}
 .links3{grid-template-columns:1fr}.links3 a{border-right:0;border-bottom:1px solid var(--line);padding:34px 4px}
 .btn{padding:14px 20px}
}
.chapter.solo{grid-template-columns:1fr;max-width:760px}