.hero{overflow-anchor:none}.hero-stage{min-block-size:100vh;background:var(--black);align-items:center;min-block-size:100svh;padding-block-start:clamp(1.5rem,3vh,4rem);padding-block-end:clamp(1.5rem,3vh,4rem);display:grid}@media (max-width:59.999rem){.hero[data-header-id] .hero-stage{align-items:start}}.hero-composition{place-items:center;gap:clamp(1.5rem,3vw,3rem);display:grid}.hero-copy{--stack-gap:clamp(1rem, 2vw, 1.5rem);inline-size:100%;max-inline-size:42rem}.hero h1{max-inline-size:12ch;font-size:clamp(2.5rem,1.7rem + 3vw,5.5rem)}.hero-cta{align-self:start;gap:2rem;margin-block-start:.5rem}.hero-media{background:var(--black);inline-size:min(100%,71svh,56rem);position:relative}.hero-media picture,.hero-media img{block-size:100%;inline-size:100%}.hero-media img{object-fit:contain}.hero-media canvas,.hero-media video{object-fit:contain;visibility:hidden;pointer-events:none;block-size:100%;inline-size:100%;position:absolute;top:0;bottom:0;left:0;right:0}.hero[data-ready=true] picture{visibility:hidden}.hero[data-ready=true] canvas,.hero[data-ready=true] video{visibility:visible}.hero[data-pinned=true]{min-block-size:calc(100vh + var(--hero-travel,0px));min-block-size:calc(100svh + var(--hero-travel,0px))}.hero[data-pinned=true] .hero-stage{position:sticky;top:0}@media (min-width:60rem){.hero-composition{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.hero-media{inline-size:100%}}