/* A short, optional entrance. The underlying website stays fully intact. */
.intro-pending body,.intro-open body{background:#03070a}
.intro-pending body>.site-header,.intro-pending body>main,.intro-pending body>.site-footer,.intro-pending body>.skip-link{visibility:hidden}
.intro-open{overflow:hidden}
.electric-intro{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;overflow:hidden;isolation:isolate;background:#03070a;color:#f5fffc;font-family:var(--font);transition:opacity .65s ease,visibility .65s;min-height:100svh}
.electric-sky,.electric-haze{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1}
.electric-haze{background:radial-gradient(ellipse at 50% -10%,rgba(56,118,128,.2),transparent 55%),radial-gradient(ellipse at 50% 110%,rgba(10,97,87,.14),transparent 52%)}
.electric-intro:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at center,rgba(3,7,10,.45) 0%,rgba(3,7,10,.09) 60%,rgba(3,7,10,.36) 100%);opacity:1;transition:background .5s}
.intro-content{text-align:center;padding:40px 24px;max-width:900px;position:relative}
.intro-eyebrow{color:#85b7b5;font-size:.8125rem;line-height:1.6;letter-spacing:.2em;text-transform:uppercase;margin-bottom:24px}
.intro-wordmark{color:#f5fffc;font-size:clamp(2.8rem,8vw,6.75rem);font-weight:800;line-height:1.1;letter-spacing:-.055em;text-shadow:0 0 40px rgba(108,255,228,.12)}
.intro-wordmark span{color:#91edd5}
.intro-description{color:#bdcdcf;font-size:1.125rem;margin-top:20px;line-height:1.7}
.intro-enter{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:62px;min-width:250px;padding:17px 25px;margin-top:42px;border:1px solid #affee4;border-radius:10px;background:#a3f5dc;color:#06241f;font-size:1rem;font-weight:750;box-shadow:0 0 0 6px rgba(137,237,211,.04),0 0 38px rgba(137,237,211,.13);transition:background .2s,box-shadow .2s,transform .2s}
.intro-enter:hover{background:#ceffef;box-shadow:0 0 0 7px rgba(137,237,211,.07),0 0 55px rgba(137,237,211,.2);transform:translateY(-2px)}
.intro-button-spark{font-size:1.2rem;line-height:1}
.intro-hint{font-size:.8125rem;color:#8b9fa4;margin-top:17px}
.intro-skip,.intro-sound{color:#b0c3c6;background:transparent;border:1px solid #344b50;border-radius:7px;padding:9px 14px;min-height:44px;font-size:.875rem;line-height:1.5;transition:color .2s,border-color .2s}
.intro-skip{position:absolute;top:28px;right:32px}
.intro-skip:hover,.intro-sound:hover{color:#f5fffc;border-color:#91edd5}
.intro-bottom{position:absolute;bottom:max(28px,env(safe-area-inset-bottom));left:32px;right:32px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#8b9fa4;font-size:.875rem}
.intro-sound[aria-pressed=true]{color:#affee4;border-color:#609987}
.electric-intro :focus-visible{outline:3px solid #affee4;outline-offset:6px}
.electric-intro.is-entering .intro-enter{box-shadow:0 0 0 18px rgba(137,237,211,.09),0 0 90px rgba(137,237,211,.3);background:#ddfff3;transform:scale(.98)}
.electric-intro.is-leaving{opacity:0;visibility:hidden;pointer-events:none}
@media(max-width:650px){.intro-eyebrow{font-size:.75rem;letter-spacing:.12em}.intro-content{padding:30px 20px}.intro-wordmark{font-size:clamp(2.65rem,11vw,4.5rem)}.intro-description{font-size:1rem}.intro-enter{margin-top:32px;min-width:230px;gap:20px}.intro-skip{right:20px;top:20px}.intro-bottom{left:20px;right:20px;font-size:.8125rem}.intro-bottom>span{max-width:145px}}
@media(max-height:480px){.intro-content{padding:15px}.intro-wordmark{font-size:3rem}.intro-eyebrow{margin-bottom:10px}.intro-description{margin-top:8px}.intro-enter{margin-top:17px;min-height:50px}.intro-hint{margin-top:8px}.intro-bottom{bottom:12px}.intro-skip{top:12px}}
@media(prefers-reduced-motion:reduce){.electric-intro,.intro-enter,.intro-skip,.intro-sound{transition:none}.intro-enter:hover{transform:none}}