.intro-distance{height:150vh;height:150svh;background:#2a2456}
.brand-intro{position:fixed;inset:0;z-index:100;background:#2a2456;color:#deecff;display:grid;place-items:center;overflow:hidden;isolation:isolate}
.intro-wordmark{font:800 var(--intro-font-size,32px)/.96 Dunbar,sans-serif;letter-spacing:-.025em;text-align:center;margin:0;white-space:nowrap;position:relative;z-index:2;pointer-events:none}
.intro-wordmark span{display:block}.intro-wordmark span:last-child{color:#9ba9ff}
.intro-prompt{position:absolute;bottom:max(8vh,40px);left:20px;right:20px;text-align:center;font:400 14px/1.6 'Dunbar Text',sans-serif;letter-spacing:.04em;opacity:var(--prompt-opacity,1)}
.intro-prompt span{display:block;font-size:24px;margin-top:12px;animation:intro-nudge 1.4s ease-in-out infinite}
.intro-skip{position:absolute;right:25px;top:25px;border:1px solid #deecff66;border-radius:30px;padding:12px 20px;font:400 14px 'Dunbar Text',sans-serif;color:#deecff;background:transparent;cursor:pointer;z-index:4}.intro-skip:hover{background:#deecff15}.intro-skip:focus-visible{outline:3px solid #deecff;outline-offset:4px}
.intro-ring{position:absolute;width:160px;height:160px;border:1px solid #9ba9ff44;border-radius:50%;transform:scale(var(--ring-scale,1));opacity:var(--ring-opacity,.5);pointer-events:none;z-index:1}
.intro-burst-piece{position:absolute;left:50%;top:50%;width:15px;height:24px;background:#9ba9ff;pointer-events:none;z-index:3}.intro-burst-piece:nth-child(even){background:#deecff;border-radius:50%}
.intro-active .motion-toggle{visibility:hidden}
@keyframes intro-nudge{0%,100%{transform:translateY(0)}50%{transform:translateY(7px)}}
@media(prefers-reduced-motion:reduce){.brand-intro,.intro-distance{display:none}.intro-prompt span{animation:none}}