@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--night:#090d1c;--night2:#10152b;--purple:#9b72ff;--teal:#42e3cf;--ink:#f4f3ff;--muted:#b9c1d9;--line:#343354}*{box-sizing:border-box}html{scroll-behavior:smooth}body.studio{margin:0;color:var(--ink);background:var(--night);font:16px/1.65 'DM Sans',system-ui,sans-serif;overflow-x:hidden}body.studio:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse 55% 42% at 83% 8%,#5739b54d,transparent),radial-gradient(ellipse 40% 42% at 8% 55%,#0b93864d,transparent)}.studio a{color:inherit}.studio .wrap{width:min(1160px,calc(100% - 44px));margin:auto}.studio header{position:sticky;top:0;z-index:10;border-bottom:1px solid #a8a0ef29;background:#0a0e20dc;backdrop-filter:blur(18px)}.studio header .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px}.studio .brand{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:1.25rem;text-decoration:none;letter-spacing:-.045em}.studio .brand .star{color:var(--teal);font-size:1.5rem;margin-right:8px}.studio nav{display:flex;gap:25px;flex-wrap:wrap}.studio nav a{font-size:.9rem;text-decoration:none;color:#c9cee4}.studio nav a:hover,.studio nav a:focus-visible{color:var(--teal)}.studio h1,.studio h2,.studio h3{font-family:'Space Grotesk',sans-serif;letter-spacing:-.055em;line-height:1.07}.studio p{color:var(--muted)}.studio .eyebrow{color:var(--teal);font-size:.75rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase}.studio .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--teal);color:#061b23;text-decoration:none;font-weight:800;padding:14px 23px;border-radius:999px;border:1px solid transparent;transition:transform .2s,box-shadow .2s,background .2s}.studio .btn:hover{transform:translateY(-3px);box-shadow:0 12px 30px #36dac440}.studio .btn.alt{background:transparent;border-color:#8178b7;color:#f4f3ff}.studio .btn.alt:hover{background:#34285b}.studio .brandhero{min-height:680px;display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:3vw;padding:95px 0 105px;position:relative}.studio .brandhero h1{font-size:clamp(4rem,8.4vw,8.2rem);margin:18px 0 24px;max-width:900px}.studio .brandhero h1 em{font-style:normal;color:var(--purple)}.studio .brandhero p{max-width:550px;font-size:1.16rem}.studio .hero-orbit{aspect-ratio:1;position:relative;display:grid;place-items:center;isolation:isolate}.studio .hero-orbit:before{content:'';position:absolute;width:85%;aspect-ratio:1;border:1px solid #9b72ff80;border-radius:50%;transform:rotate(-25deg) scaleY(.62);box-shadow:0 0 100px #6c40d945}.studio .hero-orbit:after{content:'';position:absolute;width:105%;aspect-ratio:1;border:1px dashed #42e3cf4f;border-radius:50%;transform:rotate(27deg) scaleY(.8)}.studio .orbit-core{width:56%;aspect-ratio:1;border-radius:38% 62% 55% 45%;background:linear-gradient(145deg,#a68bff,#5030ad 52%,#1d9b9e);box-shadow:0 0 100px #835cff60,inset 0 0 50px #f7eaff50;transform:rotate(-24deg);display:grid;place-items:center}.studio .orbit-core span{font-size:clamp(4rem,10vw,8rem);color:#f2f3ff;transform:rotate(24deg);line-height:1}.studio .orbit-dot{position:absolute;width:23px;height:23px;border-radius:50%;background:var(--teal);top:15%;right:12%;box-shadow:0 0 30px var(--teal)}.studio .scroll-note{font-size:.75rem;text-transform:uppercase;letter-spacing:.2em;color:#aeb4d6;margin-top:70px}.studio .section{padding:75px 0}.studio .section-top{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.studio .section-top h2{font-size:clamp(2.6rem,5vw,5rem);margin:10px 0}.studio .section-top p{max-width:320px}.studio .game-feature{display:grid;grid-template-columns:1.1fr .9fr;align-items:stretch;border:1px solid #6e5aaf6b;border-radius:28px;overflow:hidden;background:linear-gradient(125deg,#211b46,#101e34 65%,#113b3d);box-shadow:0 28px 90px #0004}.studio .game-visual{min-height:380px;position:relative;overflow:hidden}.studio .game-visual img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.studio .game-feature:hover img{transform:scale(1.04)}.studio .game-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 70%,#161d38a8)}.studio .game-info{padding:clamp(32px,5vw,65px);display:flex;flex-direction:column;align-items:start;justify-content:center}.studio .game-info h3{font-size:clamp(2.6rem,4.5vw,4.5rem);margin:18px 0}.studio .game-info p{font-size:1.08rem;max-width:440px}.studio .tagline{margin:95px 0 35px;padding:65px 0;border-top:1px solid #7c6bb348;border-bottom:1px solid #7c6bb348;display:flex;justify-content:space-between;gap:35px;align-items:center}.studio .tagline h2{font-size:clamp(2.2rem,4vw,4rem);max-width:700px;margin:0}.studio .tagline h2 span{color:var(--teal)}.studio .tagline .asterisk{font-size:clamp(6rem,13vw,12rem);line-height:.8;color:var(--purple)}.studio .contact-strip{margin:65px 0 100px;padding:50px clamp(24px,5vw,70px);border-radius:28px;background:linear-gradient(110deg,#3b236e,#152e46 65%,#115c60);display:flex;justify-content:space-between;align-items:center;gap:24px}.studio .contact-strip h2{font-size:clamp(2.2rem,4vw,3.7rem);margin:10px 0}.studio footer{border-top:1px solid #8c81b633;padding:26px 0;color:#aeb7d3}.studio footer .wrap{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.studio footer a{color:#c8c8e5;text-decoration:none}.studio footer a:hover{color:var(--teal)}.studio .contact-shell{max-width:800px;margin:0 auto;padding:85px 0 100px}.studio .contact-shell h1{font-size:clamp(3.4rem,7vw,6rem);margin:15px 0}.studio .contact-panel{border:1px solid #655b9e;background:#141b32;border-radius:26px;padding:clamp(24px,5vw,45px);margin-top:35px}.studio .contact-panel label{display:block;font-weight:700;margin:16px 0 7px}.studio .contact-panel input,.studio .contact-panel select,.studio .contact-panel textarea{width:100%;padding:14px;border:1px solid #625b91;border-radius:11px;background:#0b1022;color:#f6f3ff;font:inherit}.studio .contact-panel textarea{min-height:145px;resize:vertical}.studio .contact-panel input:focus,.studio .contact-panel textarea:focus,.studio .contact-panel select:focus{outline:2px solid var(--teal);outline-offset:2px}.studio .contact-panel button{cursor:pointer;margin-top:20px}.studio .contact-panel button:disabled{opacity:.5;cursor:not-allowed}.studio .hint{font-size:.9rem;color:#aeb7d3}.studio .status{min-height:2em;margin-top:16px}.studio .trap{position:absolute;left:-9999px}@media(max-width:800px){.studio .brandhero{grid-template-columns:1fr;min-height:0;padding:80px 0 50px}.studio .hero-orbit{width:min(70%,360px);margin:0 auto}.studio .game-feature{grid-template-columns:1fr}.studio .game-visual{min-height:260px}.studio .section-top,.studio .tagline,.studio .contact-strip{align-items:start;flex-direction:column}.studio .tagline .asterisk{display:none}.studio .scroll-note{margin-top:35px}}@media(max-width:530px){.studio header .wrap{align-items:start;flex-direction:column;padding:15px 0}.studio nav{gap:12px}.studio .brandhero h1{font-size:clamp(3.4rem,13vw,5rem)}.studio .hero-orbit{width:68%}.studio .section{padding:45px 0}.studio .game-info{padding:30px}.studio .contact-strip{margin-bottom:60px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.studio *{transition:none!important}}
