:root{color-scheme:dark;--paper:#f1f6fc;--ice:#a5ebff;--muted:#94a4b7;--line:rgba(173,208,229,.22)}
*{box-sizing:border-box}html{min-height:100%;background:#060b13}body{margin:0;min-height:100svh;background:radial-gradient(ellipse at 52% 30%,#112235 0,#070d17 48%,#050911 90%);color:var(--paper);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--ice);outline-offset:6px}
.ambient{position:fixed;pointer-events:none;z-index:0;filter:blur(65px);border-radius:50%;opacity:.27}.ambient-a{width:40vw;height:50vw;top:-29vw;left:31%;background:#337393}.ambient-b{width:24vw;height:30vw;bottom:-22vw;right:0;background:#2b5971}.grain{position:fixed;inset:0;pointer-events:none;opacity:.28;background-image:linear-gradient(90deg,transparent 49.8%,rgba(255,255,255,.035) 50%,transparent 50.2%),linear-gradient(transparent 49.8%,rgba(255,255,255,.03) 50%,transparent 50.2%);background-size:84px 84px}
.page{position:relative;z-index:1;min-height:100svh;max-width:1440px;margin:auto;padding:34px clamp(24px,5vw,80px) 25px;display:flex;flex-direction:column}
.topbar,.footer{display:flex;align-items:center;justify-content:space-between;gap:16px}
.wordmark{display:flex;align-items:center;gap:12px}.brand-mark{display:flex;align-items:center;justify-content:center;width:39px;height:39px;border:1px solid rgba(187,232,250,.75);font-size:25px;letter-spacing:-6px;padding-right:5px;font-weight:800}.mark-dot{color:var(--ice)}.brand-name{font-size:11px;font-weight:400;letter-spacing:.27em;white-space:nowrap}.brand-name strong{font-weight:900}.edition{display:flex;align-items:center;gap:14px;color:#b2c0cf;font-size:10px;letter-spacing:.25em;white-space:nowrap}.edition-line{width:30px;height:1px;background:#547388}
.hero{width:100%;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:50px 0 56px}
.eyebrow{display:flex;align-items:center;gap:13px;font-size:12px;letter-spacing:.28em;font-weight:700;color:#b2d2e5}.live-dot{height:5px;width:5px;background:var(--ice);box-shadow:0 0 12px var(--ice);border-radius:50%}.eyebrow-sep{color:#598299}.overline{margin:45px 0 14px;font-size:10px;color:var(--ice);font-weight:700;letter-spacing:.58em}
h1{font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:clamp(70px,11vw,154px);line-height:.88;letter-spacing:.013em;margin:0;font-weight:900;transform:scaleX(.92);white-space:nowrap;text-shadow:0 14px 70px rgba(37,97,131,.15)}
h1 span{color:var(--ice)}h1 em{font-style:normal;font-size:.57em;letter-spacing:.165em;margin-left:.12em;color:transparent;-webkit-text-stroke:1px rgba(235,246,255,.9)}
.divider{margin:37px 0 26px;width:190px;display:flex;align-items:center;gap:13px;color:var(--ice)}.divider span{height:1px;flex:1;background:var(--line)}.divider b{font-size:18px;font-weight:400}
.intro{margin:0;font-size:clamp(15px,2vw,19px);line-height:1.7;color:#c0cbd6;font-weight:400}.intro strong{font-weight:700;color:#fff}
.countdown-section{margin-top:52px;width:100%;max-width:680px}h2{color:var(--ice);font-size:11px;letter-spacing:.37em;margin:0 0 18px;font-weight:800}
.countdown{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.time-cell{min-height:128px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:linear-gradient(160deg,rgba(168,221,251,.10),rgba(168,221,251,.02));border:1px solid var(--line);border-radius:3px}.time-cell strong{font-variant-numeric:tabular-nums;font-family:Impact,"Arial Narrow",Arial,sans-serif;letter-spacing:.04em;font-weight:700;font-size:clamp(40px,5vw,67px);line-height:1}.time-cell span{color:#9db2c4;letter-spacing:.22em;font-size:9px;font-weight:700}
.opening-date{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;color:#d5e2ec;letter-spacing:.15em;font-size:11px;font-weight:700;margin:22px 0 0}.date-sep{color:var(--ice)}.timezone{font-size:9px;color:#869bae;letter-spacing:.15em}.opening-status{min-height:20px;color:var(--ice);font-size:12px;line-height:1.6;margin:13px 0 0}
.footer{border-top:1px solid var(--line);padding-top:22px;color:#879db0;font-size:10px;letter-spacing:.18em}.footer strong{color:#cad7e4;letter-spacing:.1em}.footer-right{display:flex;gap:14px;align-items:center}.footer-right span{color:var(--ice)}
@media(max-width:640px){.page{padding:22px 20px 20px}.edition{font-size:8px;letter-spacing:.1em}.edition-line{display:none}.brand-name{font-size:9px;letter-spacing:.15em}.brand-mark{width:35px;height:35px}.hero{padding:35px 0 35px}.overline{margin-top:34px;letter-spacing:.35em}h1{font-size:clamp(55px,14vw,96px)}h1 em{-webkit-text-stroke:1px rgba(235,246,255,.82)}.divider{margin:30px 0 19px}.countdown-section{margin-top:37px}.countdown{gap:7px}.time-cell{min-height:95px;gap:11px}.time-cell strong{font-size:clamp(32px,9vw,55px)}.time-cell span{font-size:7px;letter-spacing:.09em}h2{font-size:9px;letter-spacing:.24em}.opening-date{font-size:10px;gap:7px}.timezone{width:100%;margin-top:4px}.footer{font-size:8px}.footer-right{gap:7px}}@media(max-width:375px){.edition{display:none}.eyebrow{font-size:10px;gap:8px}h1{font-size:14vw}.time-cell{min-height:82px}}
@media(prefers-reduced-motion:no-preference){.ambient-a{animation:drift 12s ease-in-out infinite alternate}@keyframes drift{to{transform:translateY(28px)}}}

/* Cross-site bridge back to the organizing gym without distracting from the countdown. */
.artio-return-link{align-self:center;display:inline-flex;flex-direction:column;gap:7px;max-width:100%;margin-top:32px;padding:14px 18px;color:var(--paper);border:1px solid rgba(165,235,255,.38);border-radius:4px;background:rgba(165,235,255,.045);transition:border-color .2s,background .2s}
.artio-return-link:hover{border-color:var(--ice);background:rgba(165,235,255,.11)}
.artio-return-link>span{font-size:9px;font-weight:700;letter-spacing:.19em;color:var(--ice)}
.artio-return-link strong{font-size:14px;font-weight:700;letter-spacing:.015em}
.artio-return-link strong span{color:var(--ice)}
.footer-artio-link{color:#cad7e4;font-weight:800;text-decoration:underline;text-decoration-color:rgba(165,235,255,.4);text-underline-offset:4px}
.footer-artio-link:hover{color:var(--ice)}
@media(max-width:640px){.artio-return-link{margin-top:24px;padding:12px 14px}.artio-return-link>span{font-size:8px}}
@media(prefers-reduced-motion:reduce){.artio-return-link{transition:none}}
