@property --hero-mask{syntax:"<number>";inherits:true;initial-value:0}.hero-stage{--hero-c1-w:min(52vw, 35.2svh);--hero-c1-h:calc(var(--hero-c1-w) * 1.25);--hero-c2-w:min(64vw, 48svh);--hero-c2-h:calc(var(--hero-c2-w) / 1.5);--hero-c3-w:min(74vw, 44.8svh);--hero-c3-h:calc(var(--hero-c3-w) * 1.25);--hero-center-y:50svh;--hero-pan-max:min(16svh, calc(100svh - var(--hero-center-y) - var(--hero-c3-h) / 2 - 2svh));--hero-c3-radius:20px;background-color:#0e0b0a}@media (min-width:640px){.hero-stage{--hero-c1-w:min(35.2svh, 46vw);--hero-c1-h:calc(var(--hero-c1-w) * 1.25);--hero-c2-w:min(48svh, 62vw);--hero-c2-h:calc(var(--hero-c2-w) / 1.5);--hero-c3-w:min(64svh, 82vw);--hero-c3-h:calc(var(--hero-c3-w) / 1.7778);--hero-pan-max:min(20svh, calc(100svh - var(--hero-center-y) - var(--hero-c3-h) / 2 - 2svh))}}.hero-backdrop{clip-path:inset(calc((var(--hero-center-y) - var(--hero-c3-h) / 2) * (1 - var(--hero-mask))) calc((100% - var(--hero-c3-w)) / 2 * (1 - var(--hero-mask))) calc((100% - var(--hero-center-y) - var(--hero-c3-h) / 2) * (1 - var(--hero-mask))) calc((100% - var(--hero-c3-w)) / 2 * (1 - var(--hero-mask))) round calc(var(--hero-c3-radius) * (1 - var(--hero-mask))));position:absolute;inset:0}.hero-stage[data-hero-intro=running] .hero-backdrop{will-change:clip-path}.hero-backdrop-pan{transform:translate3d(0, calc(-1 * var(--hero-pan-max) * (1 - var(--hero-mask))), 0);position:absolute;inset:0}.hero-backdrop-pan>picture,.hero-backdrop-pan img{object-fit:cover;object-position:70% center;width:100%;height:100%;display:block}@media (min-width:640px){.hero-backdrop-pan img{object-position:center;--hero-bg-zoom:1.4;transform:translateY(calc(-10% * var(--hero-bg-zoom))) scale(var(--hero-bg-zoom))}}@media (min-width:640px) and (min-aspect-ratio:2){.hero-backdrop-pan img{--hero-bg-zoom:1.16}}.hero-lockup{position:absolute;inset:0}.hero-mark{left:50%;top:var(--hero-center-y);position:absolute;translate:-50% -50%}.hero-est,.hero-wordmark{text-align:center;white-space:nowrap;position:absolute;left:0;right:0;translate:0 -50%}.hero-est{top:calc(var(--hero-center-y) - 4.75rem);padding-left:.42em}.hero-wordmark{top:calc(var(--hero-center-y) + 4.75rem)}@media (min-width:768px){.hero-est,.hero-wordmark{top:var(--hero-center-y);translate:0 -50%}.hero-est{padding-left:0;left:20%;right:auto}.hero-wordmark{left:auto;right:20%}}.hero-card{left:50%;top:var(--hero-center-y);position:absolute;translate:-50% -50%}.hero-card[data-hero-card=one]{width:var(--hero-c1-w);height:var(--hero-c1-h)}.hero-card[data-hero-card=two]{width:var(--hero-c2-w);height:var(--hero-c2-h)}.hero-scrim{pointer-events:none;background:radial-gradient(120% 85% at 50% 45%,#0000 35%,#0e0b0a8c 100%),linear-gradient(#0e0b0a66 0%,#0e0b0a1f 55%,#0e0b0ac7 100%);position:absolute;inset:0}@media (min-width:640px){.hero-stage{background-color:#000a1e}.hero-scrim{background:radial-gradient(120% 85% at 50% 45%,#0000 35%,#000a1e8c 100%),linear-gradient(#000a1e66 0%,#000a1e1f 55%,#000a1ec7 100%)}}.hero-stage[data-hero-intro=pending] .hero-backdrop,.hero-stage[data-hero-intro=pending] .hero-card,.hero-stage[data-hero-intro=pending] .hero-mark,.hero-stage[data-hero-intro=pending] .hero-est,.hero-stage[data-hero-intro=pending] .hero-wordmark,.hero-stage[data-hero-intro=pending] .hero-copy{opacity:0}body:has(.hero-stage:not([data-hero-intro=done]))>header{opacity:0!important;pointer-events:none!important;animation:none!important}body:has(.hero-stage:not([data-hero-intro=done])) .assistant-fixed{opacity:0!important;pointer-events:none!important;animation:none!important}body:has(.hero-stage[data-hero-intro=done])>header>.nav-bar{animation:.6s cubic-bezier(.16,1,.3,1) both heroChromeIn}body:has(.hero-stage[data-hero-intro=done]) .assistant-fixed{animation-delay:0s!important}@keyframes heroChromeIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce),(scripting:none){.hero-stage[data-hero-intro=pending]{--hero-mask:1}.hero-stage[data-hero-intro=pending] .hero-backdrop,.hero-stage[data-hero-intro=pending] .hero-copy{opacity:1}.hero-stage[data-hero-intro=pending] .hero-card,.hero-stage[data-hero-intro=pending] .hero-lockup{display:none}}@media (scripting:none){body:has(.hero-stage)>header{opacity:1!important;pointer-events:auto!important;animation:none!important}body:has(.hero-stage) .assistant-fixed{opacity:1!important;pointer-events:auto!important;animation:none!important}}.hero-backdrop-pan .hero-slide img{object-position:var(--slide-focus,center);transform:none}@media (min-width:640px){.hero-backdrop-pan .hero-slide img{object-position:center}}@keyframes heroCaptionIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.hero-caption-in{animation:.8s cubic-bezier(.16,1,.3,1) .45s both heroCaptionIn}@media (prefers-reduced-motion:reduce){.hero-caption-in{animation:none}}
