.intro{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;overflow:hidden;pointer-events:auto}.intro-door{position:absolute;top:0;bottom:0;width:50.2%;background:#fff;will-change:transform;transition:transform 1s cubic-bezier(.76,0,.24,1) .12s}.intro-door.l{left:0}.intro-door.r{right:0}.intro[data-phase=out] .intro-door.l{transform:translate3d(-101%,0,0)}.intro[data-phase=out] .intro-door.r{transform:translate3d(101%,0,0)}.intro-word{position:relative;display:flex;font-family:var(--font-hv2-display),system-ui,sans-serif;font-weight:600;font-size:28vw;line-height:.9;letter-spacing:-.055em;white-space:nowrap;color:#0C0E11;padding:0 .03em}.intro-grp{display:flex;will-change:transform;transition:transform 1s cubic-bezier(.76,0,.24,1)}.intro[data-phase=out] .intro-grp.l{transform:translate3d(-75vw,0,0)}.intro[data-phase=out] .intro-grp.r{transform:translate3d(75vw,0,0)}.intro-ch{display:block;opacity:0;will-change:opacity}.intro[data-phase=in] .intro-ch{animation:intro-flick 1.7s step-end forwards;animation-delay:calc(var(--i) * .14s)}.intro[data-phase=in] .intro-ch:nth-child(2){animation-duration:2s}@keyframes intro-flick{0%{opacity:0}8%{opacity:.5}14%{opacity:.12}22%{opacity:.7}30%{opacity:.2}37%{opacity:.55}46%{opacity:.1}55%{opacity:.65}63%{opacity:.28}72%{opacity:.8}80%{opacity:.4}90%{opacity:.9}to{opacity:1}}.intro[data-phase=out] .intro-ch{opacity:1}@media (prefers-reduced-motion:reduce){.intro-door,.intro-grp{transition-duration:.01s;transition-delay:0s}.intro[data-phase=in] .intro-ch{animation:none;opacity:1}}@property --iv-r{syntax:"<length>";inherits:false;initial-value:0}.intro.v2 .iv-bg{background:radial-gradient(rgba(255,255,255,.1) 1px,transparent 1.2px) 0 0 /22px 22px,#07080A;-webkit-mask-image:radial-gradient(circle at 50% 50%,transparent var(--iv-r),#000 calc(var(--iv-r) + 2px));mask-image:radial-gradient(circle at 50% 50%,transparent var(--iv-r),#000 calc(var(--iv-r) + 2px))}.intro.v2 .iv-bg,.intro.v2 .iv-ring{position:absolute;inset:0;--iv-r:-4px}.intro.v2 .iv-ring{opacity:0;pointer-events:none;background:radial-gradient(circle at 50% 50%,transparent calc(var(--iv-r) - 18px),rgba(255,74,28,.95) calc(var(--iv-r) - 3px),rgba(255,74,28,0) calc(var(--iv-r) + 46px))}.intro.v2[data-phase=out] .iv-bg,.intro.v2[data-phase=out] .iv-ring{animation:iv-hole 1.15s cubic-bezier(.6,0,.3,1) forwards}.intro.v2[data-phase=out] .iv-ring{opacity:1}@keyframes iv-hole{0%{--iv-r:-4px}to{--iv-r:95vmax}}.intro.v2 .intro-word{color:#fff}.intro.v2 .intro-ch{opacity:0;filter:blur(16px);transform:translate3d(0,.1em,0) scale(.94)}.intro.v2[data-phase=in] .intro-ch{animation:iv-in .8s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:calc(.15s + var(--i) * .13s)}.intro.v2[data-phase=out] .intro-ch{opacity:1;filter:none;transform:none;animation:iv-word-out .5s ease-in forwards}@keyframes iv-in{to{opacity:1;filter:blur(0);transform:none}}@keyframes iv-word-out{to{opacity:0;transform:scale(1.12)}}.intro.v2 .iv-meter{position:absolute;left:50%;bottom:max(40px,8svh);width:min(320px,62vw);transform:translateX(-50%);display:grid;gap:10px;justify-items:center;transition:opacity .3s}.intro.v2[data-phase=out] .iv-meter{opacity:0}.intro.v2 .iv-pct{font:500 12px/1 ui-monospace,SF Mono,Menlo,monospace;letter-spacing:.12em;color:rgba(255,255,255,.55);font-variant-numeric:tabular-nums}.intro.v2 .iv-bar{display:block;width:100%;height:2px;border-radius:2px;background:rgba(255,255,255,.14);overflow:hidden;position:relative}.intro.v2 .iv-bar:after{content:"";position:absolute;inset:0;background:#FF4A1C;transform:scaleX(0);transform-origin:0 50%}.intro.v2[data-phase=in] .iv-bar:after{animation:iv-fill 2.1s cubic-bezier(.4,0,.2,1) forwards}@keyframes iv-fill{to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.intro.v2 .intro-ch{filter:none;transform:none}.intro.v2[data-phase=in] .intro-ch{animation:none;opacity:1}.intro.v2[data-phase=out] .iv-bg,.intro.v2[data-phase=out] .iv-ring{animation:none;opacity:0;transition:opacity .25s}.intro.v2[data-phase=in] .iv-bar:after{animation:none}}