.hero{height:100svh;min-height:0;overflow:visible}
.hero-stage{height:100svh;position:relative;overflow:hidden;background:#151310}
.hero.sequence-ready{height:300svh}
.sequence-ready .hero-stage{position:sticky;top:0}
.hero-media img{filter:none;opacity:1;object-fit:cover;object-position:62% center}
.hero-film{background:linear-gradient(90deg,rgba(0,0,0,.6),transparent 65%),linear-gradient(0deg,rgba(0,0,0,.3),transparent 40%)}
.hero-copy,.hero-word,.hero-ending{left:var(--pad);right:var(--pad);bottom:14%;max-width:48%;position:absolute;z-index:2}
.hero-copy h1{font-family:var(--display);font-size:clamp(4.7rem,11.5vw,11.5rem);line-height:.72;letter-spacing:-.065em;margin:.25em 0 .35em}
#hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% center;opacity:0}
.hero-copy{max-width:65%}
.hero-copy>p:not(.eyebrow){font-size:clamp(1rem,1.4vw,1.25rem)}
.hero-copy h1,.hero-copy>p:not(.eyebrow),.hero-actions{animation:none}
.hero-word{font:700 clamp(2.5rem,6vw,6.5rem)/1 var(--display);letter-spacing:-.04em;bottom:38%;opacity:0}
.hero-ending h2{font:800 clamp(2.5rem,6vw,7rem)/1 var(--display);letter-spacing:-.05em;text-transform:uppercase;margin-bottom:1.5rem}
.hero-ending>p{text-transform:uppercase;letter-spacing:.12em;font-size:.8rem}
.hero-ending[hidden]{display:none}
.hero-actions{flex-wrap:wrap;gap:1.25rem}
.hero-index{display:flex}
@media(max-width:700px){.hero.sequence-ready{height:270svh}.hero-media img{object-position:67% center}.hero-copy,.hero-ending{max-width:none;bottom:5.5rem}.hero-copy h1{font-size:clamp(2.2rem,9vw,3.8rem)}.hero-copy>p:not(.eyebrow){font-size:.95rem}.hero-word{max-width:none;bottom:18%;font-size:clamp(2.2rem,10vw,4rem)}.hero-actions{flex-direction:row;align-items:center;margin-top:1rem}.hero-actions .button,.hero-actions .text-link{font-size:.6rem}.hero-film{background:linear-gradient(0deg,rgba(0,0,0,.88),transparent 65%)}.hero-index{bottom:1.5rem}}
@media(prefers-reduced-motion:reduce){.hero.sequence-ready{height:100svh}.sequence-ready .hero-stage{position:relative}}
@media(max-width:700px){#hero-video{object-position:62% center}.hero-copy{max-width:none}.hero-copy h1{font-size:clamp(4rem,21vw,7rem);line-height:.72}}