/* A short welcome, with no page transform or scroll lock. */
html{scrollbar-gutter:stable}
#site-surface{transform:none;filter:none;opacity:1}
.welcome[hidden]{display:none}
.welcome{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:var(--paper);pointer-events:none;opacity:1;transition:none}
.welcome-word{display:block;max-width:calc(100vw - 48px);padding:12px;text-align:center;font-family:Inter,system-ui,sans-serif;font-size:clamp(56px,9vw,128px);font-weight:550;line-height:1.3;letter-spacing:-.04em;color:#000;opacity:var(--welcome-word-alpha,1);transform:translateY(var(--welcome-word-y,0px))}
.welcome[data-tone="blue"] .welcome-word{color:var(--blue)}
.welcome-skip{position:absolute;bottom:32px;right:var(--gutter,24px);padding:8px 0;background:transparent;color:var(--muted);font-size:11px;border:0;border-bottom:1px solid var(--line);pointer-events:auto}
.welcome-skip:hover{color:var(--blue);border-color:var(--blue)}
body.welcome-active .hero-stage .character-v{animation-play-state:paused!important}
@media(max-width:700px){.welcome-word{font-size:clamp(42px,11vw,72px)}.welcome-skip{bottom:24px}}
@media(prefers-reduced-motion:reduce){.welcome-word{transform:none!important;opacity:1!important}}