.hero{height:360vh;position:relative}.hero-stage{height:100svh;position:sticky;top:0;overflow:hidden}.hero-poster,.hero-canvas{width:100%;height:100%;position:absolute;inset:0}.hero-poster{object-fit:cover}.hero-canvas{opacity:0}.hero-canvas[data-ready]{opacity:1}.hero-scrim{background:linear-gradient(#173b3400 40%,#173b3499 68%,#173b34e6 100%),linear-gradient(90deg,#173b34cc 0%,#173b348c 30%,#173b3400 52%),linear-gradient(#173b34bf 0%,#173b3400 26%);position:absolute;inset:0}.hero-moments{margin-top:auto;display:grid}.hero-moment{will-change:opacity;grid-area:1/1;align-self:end;max-width:15.5em}.hero-moment:not([data-active]){pointer-events:none}.hero-heading{max-width:12ch;font-size:clamp(2.25rem,1rem + 3.5vw,4.5rem)}@media (min-width:768px){.hero-moment{max-width:none}}@media (max-width:767px){.hero-scrim{background:linear-gradient(#173b3400 22%,#173b34d1 55%,#173b34f2 100%),linear-gradient(#173b34b3 0%,#173b3400 25%)}}@media (prefers-reduced-motion:reduce){.hero{height:auto}.hero-stage{height:auto;position:relative;overflow:clip}.hero-stage>picture{height:100svh;display:block;position:sticky;top:0}.hero-content{min-height:100svh;margin-top:-100svh}.hero-moments{gap:3.5rem;margin-top:3rem}.hero-moment{pointer-events:auto;grid-area:auto;opacity:1!important}.hero-canvas,.hero-progress{display:none}.hero-scrim{background:linear-gradient(90deg,#173b34eb 0%,#173b34bf 50%,#173b3459 100%)}}
