@font-face{font-family:Archivo;font-style:normal;font-weight:400 900;font-display:swap;src:url("assets/fonts/font-03.woff2") format("woff2")}
@font-face{font-family:Bungee;font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/font-06.woff2") format("woff2")}
@font-face{font-family:"Space Mono";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/font-12.woff2") format("woff2")}
@font-face{font-family:"Space Mono";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/font-15.woff2") format("woff2")}

:root{
  --black:#050507;
  --black-soft:#0a080d;
  --paper:#f3f0e8;
  --white:#fff;
  --magenta:#c316a7;
  --magenta-hot:#f035cf;
  --cyan:#16f7e7;
  --acid:#d9ff43;
  --violet:#702cff;
  --line:rgba(255,255,255,.14);
  --muted:rgba(243,240,232,.62);
  --display:Bungee,Impact,sans-serif;
  --body:Archivo,Arial,sans-serif;
  --mono:"Space Mono",monospace;
  --pad:clamp(22px,5.2vw,84px);
  --radius:clamp(18px,2.4vw,36px);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--black)}
body{margin:0;background:var(--black);color:var(--paper);font-family:var(--body);overflow-x:hidden;-webkit-font-smoothing:antialiased}
body.menu-open{overflow:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
button{color:inherit}
::selection{background:var(--magenta-hot);color:#fff}
:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
.skip-link{position:fixed;left:18px;top:-80px;z-index:1000;background:var(--paper);color:var(--black);padding:12px 18px;border-radius:999px;font-weight:800;transition:top .2s}
.skip-link:focus{top:18px}
.site-noise{position:fixed;inset:0;z-index:200;opacity:.032;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E")}
.cursor-light{position:fixed;z-index:0;width:46rem;height:46rem;border-radius:50%;pointer-events:none;left:var(--cursor-x,-20rem);top:var(--cursor-y,-20rem);transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(195,22,167,.12),transparent 66%);mix-blend-mode:screen}

.nav{position:fixed;z-index:100;left:22px;right:22px;top:18px;height:76px;padding:0 14px 0 20px;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:rgba(5,5,7,.58);backdrop-filter:blur(20px) saturate(140%);transition:height .3s,background .3s,transform .3s}
.nav.is-scrolled{height:64px;background:rgba(5,5,7,.87)}
.nav__brand{width:145px;height:55px;display:flex;align-items:center;position:relative;z-index:2}
.nav__brand img{width:100%;height:auto;object-fit:contain}
.nav__links{display:flex;align-items:center;gap:clamp(20px,2.6vw,44px);font-size:13px;font-weight:700}
.nav__links>a:not(.nav__cta){position:relative}
.nav__links>a:not(.nav__cta)::after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:var(--cyan);transition:right .25s}
.nav__links>a:hover::after{right:0}
.nav__cta{display:flex;align-items:center;gap:22px;background:var(--paper);color:var(--black);border-radius:12px;padding:16px 18px}
.nav__cta span{font-size:16px;transition:transform .2s}
.nav__cta:hover span{transform:translate(3px,-3px)}
.nav__toggle{display:none;background:none;border:0;width:48px;height:48px;position:relative;z-index:2}
.nav__toggle span{position:absolute;left:11px;right:11px;height:1px;background:#fff;transition:transform .25s,top .25s}
.nav__toggle span:first-child{top:19px}.nav__toggle span:last-child{top:28px}
.nav__toggle[aria-expanded="true"] span:first-child{top:24px;transform:rotate(45deg)}
.nav__toggle[aria-expanded="true"] span:last-child{top:24px;transform:rotate(-45deg)}

.hero{min-height:100svh;position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);align-items:center;padding:145px var(--pad) 105px;isolation:isolate;border-bottom:1px solid var(--line);overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;z-index:-3;background:linear-gradient(115deg,#07060a 0%,#07060a 48%,#150719 100%)}
.hero::after{content:"";position:absolute;z-index:-1;left:0;right:0;bottom:0;height:46%;background:linear-gradient(180deg,transparent,var(--black))}
.hero__field{position:absolute;inset:0;width:100%;height:100%;z-index:-1;opacity:.75}
.hero__aurora{position:absolute;z-index:-2;inset:-30%;background:conic-gradient(from 210deg at 68% 48%,transparent 0 17%,rgba(22,247,231,.15) 24%,transparent 31% 54%,rgba(240,53,207,.19) 60%,transparent 69%);filter:blur(70px);animation:aurora 14s ease-in-out infinite alternate}
@keyframes aurora{to{transform:translate3d(-3%,2%,0) rotate(8deg) scale(1.08)}}
.hero__content{position:relative;z-index:3;max-width:820px;padding-top:4vh}
.signal,.section-index{margin:0;font:700 11px/1.2 var(--mono);letter-spacing:.12em;text-transform:uppercase}
.signal{display:flex;align-items:center;gap:11px;color:rgba(255,255,255,.62)}
.signal span{width:8px;height:8px;background:var(--acid);border-radius:50%;box-shadow:0 0 17px var(--acid);animation:pulse 1.7s infinite}
@keyframes pulse{50%{opacity:.4;box-shadow:0 0 5px var(--acid)}}
.hero h1{font:400 clamp(64px,8.3vw,144px)/.82 var(--display);letter-spacing:-.06em;text-transform:uppercase;margin:30px 0 38px;position:relative}
.hero h1 span,.hero h1 em{display:block;font-style:normal}
.hero h1 em{color:transparent;background:linear-gradient(95deg,var(--magenta-hot),#ff69db 52%,var(--cyan));background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 0 30px rgba(195,22,167,.18))}
.hero__lead{font-size:clamp(19px,1.55vw,27px);line-height:1.4;max-width:650px;color:rgba(243,240,232,.74);margin:0}
.hero__actions{display:flex;gap:12px;margin-top:40px;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;min-width:190px;padding:17px 20px;border-radius:10px;border:1px solid var(--line);font-size:13px;font-weight:800;transition:background .25s,color .25s,border-color .25s,transform .25s}
.button:hover{transform:translateY(-2px)}
.button--light{background:var(--paper);color:var(--black);border-color:var(--paper)}
.button--light:hover{background:var(--acid);border-color:var(--acid)}
.button--line:hover{border-color:var(--cyan);color:var(--cyan)}
.hero__world{position:relative;z-index:1;width:min(43vw,690px);aspect-ratio:1;justify-self:center;display:grid;place-items:center;perspective:900px}
.hero__world::before{content:"";position:absolute;width:74%;height:74%;border-radius:50%;background:radial-gradient(circle at 38% 35%,rgba(255,255,255,.1),rgba(195,22,167,.12) 37%,rgba(5,5,7,.25) 64%);border:1px solid rgba(255,255,255,.09);box-shadow:inset 0 0 80px rgba(22,247,231,.1),0 0 120px rgba(195,22,167,.12);transform:rotateX(7deg) rotateY(-9deg)}
.hero__disc{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.17)}
.hero__disc--outer{inset:4%;border-style:dashed;animation:spin 30s linear infinite}
.hero__disc--outer::before,.hero__disc--outer::after{content:"";position:absolute;width:10px;height:10px;background:var(--cyan);border-radius:50%;top:50%;box-shadow:0 0 20px var(--cyan)}
.hero__disc--outer::before{left:-5px}.hero__disc--outer::after{right:-5px;background:var(--magenta-hot);box-shadow:0 0 20px var(--magenta-hot)}
.hero__disc--inner{inset:17%;border-color:rgba(217,255,67,.22);animation:spin 22s linear infinite reverse}
@keyframes spin{to{transform:rotate(360deg)}}
.hero__mark-wrap{position:relative;width:54%;aspect-ratio:1;display:grid;place-items:center;transform:translateZ(36px);animation:float 5s ease-in-out infinite}
@keyframes float{50%{transform:translateY(-14px) translateZ(36px) rotate(-2deg)}}
.hero__mark{position:relative;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 24px 30px rgba(0,0,0,.5)) drop-shadow(0 0 35px rgba(240,53,207,.28))}
.hero__mark-glow{position:absolute;inset:14%;background:rgba(195,22,167,.34);filter:blur(42px);border-radius:50%}
.hero__orbit{position:absolute;font:700 10px var(--mono);letter-spacing:.13em;border:1px solid var(--line);background:rgba(5,5,7,.82);padding:10px 13px;border-radius:999px}
.hero__orbit--one{top:11%;right:9%;color:var(--cyan)}
.hero__orbit--two{left:1%;top:52%;color:var(--acid)}
.hero__orbit--three{bottom:10%;right:7%;color:#ff76dd}
.hero__rail{position:absolute;left:var(--pad);right:var(--pad);bottom:26px;display:flex;align-items:center;justify-content:space-between;gap:18px;color:rgba(255,255,255,.45);font:700 9px var(--mono);letter-spacing:.1em;text-transform:uppercase}
.hero__rail i{height:1px;flex:1;max-width:110px;background:var(--line)}

.section{position:relative;padding:clamp(90px,12vw,190px) var(--pad)}
.section-index{color:var(--cyan);margin-bottom:42px}
.statement{background:var(--paper);color:var(--black)}
.statement .section-index{color:#7d1280}
.statement__grid{display:grid;grid-template-columns:1.25fr .75fr;gap:8vw;align-items:end}
.statement h2,.section-head h2,.surfaces h2,.live h2,.ready h2,.studio h2,.contact h2{font:400 clamp(48px,6.3vw,104px)/.93 var(--display);letter-spacing:-.055em;text-transform:uppercase;margin:0}
.statement h2 span,.section-head h2 span,.surfaces h2 span,.ready h2 span,.studio h2 span{color:var(--magenta)}
.statement__copy>p{font-size:clamp(22px,2.2vw,36px);font-weight:700;line-height:1.22;margin:0 0 35px}
.statement__facts{display:flex;flex-wrap:wrap;gap:8px}
.statement__facts span{padding:9px 12px;border:1px solid rgba(5,5,7,.24);border-radius:999px;font:700 10px var(--mono);text-transform:uppercase;letter-spacing:.08em}

.work{background:var(--black)}
.section-head{display:grid;grid-template-columns:1fr minmax(250px,430px);gap:8vw;align-items:end;margin-bottom:90px}
.section-head>p{font-size:clamp(18px,1.55vw,25px);line-height:1.5;color:var(--muted);margin:0 0 4px}
.game-feature{position:relative;border-radius:var(--radius);overflow:hidden;background:#0f111a;border:1px solid var(--line)}
.game-feature__visual{height:min(68vw,760px);min-height:480px;overflow:hidden;position:relative}
.game-feature__visual::after,.game-card__image::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(5,5,7,.94));pointer-events:none}
.game-feature__visual img,.game-card__image img{width:100%;height:calc(100% + 80px);object-fit:cover;transform:translate3d(0,var(--image-shift,0),0) scale(1.02);will-change:transform}
.game-feature__flare{position:absolute;width:50%;height:42%;top:12%;left:25%;background:rgba(255,198,76,.22);filter:blur(70px);mix-blend-mode:screen;animation:flare 4s ease-in-out infinite alternate}
@keyframes flare{to{transform:scale(1.18);opacity:.65}}
.game-feature__meta{position:absolute;z-index:2;left:0;right:0;bottom:0;display:grid;grid-template-columns:auto 1fr minmax(250px,420px);gap:26px;align-items:end;padding:clamp(22px,3.8vw,58px)}
.game-number{font:400 clamp(38px,4vw,66px)/1 var(--display);color:var(--cyan)}
.game-type,.game-card__copy>span{font:700 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--cyan);margin:0 0 10px}
.game-feature h3,.game-card h3{font:400 clamp(31px,4vw,64px)/.95 var(--display);letter-spacing:-.04em;text-transform:uppercase;margin:0}
.game-feature__meta>p{margin:0;color:rgba(255,255,255,.7);line-height:1.5}
.game-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(16px,2vw,28px);margin-top:clamp(16px,2vw,28px)}
.game-card{position:relative;min-height:680px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#0d0b11}
.game-card--portrait{grid-row:span 2;min-height:calc(1360px + clamp(16px,2vw,28px))}
.game-card__image{position:absolute;inset:0;overflow:hidden}
.game-card__image::after{background:linear-gradient(180deg,transparent 45%,rgba(5,5,7,.95))}
.game-card__copy{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:clamp(24px,3vw,46px)}
.game-card__copy p{max-width:570px;color:rgba(255,255,255,.67);line-height:1.5;font-size:16px;margin:15px 0 0}
.game-card--portrait .game-card__image img{object-position:center}
.game-card--wide .game-card__image img{object-position:center}
.reveal{opacity:0;transform:translateY(46px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}
.reveal.is-visible{opacity:1;transform:none}

.surfaces{min-height:150vh;background:linear-gradient(180deg,#09070b,#100714 60%,#070609)}
.surfaces__sticky{position:sticky;top:0;min-height:100vh;display:grid;grid-template-columns:.78fr 1.22fr;gap:5vw;align-items:center}
.surfaces__copy>p:not(.section-index){font-size:clamp(18px,1.5vw,24px);line-height:1.5;color:var(--muted);max-width:600px;margin:32px 0}
.surface-tabs{display:flex;gap:7px;flex-wrap:wrap}
.surface-tabs button{border:1px solid var(--line);border-radius:999px;background:transparent;padding:11px 15px;font:700 10px var(--mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:.25s}
.surface-tabs button[aria-selected="true"]{background:var(--paper);color:var(--black);border-color:var(--paper)}
.surface-stage{min-height:660px;position:relative;display:grid;place-items:center;perspective:1200px}
.surface-glow{position:absolute;width:70%;height:70%;border-radius:50%;background:var(--surface-glow,rgba(195,22,167,.3));filter:blur(90px);opacity:.55;transition:background .5s}
.device{position:absolute;opacity:0;visibility:hidden;transform:translateY(35px) rotateX(6deg) scale(.92);transition:opacity .5s,transform .7s cubic-bezier(.2,.8,.2,1),visibility .5s;filter:drop-shadow(0 30px 45px rgba(0,0,0,.6))}
.surface-stage[data-surface-stage="desktop"] .device--desktop,.surface-stage[data-surface-stage="mobile"] .device--mobile,.surface-stage[data-surface-stage="cabinet"] .device--cabinet{opacity:1;visibility:visible;transform:none}
.device>span{position:absolute;left:50%;bottom:-48px;transform:translateX(-50%);white-space:nowrap;font:700 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--cyan)}
.device--desktop{width:min(47vw,760px);aspect-ratio:16/10;border:10px solid #24212b;border-bottom-width:22px;border-radius:18px;background:#111;box-shadow:inset 0 0 0 1px #555}
.device--desktop::before{content:"";position:absolute;left:12%;right:12%;bottom:-35px;height:15px;background:linear-gradient(180deg,#302d38,#121116);clip-path:polygon(8% 0,92% 0,100% 100%,0 100%)}
.device--desktop img{width:100%;height:100%;object-fit:cover;border-radius:7px}
.device__camera{position:absolute;z-index:2;width:5px;height:5px;border-radius:50%;background:#67636c;top:-7px;left:50%}
.device--mobile{height:min(70vh,690px);aspect-ratio:9/18.5;border:10px solid #221f26;border-radius:48px;background:#111;padding:3px;box-shadow:inset 0 0 0 1px #53505a}
.device--mobile img{width:100%;height:100%;object-fit:cover;border-radius:35px}
.device--mobile .device__camera{width:28%;height:18px;border-radius:0 0 13px 13px;top:-3px;left:36%;background:#221f26}
.device--cabinet{width:min(32vw,370px);height:min(78vh,690px);display:grid;place-items:center;background:transparent;filter:none}
.workshop-cabinet-machine{position:absolute;top:50%;left:50%;display:flex;flex-direction:column;align-items:center;width:286px;transform:translate(-50%,-50%) scale(.82);transform-origin:50% 50%;filter:drop-shadow(0 30px 32px rgba(0,0,0,.75))}
.workshop-cabinet-machine::before,.workshop-cabinet-machine::after{content:"";position:absolute;z-index:-1;top:112px;bottom:38px;width:12px;border-radius:10px;background:linear-gradient(#82fff0,#17718b 42%,#f2c45c 75%,#38231a);box-shadow:0 0 14px rgba(92,241,228,.72)}
.workshop-cabinet-machine::before{left:3px}.workshop-cabinet-machine::after{right:3px}
.workshop-cabinet__top-cap{position:relative;z-index:4;width:268px;height:21px;display:grid;grid-template-columns:10px 1fr 10px;align-items:center;border:1px solid #5e686d;border-radius:14px 14px 4px 4px;padding:0 12px;background:linear-gradient(#424b50,#121619 44%,#080a0c);box-shadow:inset 0 1px rgba(255,255,255,.24),0 -5px 14px rgba(100,247,222,.12);color:#c8d1d3;font:600 6px var(--mono);letter-spacing:.13em;text-align:center;text-transform:uppercase}
.workshop-cabinet__top-cap i{width:7px;height:7px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#b9fff1,#25a79d 42%,#072723 70%);box-shadow:0 0 8px #5df7dd}
.workshop-cabinet__topper-housing{position:relative;z-index:3;width:274px;padding:8px;border:2px solid #3b474d;border-radius:10px 10px 7px 7px;background:linear-gradient(105deg,transparent 44%,rgba(255,255,255,.14) 50%,transparent 56%),linear-gradient(90deg,#07090b,#30383c 7%,#090c0e 17% 83%,#30383c 93%,#07090b);box-shadow:inset 0 0 0 2px #050607,0 5px 12px rgba(0,0,0,.7)}
.workshop-cabinet__topper-screen{position:relative;width:250px;height:141px;overflow:hidden;border:2px solid #030506;border-radius:4px;background:#010304;box-shadow:inset 0 0 12px rgba(0,0,0,.9),0 0 12px rgba(90,224,238,.24)}
.workshop-cabinet__topper-screen img{width:100%;height:100%;object-fit:cover;opacity:.48;filter:saturate(1.2) contrast(1.06)}
.workshop-cabinet__topper-screen::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 52%,rgba(255,197,72,.28),transparent 30%),linear-gradient(90deg,rgba(0,22,43,.78),transparent 45%,rgba(43,0,16,.7))}
.workshop-cabinet__topper-screen strong{position:absolute;z-index:2;inset:28px 8px auto;color:#f5f7f7;font:400 36px/.74 var(--display);letter-spacing:-.04em;text-align:center;text-shadow:0 0 8px #34d9ff,0 0 16px #f12a68}
.workshop-cabinet__topper-screen small{position:absolute;z-index:2;right:12px;bottom:8px;left:12px;color:var(--acid);font:700 6px var(--mono);letter-spacing:.1em;text-align:center}
.workshop-cabinet__neck{position:relative;z-index:2;width:244px;height:21px;display:grid;place-items:center;border-right:2px solid #313b40;border-left:2px solid #313b40;background:linear-gradient(90deg,#0a0d0f,#20282c 8%,#07090a 24% 76%,#20282c 92%,#0a0d0f);color:#78868b;font:600 6px var(--mono);letter-spacing:.15em;text-transform:uppercase}
.workshop-cabinet__main-housing{position:relative;z-index:2;width:264px;display:grid;grid-template-columns:5px auto 5px;justify-content:center;border:2px solid #3a454b;border-radius:9px 9px 4px 4px;padding:6px;background:linear-gradient(110deg,rgba(255,255,255,.12),transparent 15% 84%,rgba(255,255,255,.1)),linear-gradient(90deg,#101519,#333d42 7%,#080b0d 17% 83%,#333d42 93%,#101519);box-shadow:inset 0 0 0 2px #050708}
.workshop-cabinet__led-rail{display:block;border-radius:5px;background:linear-gradient(#49f3d6,#147c8b 48%,#e3bb52);box-shadow:0 0 9px rgba(82,241,219,.85)}
.workshop-cabinet__main-screen{position:relative;width:238px;height:340px;overflow:hidden;border:2px solid #030506;border-radius:4px;background:#010304;box-shadow:inset 0 0 12px rgba(0,0,0,.9),0 0 8px rgba(90,224,238,.2)}
.workshop-cabinet__main-screen::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 26px rgba(0,0,0,.55);pointer-events:none}
.workshop-cabinet__main-screen>img{width:100%;height:100%;object-fit:cover;object-position:50% 52%;filter:saturate(1.08) contrast(1.04)}
.workshop-cabinet__meters{position:absolute;z-index:2;right:7px;bottom:7px;left:7px;display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:4px;padding:6px;border:1px solid rgba(108,238,226,.35);border-radius:4px;background:rgba(3,8,12,.88);box-shadow:0 0 12px rgba(58,231,226,.2);color:#779097;font:600 5px/1.15 var(--mono);text-align:center}
.workshop-cabinet__meters b{color:#eff8f6;font-size:7px}
.workshop-cabinet__console{position:relative;z-index:5;width:286px;min-height:82px;margin-top:-1px;border:2px solid #3c474c;border-radius:3px 3px 14px 14px;padding:7px 14px 9px;background:linear-gradient(110deg,rgba(255,255,255,.13),transparent 18% 80%,rgba(255,255,255,.1)),linear-gradient(#313b40,#0a0d0f 55%,#151b1e);box-shadow:inset 0 0 0 2px #07090a,0 8px 12px rgba(0,0,0,.55)}
.workshop-cabinet__console-edge{position:absolute;z-index:4;top:-4px;right:5px;left:5px;height:5px;border-radius:6px;background:linear-gradient(90deg,#57f2d8,#1d8190,#f3c75c,#57f2d8);box-shadow:0 0 9px rgba(92,242,221,.66)}
.workshop-cabinet__deck-screen{height:38px;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;gap:5px;margin:2px 0 2px;padding:5px 7px;border:2px solid #020405;border-radius:4px;background:linear-gradient(180deg,#071015,#020405);box-shadow:inset 0 0 10px #000;color:#7f989e;font:600 5px var(--mono);text-align:center}
.workshop-cabinet__deck-screen span,.workshop-cabinet__deck-screen b{display:grid;place-items:center;height:18px;border:1px solid #37484c;border-radius:9px;background:linear-gradient(#1c292d,#070a0c);box-shadow:0 1px 3px #000}
.workshop-cabinet__deck-screen b{height:24px;border-color:#ef665f;background:radial-gradient(circle at 40% 30%,#fff,#e7473f 28%,#7d1012 70%);color:#fff;text-shadow:0 1px 2px #000;box-shadow:0 0 7px rgba(255,66,57,.8)}
.workshop-cabinet__physical-controls{height:17px;display:flex;align-items:center;justify-content:center;gap:7px;padding-top:4px}
.workshop-cabinet__physical-controls i,.workshop-cabinet__physical-controls b{width:16px;height:8px;border:1px solid #5c666a;border-radius:6px;background:linear-gradient(#e9e5ce,#7f8178);box-shadow:0 1px 3px #000}.workshop-cabinet__physical-controls b{width:22px;height:12px;border-color:#ff9a89;border-radius:50%;background:radial-gradient(circle at 42% 34%,#fff,#e7473f 32%,#7d1012 68%);box-shadow:0 0 7px rgba(255,66,57,.8)}
.workshop-cabinet__lower{position:relative;z-index:1;width:260px;height:94px;display:grid;grid-template-columns:42px 1fr 48px;align-items:center;padding:9px 11px;border-right:2px solid #333e43;border-left:2px solid #333e43;background:linear-gradient(110deg,rgba(255,255,255,.08),transparent 20% 80%,rgba(255,255,255,.06)),linear-gradient(90deg,#0a0d0f,#252d31 8%,#080a0c 22% 78%,#252d31 92%,#0a0d0f)}
.workshop-cabinet__service-column{display:grid;justify-items:center;gap:6px}.workshop-cabinet__service-column i{width:26px;height:6px;border:1px solid #3f494e;border-radius:2px;background:#020405;box-shadow:inset 0 0 3px #000}.workshop-cabinet__service-column i[data-device="bill"]{height:14px;border-color:#1e7167;background:linear-gradient(90deg,#020505,#184e49,#020505)}
.workshop-cabinet__brand-plate{display:grid;gap:4px;color:#a4b0b4;text-align:center}.workshop-cabinet__brand-plate span{color:#aeece4;font:900 9px var(--sans)}.workshop-cabinet__brand-plate strong{color:#46565c;font:700 5px var(--mono);letter-spacing:.08em}
.workshop-cabinet__speaker{display:grid;grid-template-columns:repeat(3,4px);justify-content:center;gap:4px}.workshop-cabinet__speaker i{width:4px;height:4px;border-radius:50%;background:#020304;box-shadow:inset 0 0 1px #000}
.workshop-cabinet__pedestal{width:244px;height:31px;display:grid;place-items:center;border-radius:0 0 10px 10px;background:linear-gradient(90deg,#0a0d0f,#293338 9%,#080a0c 24% 76%,#293338 91%,#0a0d0f)}.workshop-cabinet__pedestal span{width:58%;height:3px;border-radius:3px;background:linear-gradient(90deg,transparent,#edc65e,transparent);box-shadow:0 0 7px rgba(237,198,94,.68)}
.workshop-cabinet__foot{width:270px;height:9px;border-radius:4px 4px 9px 9px;background:linear-gradient(#39454a,#060708);box-shadow:0 5px 6px rgba(0,0,0,.7)}
.delivery-line{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:120px;border-top:1px solid var(--line);padding-top:30px}
.delivery-line>div{display:flex;gap:14px;align-items:center;white-space:nowrap}
.delivery-line span{font:700 9px var(--mono);color:var(--cyan)}
.delivery-line strong{font-size:clamp(17px,1.4vw,22px)}
.delivery-line>i{height:1px;flex:1;background:linear-gradient(90deg,var(--magenta),var(--cyan));opacity:.6}

.live{min-height:100svh;display:flex;align-items:flex-end;overflow:hidden;isolation:isolate;padding-bottom:9vw}
.live::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,4,6,.96) 0%,rgba(4,4,6,.7) 46%,rgba(4,4,6,.2) 100%),linear-gradient(0deg,#050507,transparent 40%)}
.live__backdrop{position:absolute;inset:-3%;z-index:-2;background-size:cover;background-position:center;transition:opacity .8s,transform 12s ease;transform:scale(1.04)}
.live__backdrop--prism{background-image:url("assets/games/prism-rush.jpg");opacity:1}
.live__backdrop--bloom{background-image:url("assets/games/starbloom.jpg");opacity:0}
.live[data-live-view="bloom"] .live__backdrop--prism{opacity:0}
.live[data-live-view="bloom"] .live__backdrop--bloom{opacity:1}
.live:hover .live__backdrop{transform:scale(1.08)}
.live__content{max-width:900px}
.live__eyebrow{font:700 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--acid);margin:0 0 25px}
.live h2 span{color:var(--cyan)}
.live__lead{font-size:clamp(18px,1.65vw,26px);line-height:1.5;max-width:700px;color:rgba(255,255,255,.72);margin:30px 0 35px}
.live__titles{display:flex;gap:24px}
.live__titles button{background:none;border:0;padding:0 0 7px;color:rgba(255,255,255,.5);font-weight:800;cursor:pointer;border-bottom:2px solid transparent}
.live__titles button.is-active{color:#fff;border-color:var(--acid)}

.ready{min-height:90vh;display:grid;place-items:center;overflow:hidden;background:var(--paper);color:var(--black);text-align:center}
.ready__content{position:relative;z-index:2;max-width:1120px}
.ready .section-index{color:#7d1280}
.ready__content>p:not(.section-index){max-width:760px;margin:34px auto;font-size:clamp(19px,1.65vw,27px);line-height:1.5;color:rgba(5,5,7,.7)}
.ready__proof{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}
.ready__proof span{font:700 10px var(--mono);text-transform:uppercase;letter-spacing:.07em;padding:11px 14px;border:1px solid rgba(5,5,7,.25);border-radius:999px;background:rgba(255,255,255,.4)}
.ready__rings{position:absolute;width:min(92vw,1250px);aspect-ratio:1;display:grid;place-items:center}
.ready__rings i{position:absolute;border:1px solid rgba(195,22,167,.13);border-radius:50%;animation:slowSpin 23s linear infinite}
.ready__rings i:nth-child(1){inset:5%;border-style:dashed}.ready__rings i:nth-child(2){inset:21%;animation-direction:reverse}.ready__rings i:nth-child(3){inset:37%;border-color:rgba(22,247,231,.26)}
@keyframes slowSpin{to{transform:rotate(360deg)}}

.studio{min-height:92vh;display:flex;align-items:center;background:#a20d8f;overflow:hidden}
.studio::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 30%,rgba(255,255,255,.2),transparent 35%),linear-gradient(125deg,transparent,rgba(0,0,0,.25));mix-blend-mode:overlay}
.studio__word{position:absolute;font:400 min(42vw,650px)/.8 var(--display);right:-6vw;bottom:-3vw;color:rgba(255,255,255,.06);transform:rotate(-8deg)}
.studio__inner{position:relative;z-index:2;width:100%;max-width:1200px}
.studio .section-index{color:var(--acid)}
.studio h2{max-width:1000px}.studio h2 span{color:var(--acid)}
.studio__columns{display:grid;grid-template-columns:1fr 1fr;gap:5vw;margin:42px 0;max-width:1000px}
.studio__columns p{font-size:clamp(18px,1.5vw,24px);line-height:1.5;margin:0;color:rgba(255,255,255,.78)}
.studio__actions{display:flex;align-items:center;gap:28px}
.text-link{font-size:14px;font-weight:800;border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:5px}
.text-link span{margin-left:20px}

.contact{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;min-height:100svh;align-items:center;background:#070609}
.contact__intro .section-index{color:var(--magenta-hot)}
.contact h2{font-size:clamp(50px,6vw,98px)}
.contact__intro>p:not(.section-index){font-size:clamp(18px,1.5vw,24px);line-height:1.45;color:var(--muted);max-width:520px;margin:28px 0 35px}
.contact__intro>a{font:700 13px var(--mono);color:var(--cyan);border-bottom:1px solid rgba(22,247,231,.5);padding-bottom:6px}
.contact__form-wrap{border:1px solid var(--line);border-radius:var(--radius);padding:clamp(24px,3.5vw,56px);background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.015));box-shadow:0 30px 90px rgba(0,0,0,.3)}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.field{display:block;margin-bottom:20px}
.field span{display:flex;justify-content:space-between;margin:0 0 8px;font:700 9px var(--mono);text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.6)}
.field small{font:inherit;color:rgba(255,255,255,.3)}
.field input,.field textarea{width:100%;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:rgba(0,0,0,.35);color:#fff;padding:16px;outline:none;resize:vertical;transition:border .2s,box-shadow .2s}
.field input:focus,.field textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(22,247,231,.08)}
.field input::placeholder,.field textarea::placeholder{color:rgba(255,255,255,.28)}
.honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
.form__error{min-height:20px;margin:0 0 8px;color:#ff83d9;font-size:13px}
.form__submit{width:100%;display:flex;align-items:center;justify-content:space-between;border:0;border-radius:11px;padding:18px 20px;background:var(--paper);color:var(--black);font-weight:900;cursor:pointer;transition:background .2s,transform .2s}
.form__submit:hover{background:var(--acid);transform:translateY(-2px)}
.form-success{text-align:center;padding:40px 10px}.form-success img{width:110px;height:110px;object-fit:contain;margin:0 auto 25px}.form-success h3{font:400 34px var(--display);margin:0 0 12px}.form-success p{color:var(--muted)}.form-success button{border:1px solid var(--line);background:none;border-radius:999px;padding:11px 16px;cursor:pointer}.is-hidden{display:none!important}

.footer{position:relative;padding:70px var(--pad) 26px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px;border-top:1px solid var(--line);background:#050507}
.footer__brand{width:min(240px,48vw)}
.footer__brand img{width:100%;height:auto;object-fit:contain}
.footer>p{position:absolute;left:50%;top:95px;transform:translateX(-50%);font:700 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.footer__links{display:flex;gap:25px;font-size:13px;font-weight:800}.footer__links a:hover{color:var(--cyan)}
.footer__legal{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;color:rgba(255,255,255,.38);font:400 9px var(--mono);text-transform:uppercase;letter-spacing:.06em}

@media (max-width:1050px){
  .hero{grid-template-columns:1fr;padding-top:140px;align-content:center}.hero__content{z-index:3}.hero__world{position:absolute;width:min(70vw,620px);right:-13vw;opacity:.62}.hero__content{max-width:760px}.hero__lead{max-width:560px}.hero__rail{gap:9px}.hero__rail i{display:none}
  .statement__grid,.section-head,.contact{grid-template-columns:1fr}.statement__copy,.section-head>p{max-width:650px}.section-head{gap:35px}
  .game-feature__meta{grid-template-columns:auto 1fr}.game-feature__meta>p{grid-column:2}
  .surfaces__sticky{grid-template-columns:1fr;align-content:center;gap:30px}.surfaces__copy{max-width:780px}.surface-stage{min-height:640px}.device--desktop{width:min(78vw,680px)}.device--cabinet{width:min(47vw,430px);height:620px}.workshop-cabinet-machine{transform:translate(-50%,-50%) scale(.78)}
}

@media (max-width:760px){
  :root{--pad:20px}
  .cursor-light{display:none}.nav{left:10px;right:10px;top:9px;height:62px;padding:0 7px 0 14px;border-radius:14px}.nav__brand{width:116px}.nav__toggle{display:block}.nav__links{position:absolute;z-index:1;left:-10px;top:-9px;width:100vw;height:100svh;background:rgba(5,5,7,.98);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:27px;font-size:25px;opacity:0;visibility:hidden;transform:translateY(-18px);transition:.3s}.nav__links.is-open{opacity:1;visibility:visible;transform:none}.nav__cta{font-size:14px;margin-top:20px}
  .hero{min-height:100svh;padding:115px 20px 100px;display:flex;align-items:center}.hero__content{padding:0}.hero h1{font-size:clamp(55px,18vw,84px);margin:25px 0 30px}.hero__lead{font-size:18px;max-width:93%}.hero__world{width:95vw;right:-42vw;top:22vh;opacity:.35}.hero__orbit{display:none}.hero__actions{gap:8px}.button{min-width:0;flex:1;gap:12px;padding:15px 14px}.hero__rail{left:20px;right:20px;bottom:17px;overflow:hidden;justify-content:flex-start;white-space:nowrap}.hero__rail span:nth-of-type(n+3){display:none}
  .section{padding-top:90px;padding-bottom:90px}.section-index{margin-bottom:26px}.statement__grid{gap:40px}.statement h2,.section-head h2,.surfaces h2,.live h2,.ready h2,.studio h2,.contact h2{font-size:clamp(43px,13vw,66px)}
  .game-feature__visual{min-height:560px;height:125vw}.game-feature__visual img{object-position:53% center}.game-feature__meta{display:block;padding:24px}.game-number{display:none}.game-feature__meta>p{margin-top:14px}.game-feature h3{font-size:40px}
  .game-grid{grid-template-columns:1fr}.game-card,.game-card--portrait{min-height:660px;grid-row:auto}.game-card--wide{min-height:520px}.game-card h3{font-size:38px}
  .surfaces{min-height:auto}.surfaces__sticky{position:relative;min-height:auto}.surface-stage{min-height:590px}.device--desktop{width:94vw;border-width:6px;border-bottom-width:14px}.device--mobile{height:540px}.device--cabinet{width:min(82vw,390px);height:550px}.workshop-cabinet-machine{transform:translate(-50%,-50%) scale(.58)}.delivery-line{margin-top:70px;display:grid;grid-template-columns:1fr}.delivery-line i{width:1px;height:24px;margin-left:12px}.delivery-line>div{white-space:normal}
  .live{min-height:790px;align-items:flex-end}.live::after{background:linear-gradient(0deg,#050507 0%,rgba(4,4,6,.8) 60%,rgba(4,4,6,.2) 100%)}.live__backdrop{background-position:65% center}.live__lead{font-size:17px}.live__titles{gap:18px}
  .ready{min-height:780px}.ready__rings{width:170vw}.ready__proof{gap:6px}.ready__proof span{font-size:8px}
  .studio{min-height:850px}.studio__columns{grid-template-columns:1fr;gap:20px}.studio__actions{align-items:stretch;flex-direction:column}.studio__actions .button{flex:0}.studio__word{font-size:70vw}
  .contact{gap:60px}.contact__form-wrap{padding:22px}.field-row{grid-template-columns:1fr}.footer{grid-template-columns:1fr;padding-top:50px}.footer>p{display:none}.footer__legal{flex-direction:column;gap:9px}.footer__links{justify-content:flex-start}
}

@media (max-width:360px){.hero h1{font-size:50px}.hero__actions{flex-direction:column}.game-card,.game-card--portrait{min-height:570px}}
@media (max-height:520px) and (orientation:landscape){.hero{min-height:640px}.nav{height:54px}.hero__world{width:48vw;right:-8vw;top:8vh}.surface-stage{min-height:500px}}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}.hero__aurora,.signal span,.hero__disc,.hero__mark-wrap,.game-feature__flare,.ready__rings i{animation:none!important}.reveal{opacity:1;transform:none;transition:none}.image-shift img{transform:scale(1.02)}
}