/* Ν8ΗΞΛRΤ / shared design system */
:root{color-scheme:dark;--bg:#080b13;--surface:#11131f;--ink:#f1f0f7;--muted:#a6aabb;--pink:#f279cf;--cyan:#68dce8;--line:#ffffff13;--mono:ui-monospace,'Cascadia Code','Consolas',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 'Segoe UI',Arial,sans-serif;-webkit-font-smoothing:antialiased;isolation:isolate}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}img{max-width:100%;display:block}button:disabled{cursor:not-allowed;opacity:.5}[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:600}h1 em,h2 em{font-style:normal;color:var(--pink)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:var(--cyan);color:#06121b;padding:12px 18px;border-radius:4px}.skip-link:focus{top:14px}.site-header{position:relative;z-index:10;min-height:102px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:21px 4.4vw;border-bottom:1px solid var(--line);background:#080b1394;backdrop-filter:blur(14px)}.home-page .site-header{position:absolute;top:0;left:0;right:0;background:linear-gradient(#080b13db,#080b1373);border-bottom-color:#ffffff10}.brand{display:block;flex-shrink:0;font-size:27px;font-weight:700;letter-spacing:1.1px;line-height:1.1;color:#f5dff2}.brand small{display:block;font:8px/1.3 var(--mono);font-weight:400;letter-spacing:1.1px;color:#a7adbd;margin-top:9px}.site-header nav{display:flex;gap:7px;align-items:center}.site-header nav a{display:block;padding:9px 13px;border:1px solid #a46bba38;border-radius:4px;box-shadow:inset 0 0 8px #d778fa05,0 0 11px #a059d007;font-size:12px;line-height:1.3;color:#d5d5e0;transition:border-color .2s,background .2s,box-shadow .2s}.site-header nav a:hover,.site-header nav a[aria-current=page]{color:#fff;border-color:#dc82c99c;background:#d277c713;box-shadow:inset 0 0 12px #d277c709,0 0 13px #d277c71b}.site-header nav a[aria-current=page]{color:#ffd9f1}.eyebrow{font:10px/1.8 var(--mono);font-weight:500;letter-spacing:2.2px;color:var(--cyan);margin:0 0 17px}.primary,.outline{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:46px;padding:12px 20px;border:1px solid #d27ab177;border-radius:4px;font-size:13px;line-height:1.5;font-weight:500;transition:background .2s,box-shadow .2s,border-color .2s}.primary{color:#fff0fa;background:#aa4b8a24;box-shadow:inset 0 0 18px #e762b509,0 0 20px #d25bb10c}.primary:hover{background:#aa4b8a44;border-color:#f496d4;box-shadow:0 0 22px #d25bb12a}.outline{color:#d8dce8;background:#0d111b6b;border-color:#8a7aa149}.outline:hover{border-color:var(--cyan);background:#68dce80a}.primary span,.outline span{color:var(--pink)}.text-link{display:inline-flex;align-items:center;gap:18px;color:#e9a1d7;font-size:13px;font-weight:500;border-bottom:1px solid #dc82c935;padding-bottom:5px}.text-link:hover{color:#fff;border-color:#f1c0e2}.section-wrap{width:min(1220px,calc(100% - 10vw));margin-inline:auto}.world{height:100svh;min-height:580px;position:relative;overflow:hidden;background:#0a1320}#stage{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 60%,#253047,#080b13)}#stage canvas{display:block;width:100%;height:100%;touch-action:pan-y}.scrim{position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#080b13 0%,#080b135c 10%,transparent 24%)}#loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:12px;color:#dab5d8;font:12px var(--mono);letter-spacing:.8px}.loading-dot,.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 9px #68dce866}.coordinates{position:absolute;top:130px;left:4.4vw;color:#dae2ef;font:10px/1.8 var(--mono);letter-spacing:1.9px;pointer-events:none;text-shadow:0 1px 10px #030711}.coordinates .status-dot{margin-right:7px}.coordinates #phase{display:block;color:#a1b5c4;font-size:9px;margin-top:4px;padding-left:18px;letter-spacing:1px}.controls{position:absolute;left:4.4vw;bottom:62px;display:flex;align-items:center;gap:7px;max-width:calc(100% - 8.8vw - 190px);height:46px;padding:6px 8px;border:1px solid #a4b1d02e;border-radius:5px;background:#080d18c4;backdrop-filter:blur(12px);font-size:11px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.controls::-webkit-scrollbar{display:none}.controls label{display:flex;align-items:center;gap:6px;white-space:nowrap;color:#aeb9ca}.controls label span{font-size:10px}.controls button,.controls select{flex-shrink:0;min-height:30px;background:#121724b0;border:1px solid #acb2d126;border-radius:3px;padding:5px 8px;font-size:10px;color:#dae2ef;white-space:nowrap}.controls select{max-width:99px;padding-right:3px}.controls select:focus-visible{outline-offset:0}.controls #clock{font:10px var(--mono);color:var(--cyan);padding:0 4px;white-space:nowrap}.scene-hint{position:absolute;bottom:36px;left:4.4vw;color:#a6b4c3;font:9px var(--mono);letter-spacing:.3px;text-shadow:0 2px 8px #000}.scroll-cue{position:absolute;bottom:39px;right:4.4vw;display:flex;gap:22px;align-items:center;color:#dce4f1;border:0;background:transparent;padding:9px 0;font:10px var(--mono)}.scroll-cue>span:last-child{display:grid;place-items:center;border:1px solid #e3b2da65;width:30px;height:39px;border-radius:20px;color:#f0c2e5;font-size:18px}.scroll-cue:hover{color:#fff}.scene-fallback{min-height:100%;padding:150px 24px 130px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:radial-gradient(ellipse,#252039,#080b13 70%)}.scene-fallback h1{font-size:clamp(38px,8vw,100px);color:#f4b5e1;text-shadow:0 0 30px #ba5db16b;line-height:1.2}.scene-fallback p{max-width:420px;color:#bfc4d6}.scene-fallback-note{max-width:420px}.pin{position:absolute;transform:translate(-50%,-100%);pointer-events:auto;color:#fff;border:1px solid #b88ad65e;background:#0c1221da;border-radius:4px;padding:6px 10px;font-size:10px}#labels{position:absolute;inset:0;pointer-events:none}.home-intro{padding-top:102px;padding-bottom:92px;scroll-margin-top:10px}.intro-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-index{font:9px var(--mono);letter-spacing:1.5px;color:#737e94}.intro-story{display:grid;grid-template-columns:1.2fr 1fr;gap:60px}.intro-story h2{font-size:clamp(32px,3.5vw,48px);line-height:1.2;letter-spacing:-1.7px;margin:0}.intro-copy p{color:#a9afbf;font-size:14px;line-height:1.85;margin-bottom:17px}.intro-copy .text-link{margin-top:8px}.district{padding-top:30px;padding-bottom:88px;border-top:1px solid var(--line)}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.section-title h2{font-size:32px;letter-spacing:-.8px;line-height:1.2;margin:0}.section-title .eyebrow{margin-top:12px;margin-bottom:14px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.card{position:relative;display:block;min-height:206px;border:1px solid #9e84b024;border-radius:7px;background:linear-gradient(135deg,#17132199,#10152055);padding:24px 21px;transition:border-color .2s,transform .2s}.card:hover{transform:translateY(-4px);border-color:#bd7caf8c}.card .num{display:block;color:#b788ac;font:9px var(--mono);letter-spacing:1.2px}.card .arrow{position:absolute;right:21px;top:21px;color:#eeb6db;font-size:17px}.card h3{font-size:20px;line-height:1.35;margin:39px 0 11px;letter-spacing:-.5px}.card p{font-size:12px;line-height:1.8;margin:0;color:#9aa3b4}.latest-release{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid #9e84b024;border-radius:8px;overflow:hidden;background:#10131e}.release-art{height:470px;position:relative;overflow:hidden}.release-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 65%,#10131e)}.release-art img{width:100%;height:100%;object-fit:cover;object-position:50% 24%}.release-copy{padding:42px 46px;align-self:center}.release-copy h2{font-size:46px;letter-spacing:-1.5px;line-height:1.12;margin:23px 0}.release-copy p:not(.eyebrow){color:#a6aebf;font-size:14px}.release-copy .primary{margin-top:8px}.status-badge{display:inline-flex;align-items:center;gap:7px;padding:5px 9px;border:1px solid #96a4bb2b;border-radius:3px;color:#aab9d2;font:9px/1.5 var(--mono);letter-spacing:.3px}.status-badge:before{content:'';width:4px;height:4px;border-radius:50%;background:#bc8ab5}.status-badge.available:before{background:var(--cyan)}.studio-cta{padding:90px 0 100px;display:flex;justify-content:space-between;align-items:center;gap:30px}.studio-cta h2{font-size:43px;line-height:1.2;letter-spacing:-1.3px;margin-bottom:18px}.studio-cta p:not(.eyebrow){color:#a6aebf;font-size:14px}.studio-cta .primary{min-width:210px}.site-footer{position:relative;z-index:1;padding:45px 5vw 27px;border-top:1px solid var(--line);background:#070a10d9}.footer-top,.footer-bottom{display:flex;justify-content:space-between;gap:25px;align-items:center;max-width:1220px;margin:auto}.site-footer .brand{font-size:22px}.site-footer .brand small{font-size:8px;letter-spacing:1px}.footer-top p{margin:14px 0 0;color:#757f92;font-size:12px}.footer-pages{display:flex;gap:25px;flex-wrap:wrap;padding:30px 0 22px;max-width:1220px;margin:auto;border-bottom:1px solid var(--line);font-size:12px;color:#a1aabd}.footer-bottom{padding-top:23px}.footer-bottom>span{font:9px var(--mono);color:#677287;white-space:nowrap}.site-footer #social{display:flex;flex-wrap:wrap;gap:19px;color:#8f9bb0;font-size:11px}.site-footer nav a:hover{color:var(--cyan)}dialog{background:#111521;color:#fff;border:1px solid #c58bb55e;border-radius:8px;padding:30px;width:min(600px,90vw)}dialog::backdrop{background:#000b}dialog img{max-height:65vh;width:100%;object-fit:contain}#close{float:right;background:none;border:0;color:#fff;font-size:24px}
/* Two animated color fields: transforms only, no heavy media. */
.ambient-background{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;contain:strict;background:linear-gradient(115deg,#0b0b17,#080d16 67%,#0d0b18)}.ambient-background i{position:absolute;width:80vw;height:85vh;top:-20vh;left:-30vw;border-radius:50%;background:radial-gradient(ellipse,#783c8b21,transparent 67%);animation:ambient-drift 26s ease-in-out infinite alternate}.ambient-background i:nth-child(2){left:auto;right:-35vw;top:30vh;background:radial-gradient(ellipse,#2c94ac15,transparent 68%);animation-duration:33s;animation-direction:alternate-reverse}.ambient-background>span{position:absolute;inset:0;background-image:linear-gradient(#a2b6e705 1px,transparent 1px),linear-gradient(90deg,#a2b6e705 1px,transparent 1px);background-size:88px 88px;mask-image:linear-gradient(transparent,#000,transparent)}.home-page .ambient-background{display:none}html[data-page-hidden=true] .ambient-background i{animation-play-state:paused}@keyframes ambient-drift{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(12vw,13vh,0) scale(1.12)}}
@media(min-width:1600px){.site-header{padding-inline:max(4.4vw,calc((100vw - 1500px)/2))}.world{min-height:700px}}@media(max-width:1120px){.site-header{padding-inline:3vw;gap:15px}.brand{font-size:24px}.brand small{font-size:7px;letter-spacing:.7px}.site-header nav{gap:5px}.site-header nav a{padding:8px 10px;font-size:11px}.intro-story{gap:35px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.card{min-height:185px}.release-copy{padding:30px}.release-copy h2{font-size:38px}.controls{max-width:calc(100% - 8.8vw - 185px)}}
@media(max-width:760px){body{font-size:15px}.site-header{min-height:115px;display:block;padding:18px 20px 12px}.site-header .brand{font-size:23px}.site-header .brand small{font-size:7px;letter-spacing:1px;margin-top:6px}.site-header nav{margin-top:15px;gap:6px;overflow-x:auto;scrollbar-width:none;padding:1px 1px 5px;white-space:nowrap}.site-header nav::-webkit-scrollbar{display:none}.site-header nav a{padding:8px 11px;flex-shrink:0;font-size:11px}.world{min-height:620px}.coordinates{top:145px;left:22px;font-size:8px;letter-spacing:1.4px}.coordinates #phase{font-size:8px}.controls{left:18px;bottom:87px;max-width:calc(100% - 36px);height:42px;width:max-content;gap:5px;padding:5px}.controls label>span{display:none}.controls label{font-size:10px}.controls button,.controls select{font-size:9px;padding:5px 6px}.controls #clock{font-size:9px}.scene-hint{left:20px;bottom:66px;font-size:8px}.scroll-cue{bottom:17px;left:20px;right:auto;gap:15px;font-size:9px}.scroll-cue>span:last-child{height:28px;width:23px;font-size:15px}.section-wrap{width:calc(100% - 40px)}.home-intro{padding:62px 0 50px}.intro-label{margin-bottom:24px}.intro-label .section-index{display:none}.eyebrow{font-size:8px;letter-spacing:1.5px}.intro-story{grid-template-columns:1fr;gap:23px}.intro-story h2{font-size:35px;letter-spacing:-1.2px}.intro-copy p{font-size:13px}.district{padding:22px 0 45px}.section-title h2{font-size:27px}.section-title .section-index{display:none}.cards{gap:10px}.card{min-height:202px;padding:20px 16px}.card .num{font-size:8px;letter-spacing:.7px}.card .arrow{right:16px;top:17px;font-size:14px}.card h3{font-size:18px;margin-top:32px;letter-spacing:-.3px}.card p{font-size:11px;line-height:1.8}.latest-release{grid-template-columns:1fr}.release-art{height:260px}.release-art:after{background:linear-gradient(0deg,#10131e,transparent 30%)}.release-copy{padding:25px}.release-copy h2{font-size:38px;margin-top:20px}.release-copy p:not(.eyebrow){font-size:13px}.studio-cta{display:block;padding:60px 0}.studio-cta h2{font-size:35px}.studio-cta .primary{margin-top:10px}.site-footer{padding:34px 22px 25px}.footer-top{align-items:flex-start;flex-direction:column;gap:24px}.footer-top .text-link{font-size:12px}.footer-pages{gap:12px 24px;font-size:11px;padding-top:27px}.footer-bottom{align-items:flex-start;flex-direction:column;gap:22px}.site-footer #social{gap:15px;font-size:10px}.footer-bottom>span{font-size:8px}.primary,.outline{font-size:12px;padding:12px 17px}.scene-fallback h1{font-size:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.card:hover{transform:none}}
/* Keep every destination visible on narrow screens instead of a hidden horizontal menu. */
@media(max-width:760px){
  .site-header nav{flex-wrap:wrap;overflow:visible;white-space:normal;gap:6px}
  .site-header nav a{flex:0 0 auto;padding:8px 10px}
  .coordinates{top:182px}
  .controls #clock{display:none}
  .controls{max-width:calc(100% - 36px)}
}