@import url('https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&display=swap');

:root { --night: #070D15; --paper: #f2f5f8; --soft: #9aa7b6; --line: rgba(242,245,248,.14); --electric: #89bfff; }
* { box-sizing: border-box; }
html, body { min-height: 100%; margin: 0; }
body { background: var(--night); color: var(--paper); font-family: Geist, Arial, sans-serif; }
a { color: inherit; text-decoration: none; }
.coming-soon { position: relative; isolation: isolate; min-height: 100svh; overflow: hidden; display: grid; grid-template-rows: auto 1fr auto; padding: 30px clamp(24px, 4vw, 68px); background: var(--night); }
.coming-soon::before, .coming-soon::after { content: ''; position: absolute; z-index: -2; width: 52vw; height: 52vw; border-radius: 50%; pointer-events: none; filter: blur(4px); }
.coming-soon::before { top: -36vw; left: -22vw; background: radial-gradient(circle, rgba(41, 105, 201, .18), transparent 67%); }
.coming-soon::after { right: -30vw; bottom: -38vw; background: radial-gradient(circle, rgba(82, 137, 221, .13), transparent 65%); }
.noise { position: absolute; z-index: -1; inset: 0; pointer-events: none; opacity: .25; background-image: radial-gradient(rgba(255,255,255,.22) .45px, transparent .7px); background-size: 5px 5px; mask-image: linear-gradient(135deg, transparent, #000 40%, transparent); }
.site-header, .site-footer { display: flex; justify-content: space-between; align-items: center; gap: 20px; font-size: 11px; font-weight: 500; letter-spacing: .14em; }
.site-header { border-bottom: 1px solid var(--line); padding-bottom: 24px; }
.site-header p { margin: 0; color: var(--soft); }
.edition { color: var(--soft); }
.mini-mark { position: relative; width: 31px; height: 26px; display: block; }
.mini-mark span { position: absolute; display: block; background: var(--paper); }
.mini-mark span:first-child { width: 22px; height: 8px; left: 0; top: 10px; transform: skew(-38deg); }
.mini-mark span:last-child { width: 10px; height: 26px; right: 0; top: 0; }
.stage { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 80px 0; }
.pretitle { display: inline-flex; align-items: center; gap: 10px; margin: 0 0 26px; color: var(--electric); font-size: 11px; font-weight: 500; letter-spacing: .18em; }
.pretitle span { width: 7px; height: 7px; border-radius: 50%; background: currentColor; box-shadow: 0 0 18px currentColor; }
.studio-name { max-width: 1200px; margin: 0; color: var(--paper); font-size: clamp(55px, 12vw, 190px); font-weight: 500; letter-spacing: -.085em; line-height: .88; cursor: default; }
.studio-name sup { position: relative; top: -.7em; margin-left: .22em; font-size: .17em; font-weight: 500; letter-spacing: -.02em; vertical-align: baseline; }
.message { margin: 42px 0 0; color: var(--soft); font-size: clamp(15px, 1.3vw, 18px); line-height: 1.55; letter-spacing: -.02em; }
.site-footer { border-top: 1px solid var(--line); padding-top: 24px; color: var(--soft); }
.site-footer a { transition: color .2s ease; }.site-footer a:hover { color: var(--paper); }
.status { display: inline-flex; align-items: center; gap: 8px; color: var(--paper); }
.status i { width: 7px; height: 7px; border-radius: 50%; background: #6ae3a3; box-shadow: 0 0 12px rgba(106,227,163,.8); }
@media (max-width: 600px) { .coming-soon { padding: 21px 22px; } .site-header { padding-bottom: 20px; } .site-header p { font-size: 9px; } .edition { display: none; } .stage { padding: 64px 0; } .pretitle { margin-bottom: 22px; font-size: 9px; letter-spacing: .13em; } .studio-name { font-size: clamp(48px, 16vw, 88px); line-height: .93; } .message { margin-top: 31px; } .site-footer { padding-top: 20px; font-size: 9px; letter-spacing: .08em; } .site-footer > span:last-child { display: none; } }