.intro{position:fixed;inset:0;z-index:1000;background:#0a0a09;color:#f6f3ed;display:grid;place-items:center;text-align:center;transition:opacity .6s ease,visibility .6s}
.intro[hidden]{display:none}
.intro.out{opacity:0;visibility:hidden;pointer-events:none}
html.intro-lock{overflow:hidden}
.intro-inner{padding:24px}
.intro-mark{font:800 clamp(34px,9vw,120px)/1 "Unbounded",Inter,system-ui,sans-serif;letter-spacing:.04em;text-shadow:0 0 40px rgba(255,211,110,.35)}
.intro-sub{margin:18px 0 36px;font:400 14px/1.6 var(--sans,system-ui);letter-spacing:.2em;color:#a9a59b}
.intro-enter{font:600 14px var(--sans,system-ui);color:#0a0a09;background:#f6f3ed;border:0;border-radius:99px;padding:12px 28px;cursor:pointer;transition:transform .25s,box-shadow .25s}
.intro-enter:hover,.intro-enter:focus-visible{transform:translateY(-2px);box-shadow:0 0 0 6px rgba(255,211,110,.25)}
.intro-skip{position:absolute;right:20px;top:18px;background:none;border:0;color:#8f8b82;font:500 13px var(--sans,system-ui);cursor:pointer;padding:8px}
.intro-skip:hover{color:#f6f3ed}
@media (prefers-reduced-motion:reduce){.intro{transition:none}}