.brand-intro{display:none}
.intro-pending{overflow:hidden}
.intro-pending .brand-intro{display:block;position:fixed;inset:0;z-index:100;color:#fff;overflow:hidden;isolation:isolate}
.intro-stage{position:absolute;inset:0;background:var(--charcoal);overflow:hidden}
.intro-backdrop{position:absolute;inset:0;background:var(--charcoal);opacity:.45}
.intro-dust{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;filter:blur(.35px)}
.intro-vector{position:absolute;inset:0;width:100%;height:100%;opacity:0;overflow:visible;shape-rendering:geometricPrecision}
.intro-wordmark{opacity:0}
.intro-phrase{position:absolute;inset:0;margin:0;white-space:nowrap;font-weight:450;pointer-events:none;color:#fff}
.intro-phrase span{position:absolute;left:0;top:0;display:block;white-space:pre;opacity:0;transform-origin:0 0;will-change:transform,opacity}
.intro-skip{position:fixed;z-index:101;right:4.5%;bottom:max(28px,env(safe-area-inset-bottom));background:transparent;color:#fff;border:0;border-bottom:1px solid #ffffff70;padding:12px 4px;font-size:13px;letter-spacing:.03em;cursor:pointer;min-height:44px}
.intro-skip:focus-visible{outline:2px solid #fff;outline-offset:6px}
.intro-pending .hero h1{visibility:hidden}
.intro-pending.intro-landing .hero h1{visibility:visible}
.intro-pending .hero-media *, .intro-pending .hero-media{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.intro-pending{overflow:auto}.intro-pending .brand-intro{display:none}.intro-pending .hero h1{visibility:visible}}