/* Homepage only. Fonts, navigation, and controls live in shared.css. */
.hero{position:relative;min-height:360px;height:100svh;overflow:hidden;isolation:isolate}
.scene{position:absolute;inset:0;z-index:-3;background:var(--void)}
.scene img{width:100%;height:100%;object-fit:cover;object-position:50% 45%;filter:saturate(.9) brightness(.96)}
.veil{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(18,19,15,.24),transparent 70%),linear-gradient(180deg,rgba(18,19,15,.32),transparent 30%,rgba(18,19,15,.15) 52%,#12130f 96%)}
.intro{position:absolute;top:clamp(112px,22svh,260px);left:var(--gutter);right:100px;max-width:650px}
.intro h1{font:400 clamp(28px,2.65vw,42px)/1.28 Inter,"Inter Fallback",Arial,sans-serif;letter-spacing:-.045em;margin:0;text-wrap:balance}
.intro-actions{display:flex;align-items:center;gap:24px;margin-top:24px}
.hero-bottom{position:absolute;left:var(--gutter);right:var(--gutter);bottom:max(18px,env(safe-area-inset-bottom))}
.statement{width:100%;font:700 11vw/.88 Space,sans-serif;letter-spacing:-.065em}
.title-line{position:relative;display:block;width:100%;height:1.02em;font-size:inherit;letter-spacing:-.065em}
.fallback{display:block;width:max-content;line-height:1.02;white-space:nowrap}
.letter-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;filter:saturate(.65) brightness(1.5);pointer-events:none;transition:opacity 1s;mask-repeat:no-repeat;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;-webkit-mask-size:100% 100%}
.title-line.ready .fallback{visibility:hidden}
.title-line.ready:before{content:'';position:absolute;inset:0;background:var(--paper);mask-image:var(--text-mask);-webkit-mask-image:var(--text-mask);mask-repeat:no-repeat;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;-webkit-mask-size:100% 100%}
.title-line.ready .letter-video{opacity:.6}
.motion-control{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;color:var(--paper);font-size:17px}
.motion-control:hover{color:var(--orange)}
@media(max-width:1100px) and (min-width:641px){.intro{max-width:600px;right:80px}.intro h1{font-size:clamp(32px,4.25vw,38px)}}
@media(max-width:640px){.intro{top:clamp(96px,18svh,160px);right:var(--gutter)}.intro h1{font-size:clamp(22px,calc(8vw - 4px),36px);line-height:1.3}.intro-actions{gap:20px;margin-top:20px}.hero-bottom{bottom:max(24px,env(safe-area-inset-bottom))}.scene img{object-position:71% center;filter:saturate(.85) brightness(.85)}.veil{background:linear-gradient(180deg,#12130f55,transparent 33%,#12130f33 52%,#12130f 88%),linear-gradient(90deg,#12130f33,transparent)}}
@media(max-height:540px){.intro{top:calc(var(--header-height) + 24px)}.intro h1{font-size:clamp(23px,3vw,32px)}.intro-actions{margin-top:12px}.hero-bottom{bottom:12px}}
@media(prefers-reduced-motion:reduce){.letter-video{display:none}.title-line.ready .fallback{visibility:visible}.title-line.ready:before{display:none}}