.scroll-sequence{--progress:0;--scroll-length:300vh;--text-fade-start:.7;height:var(--scroll-length);background:#000;position:relative}.scroll-sequence--hero{background:#0c0c0c}.scroll-sequence--reduced-motion{height:auto;min-height:100vh}.scroll-sequence__sticky{background:#000;width:100%;height:100svh;position:sticky;top:0;overflow:hidden}.scroll-sequence--hero .scroll-sequence__sticky{background:#0c0c0c}.scroll-sequence--reduced-motion .scroll-sequence__sticky{height:100svh;position:relative}.scroll-sequence__media{position:absolute;inset:0}.scroll-sequence__canvas{width:100%;height:100%;display:block}.scroll-sequence__overlay{pointer-events:none;color:#fff;opacity:clamp(0, calc((var(--progress) - var(--text-fade-start)) / (1 - var(--text-fade-start))), 1);transform:translateY(calc((1 - clamp(0, (var(--progress) - var(--text-fade-start)) / (1 - var(--text-fade-start)), 1)) * 24px));flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:clamp(1.5rem,4vw,3rem);display:flex;position:absolute;inset:0}.scroll-sequence--hero .scroll-sequence__overlay{opacity:1;pointer-events:none;padding:0;display:block;transform:none}.scroll-sequence--hero .scroll-sequence__overlay a,.scroll-sequence--hero .scroll-sequence__overlay button{pointer-events:auto}@media (prefers-reduced-motion:reduce){.scroll-sequence__overlay{opacity:1;transform:none}}
.hero{--nav-h:73px;--hero-media-h:50svh;--hero-curve-h:min(20svh, 180px)}.hero .hero-media{inset:var(--nav-h) 0 auto 0;height:var(--hero-media-h)}.hero .hero-media:after{content:"";pointer-events:none;background:linear-gradient(#0c0c0c00,#0c0c0c);height:72px;position:absolute;inset:auto 0 0}@media (max-aspect-ratio:999/1000) and (max-width:767px){.hero-content{top:calc(var(--nav-h) + var(--hero-media-h) - 2.75rem)}.hero-copy{background:#0c0c0c85;border-top:1px solid #ffffff24;padding-top:1rem;padding-bottom:.25rem}.hero .hero-media:after{background:linear-gradient(#0c0c0c00,#0c0c0c73);height:88px}.hero-stats-compact{background:#0c0c0c73;margin-top:1rem;padding-top:.875rem}}.hero-scrim{display:none}.hero-content{top:calc(var(--nav-h) + var(--hero-media-h) - 1.25rem);padding:0 1.5rem max(1rem, env(safe-area-inset-bottom));flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0}.hero-stats{display:none}.hero-stats-compact{border-top:1px solid #ffffff1a;flex-direction:column;gap:.25rem;margin-top:1.25rem;padding-top:1rem;display:flex}.hero-curve{display:none}@media (max-aspect-ratio:999/1000) and (max-height:740px){.hero{--hero-media-h:46svh}.hero-copy-chips{display:none}}@media (max-aspect-ratio:999/1000) and (max-height:620px){.hero-copy-value{display:none}}@media (min-width:768px) and (max-aspect-ratio:999/1000){.hero{--hero-media-h:54svh}.hero-content{padding:0 2.5rem max(2rem, env(safe-area-inset-bottom));grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-content:start;gap:3rem;display:grid}.hero-stats{border-left:1px solid #ffffff1a;grid-template-columns:minmax(0,1fr);align-content:start;gap:1.25rem;padding-left:2rem;display:grid}.hero-stats-compact{display:none}}@media (min-width:768px) and (max-aspect-ratio:999/1000) and (max-height:900px){.hero-copy-chips{display:none}}@media (min-aspect-ratio:1){.hero .hero-media{inset:var(--nav-h) 0 0 0;height:auto}.hero .hero-media:after{display:none}.hero-scrim{pointer-events:none;background:linear-gradient(90deg,#0c0c0c 0%,#0c0c0ceb 45%,#0c0c0c00 100%);width:60%;display:block;position:absolute;top:0;bottom:0;left:0}.hero-content{top:var(--nav-h);right:auto;bottom:var(--hero-curve-h);justify-content:center;width:min(580px,46vw);padding:1.5rem 1.5rem 1.5rem clamp(1.5rem,4vw,4rem)}.hero-stats{border-top:1px solid #ffffff1a;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem 1.5rem;margin-top:2rem;padding-top:1.5rem;display:grid}.hero-stats-compact{display:none}.hero-curve{height:var(--hero-curve-h);display:block}}@media (min-aspect-ratio:1) and (max-height:820px){.hero-copy-chips{display:none}.hero-stats{margin-top:1.5rem;padding-top:1.25rem}}@media (min-aspect-ratio:1) and (min-width:1280px){.hero-content{justify-content:flex-end;padding-top:0;padding-bottom:clamp(2.25rem,5.5vh,4.5rem)}}@media (min-aspect-ratio:1) and (max-height:520px){.hero-content{padding-top:.75rem;padding-bottom:max(.75rem, env(safe-area-inset-bottom));bottom:0}.hero-name{font-size:1.75rem}.hero-copy-value,.hero-stats,.hero-curve{display:none}.hero-stats-compact{margin-top:1rem;padding-top:.75rem;display:flex}}
