.hero{background:var(--navy);height:100svh;min-height:560px;position:relative}html.js .hero{height:250vh}.hero-stage{height:100svh;min-height:560px;position:sticky;top:0;overflow:clip}.hero-media{pointer-events:none;position:absolute;inset:0}.hero-poster,.hero-video{object-fit:cover;object-position:60% 50%;width:100%;height:100%;position:absolute;inset:0}html.js .hero-video{opacity:0;transition:opacity .9s var(--ease-out)}html.js .hero-video.is-playing{opacity:1}.hero-fx{mix-blend-mode:screen;width:100%;height:100%;position:absolute;inset:0}.hero-shade{background:linear-gradient(to bottom, #07111f8c 0, #07111f00 18%), linear-gradient(to top, var(--navy) 0, #07111f00 12%);position:absolute;inset:0}.hero-inner{height:100%;padding-top:calc(var(--header-h) + clamp(28px, 9vh, 120px));pointer-events:none;flex-direction:column;justify-content:space-between;padding-bottom:28px;display:flex;position:relative}.hero-copy{text-shadow:0 2px 30px #07111f73;will-change:opacity, transform;max-width:min(48rem,56vw)}.hero-hello{letter-spacing:-.02em;margin-bottom:clamp(10px,1.6vh,18px);font-size:clamp(1.125rem,1.45vw,1.625rem);font-weight:600}.hero-hello-accent{color:var(--red)}.hero-title{letter-spacing:-.05em;font-size:clamp(3.25rem,7.3vw,8.75rem);font-weight:600;line-height:.92}.hero-line{display:block}.hero-lede{max-width:34ch;font-size:var(--fs-lead);color:#f4f6facc;margin-top:clamp(18px,2.8vh,32px);line-height:1.5}.hero .w{vertical-align:top;margin:0 -.04em -.26em;padding:0 .04em .26em;display:inline-block;overflow:clip}.hero .w-in{display:inline-block}html.js .hero .w-in{transform-origin:0 100%;transition:transform 1.3s var(--ease-expo);transition-delay:calc(.55s + var(--i) * 90ms);transform:translateY(112%)rotate(5deg)}html.is-ready .hero .w-in{transform:none}html.js .hero-hello,html.js .hero-lede,html.js .hero-foot{opacity:0;transition:opacity 1s var(--ease-out) 1.1s}html.is-ready .hero-hello,html.is-ready .hero-lede,html.is-ready .hero-foot{opacity:1}.hero-closing{top:55%;left:var(--gutter);letter-spacing:-.02em;text-shadow:0 2px 24px #07111fcc;font-size:clamp(1.375rem,2.15vw,2.5rem);font-weight:500;line-height:1.16;position:absolute}.hero-closing-line{margin-bottom:-.14em;padding-bottom:.14em;display:block;overflow:clip}.hc-w{display:inline-block}html.js .hc-w{transform:translateY(115%)}.hero-foot{align-items:center;display:flex}.scroll-cue{min-height:44px;font-family:var(--font-mono);font-size:var(--fs-mono);letter-spacing:.1em;text-transform:uppercase;pointer-events:auto;align-items:center;gap:14px;display:inline-flex}.scroll-cue-track{background:var(--line);width:1px;height:44px;position:relative;overflow:hidden}.scroll-cue-dot{background:var(--red);width:5px;height:12px;animation:scrollCue 2s var(--ease-expo) infinite;border-radius:3px;position:absolute;top:0;left:-2px}@keyframes scrollCue{0%{transform:translateY(-14px)}60%,to{transform:translateY(46px)}}@media (width>=1521px){.hero-closing{left:calc((100vw - var(--container)) / 2 + var(--gutter))}}@media (aspect-ratio<=17/20){.hero-closing{top:calc(var(--header-h) + 20px);left:var(--gutter)}}@media (width<=767px){html.js .hero{height:210vh}.hero-poster,.hero-video{object-position:50% 50%}.hero-inner{padding-top:calc(var(--header-h) + 28px);padding-bottom:20px}.hero-copy{max-width:none}.hero-hello{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:10px;font-size:.75rem;font-weight:500;display:flex}.hero-title{font-size:17vw;line-height:.9}.hero-lede{max-width:26ch;font-size:1rem}.hero-closing{top:calc(var(--header-h) + 20px);font-size:1.3rem}}@media (prefers-reduced-motion:reduce){html.js .hero{height:100svh}html.js .hero-video{display:none}html.js .hc-w{transform:none}.hero-closing{display:none}}
