@layer components{.scroll-hero{--hero-header: 6rem;--hero-contact: 0px;--hero-viewport: calc(100svh - var(--hero-header) - var(--hero-contact));--hero-travel: 220svh;position:relative;color:var(--primitive-color-white);background:var(--primitive-color-neutral-900)}.scroll-hero__stage{position:relative;isolation:isolate;min-height:var(--hero-viewport);display:grid;overflow:clip}.scroll-hero[data-active]{height:calc(var(--hero-viewport) + var(--hero-travel))}.scroll-hero[data-active] .scroll-hero__stage{position:sticky;top:var(--hero-header);height:var(--hero-viewport)}.scroll-hero__poster,.scroll-hero__video,.scroll-hero__shade{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.scroll-hero__poster img,.scroll-hero__video{width:100%;height:100%;object-fit:cover;object-position:center}.scroll-hero__video{visibility:hidden}.scroll-hero[data-frame-ready] .scroll-hero__video{visibility:visible}.scroll-hero__shade{background:linear-gradient(180deg,#0000000f,#0000002e 30%,#000000c7)}.scroll-hero__content{position:relative;display:flex;flex-direction:column;justify-content:end;width:min(100%,var(--size-container-default));margin-inline:auto;padding:clamp(2rem,5vw,4rem) var(--space-container-gutter) 1rem;gap:1rem}.scroll-hero__copy{max-width:44rem}.scroll-hero__eyebrow{font-size:var(--font-size-label);text-transform:uppercase;letter-spacing:var(--primitive-letter-spacing-wide);margin-bottom:1rem}.scroll-hero h1{font-size:clamp(2.5rem,5.4vw,5rem);line-height:1.05;letter-spacing:var(--primitive-letter-spacing-tight);font-weight:var(--primitive-font-weight-medium);max-width:16ch;text-wrap:balance}.scroll-hero__intro{max-width:47ch;font-size:var(--font-size-body-sm);margin-block:1rem .25rem}.scroll-hero a{color:inherit;display:inline-flex;align-items:center;gap:1.5rem;min-height:48px;text-underline-offset:.3em;font-size:var(--font-size-body-sm)}.scroll-hero a:focus-visible{outline:2px solid var(--primitive-color-white);outline-offset:4px}.scroll-hero__footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem 2rem;border-top:1px solid rgb(255 255 255 / 40%);padding-top:.5rem}.scroll-hero__cue{display:flex;align-items:center;gap:1rem;font-size:var(--font-size-label)}.scroll-hero__progress{width:5rem;height:2px;background:#ffffff59}.scroll-hero__progress span{display:block;height:100%;background:var(--primitive-color-white);transform:scaleX(var(--hero-progress, 0));transform-origin:left}@media(max-width:63.99rem){.scroll-hero{--hero-header: 5rem;--hero-contact: calc(5rem + env(safe-area-inset-bottom)) ;--hero-travel: 160svh}}@media(max-width:47.99rem){.scroll-hero__content{padding-top:5rem}.scroll-hero h1{font-size:clamp(2.35rem,9vw,3.5rem)}.scroll-hero__eyebrow{font-size:.7rem}.scroll-hero__intro{max-width:35ch}}@media(prefers-reduced-motion:reduce),(max-height:599px){.scroll-hero[data-active]{height:auto}.scroll-hero[data-active] .scroll-hero__stage{position:relative;top:auto;height:auto}.scroll-hero__video,.scroll-hero__progress{display:none}}}