:root{--bg:#030608;--bg2:#071117;--text:#f1f3f4;--muted:#8f9ba3;--ice:#b9d0d7;--line:rgba(200,225,232,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;overflow-x:hidden}body.intro-active{overflow:hidden}button,a{font:inherit}button{cursor:pointer}
.intro-screen{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:#020405;overflow:hidden;transition:opacity .7s ease,visibility .7s ease}
.intro-screen.is-gone{opacity:0;visibility:hidden;pointer-events:none}
.intro-atmosphere{position:absolute;inset:-10%;background:radial-gradient(circle at 50% 42%,rgba(23,76,86,.28),transparent 26%),radial-gradient(circle at 50% 50%,rgba(7,30,37,.65),transparent 50%),linear-gradient(180deg,#020405 0%,#061015 55%,#020405 100%);animation:breathe 9s ease-in-out infinite alternate}
.intro-atmosphere:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 28%,rgba(255,255,255,.05) 0 1px,transparent 2px),radial-gradient(circle at 70% 18%,rgba(255,255,255,.04) 0 1px,transparent 2px),radial-gradient(circle at 82% 70%,rgba(255,255,255,.035) 0 1px,transparent 2px),radial-gradient(circle at 34% 78%,rgba(255,255,255,.03) 0 1px,transparent 2px);background-size:190px 190px,230px 230px,270px 270px,310px 310px;opacity:.45;animation:drift 18s linear infinite}
.intro-content{position:relative;z-index:2;width:min(900px,92vw);text-align:center}.intro-kicker,.level-title{margin:0;letter-spacing:.34em;text-transform:uppercase;color:#d8e5e9}.intro-kicker{font-family:"Cormorant Garamond",serif;font-size:clamp(.95rem,1.8vw,1.35rem);margin-bottom:24px}
.symbol-stage{position:relative;width:min(460px,60vw);aspect-ratio:1;margin:0 auto 22px;filter:drop-shadow(0 0 30px rgba(106,177,190,.10))}.symbol-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;user-select:none;pointer-events:none}.symbol-base{opacity:1;transition:opacity .2s ease}
.symbol-half{position:absolute;inset:0;opacity:0;transition:transform 1.55s cubic-bezier(.22,.75,.22,1),opacity 1.45s ease,filter 1.45s ease}.symbol-left{clip-path:inset(0 50% 0 0)}.symbol-right{clip-path:inset(0 0 0 50%)}.symbol-stage.splitting .symbol-base{opacity:0}.symbol-stage.splitting .symbol-half{opacity:1}.symbol-stage.splitting .symbol-left{transform:translateX(-42vw) scale(.98);opacity:0;filter:blur(2px)}.symbol-stage.splitting .symbol-right{transform:translateX(42vw) scale(.98);opacity:0;filter:blur(2px)}
.level-title{font-size:.78rem;margin:4px 0 22px;color:#91a9b1}.level-options{display:flex;align-items:center;justify-content:center;gap:24px}.level-btn{border:0;background:transparent;color:#dce6e9;padding:12px 6px;letter-spacing:.18em;font-size:.8rem;position:relative;transition:color .25s ease,letter-spacing .25s ease,opacity .4s ease}.level-btn:after{content:"";position:absolute;left:50%;bottom:4px;width:0;height:1px;background:#dce6e9;transition:.3s ease;transform:translateX(-50%)}.level-btn:hover{color:#fff;letter-spacing:.22em}.level-btn:hover:after{width:100%}.level-divider{color:#35515a;font-size:.9rem}.intro-content.choice-made .intro-kicker,.intro-content.choice-made .level-title,.intro-content.choice-made .level-options{opacity:0;transition:opacity .45s ease}
.site-shell{min-height:100vh;opacity:0;transform:scale(1.01);transition:opacity 1.2s ease,transform 1.2s ease;background:radial-gradient(circle at 50% 14%,rgba(23,73,84,.17),transparent 32%),linear-gradient(180deg,#030608 0%,#071117 45%,#030608 100%)}.site-shell.is-visible{opacity:1;transform:none}
.topbar{position:fixed;z-index:30;top:0;left:0;right:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:18px 5vw;background:linear-gradient(180deg,rgba(2,4,6,.94),rgba(2,4,6,.36),transparent);backdrop-filter:blur(5px)}.header-logo{display:inline-flex;width:150px;height:54px;align-items:center}.header-logo img{width:100%;max-height:54px;object-fit:contain;object-position:left center}nav{display:flex;gap:28px}nav a,.socials a{color:#c7d1d5;text-decoration:none;font-size:.79rem;letter-spacing:.10em;transition:color .2s ease}nav a:hover,.socials a:hover{color:#fff}.audio-toggle{justify-self:end;border:1px solid var(--line);background:rgba(255,255,255,.02);color:#d5e0e4;width:40px;height:40px;border-radius:50%;display:grid;place-items:center}.audio-icon{font-size:.78rem;letter-spacing:-.08em}
.hero{min-height:100svh;display:grid;place-items:center;position:relative;padding:120px 24px 70px}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 44%,rgba(21,91,102,.14),transparent 23%),radial-gradient(circle at 50% 50%,transparent 0 20%,rgba(2,4,6,.60) 72%)}.hero-inner{position:relative;z-index:2;text-align:center}.hero-wordmark{width:min(760px,80vw);max-height:38vh;object-fit:contain;filter:drop-shadow(0 0 28px rgba(104,171,183,.08))}.hero-tagline{margin:26px 0 0;font-family:"Cormorant Garamond",serif;letter-spacing:.32em;font-size:clamp(.92rem,1.7vw,1.25rem)}.now-playing{margin:18px 0 32px;color:#76919a;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase}.ghost-btn{display:inline-block;padding:12px 26px;border:1px solid var(--line);color:#dfe7ea;text-decoration:none;font-size:.72rem;letter-spacing:.18em}
.section{padding:120px 7vw;border-top:1px solid var(--line)}.section-inner{max-width:1120px;margin:auto}.eyebrow{color:#9fbcc4;letter-spacing:.28em;font-size:.70rem}h2{margin:.3em 0;font-family:"Cormorant Garamond",serif;font-weight:500;font-size:clamp(2.5rem,6vw,5.3rem);line-height:.95}p{line-height:1.75}.muted{color:var(--muted)}.platforms{display:flex;gap:25px;margin-top:28px;color:#c3cfd4;font-size:.85rem}.about-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:center}.about-symbol{display:flex;justify-content:center}.about-symbol img{width:min(420px,72vw);opacity:.88;filter:drop-shadow(0 0 30px rgba(110,176,188,.07))}.contact{text-align:center}.contact .section-inner{display:flex;align-items:center;flex-direction:column}.socials{display:flex;gap:28px;margin-top:26px}footer{padding:58px 7vw 70px;border-top:1px solid var(--line);display:flex;flex-direction:column;align-items:center;gap:15px;color:#66757c}.footer-symbol{width:58px;height:58px;object-fit:contain}.reveal{opacity:0;transform:translateY(20px);transition:opacity .9s ease,transform .9s ease}.reveal.visible{opacity:1;transform:none}
@keyframes breathe{from{transform:scale(1);filter:brightness(.92)}to{transform:scale(1.035);filter:brightness(1.04)}}@keyframes drift{from{transform:translate3d(0,0,0)}to{transform:translate3d(-35px,20px,0)}}
@media(max-width:760px){.intro-kicker{letter-spacing:.24em}.symbol-stage{width:min(430px,82vw)}.level-options{gap:11px}.level-btn{font-size:.65rem;letter-spacing:.10em}.level-divider{font-size:.65rem}.topbar{grid-template-columns:auto 1fr auto;padding:15px 18px}.header-logo{width:105px}nav{justify-self:center;gap:11px}nav a{font-size:.61rem}.audio-toggle{width:34px;height:34px}.hero-wordmark{width:92vw}.hero-tagline{letter-spacing:.20em}.section{padding:88px 24px}.about-grid{grid-template-columns:1fr}.platforms,.socials{justify-content:center;flex-wrap:wrap}}
@media(max-width:520px){nav a:nth-child(2){display:none}.header-logo{width:92px}.intro-content{width:96vw}.symbol-stage{width:84vw}.level-options{flex-direction:column;gap:3px}.level-divider{display:none}}