.aris-intro{display:none}
.intro-pending .aris-intro{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;background:#080808;overflow:hidden;animation:intro-failsafe 0s 4s forwards}
.intro-mark{position:relative;width:min(74vw,600px);aspect-ratio:565/191;isolation:isolate}
.intro-letter{position:absolute;inset:0;opacity:0;will-change:transform,opacity,filter}
.intro-letter img{position:absolute;width:149.03%;max-width:none;height:auto;left:-24.78%;top:-96.86%}
.intro-letter:nth-child(1){clip-path:inset(-50% 67.1% -50% -50%);--delay:0ms}
.intro-letter:nth-child(2){clip-path:inset(-50% 41.5% -50% 32.9%);--delay:180ms}
.intro-letter:nth-child(3){clip-path:inset(-50% 22% -50% 58.5%);--delay:360ms}
.intro-letter:nth-child(4){clip-path:inset(-50% -50% -50% 78%);--delay:540ms}
.intro-playing .intro-letter{animation:aris-impact 620ms cubic-bezier(.16,1,.3,1) var(--delay) both}
.intro-playing .aris-intro{animation:intro-exit 350ms ease-in 1550ms forwards,intro-failsafe 0s 4s forwards}
.intro-skip{position:absolute;bottom:max(28px,env(safe-area-inset-bottom));right:clamp(24px,5vw,64px);border:1px solid #ffffff40;background:transparent;color:#aaa;padding:9px 16px;font:11px/1.4 monospace;letter-spacing:.12em;text-transform:uppercase}
.intro-skip:hover,.intro-skip:focus-visible{color:#fff;border-color:#fff}
@keyframes aris-impact{0%{opacity:0;transform:scale(1.8) translateY(14px);filter:blur(15px)}12%{opacity:1}62%{transform:scale(.97) translateY(0);filter:blur(0)}100%{opacity:1;transform:scale(1);filter:blur(0)}}
@keyframes intro-exit{to{opacity:0;visibility:hidden;pointer-events:none}}
@keyframes intro-failsafe{to{visibility:hidden;pointer-events:none}}
@media(prefers-reduced-motion:reduce){.intro-pending .aris-intro{display:none}.intro-letter{animation:none!important}}