/* Reference palette: neutral black and charcoal with emerald-teal accents. */
:root{--bg:#000;--green:#00cda5;--accent:#00cda5;--action:#008569;--action-hover:#00755e;--accent-glow:#00cda533;--gold:#f5f5f5}
body{background:#000}
html.lenis{scroll-behavior:auto!important}
.site-header{background:#000;border-bottom-color:#ffffff08}
.nav-item{background:#ffffff03;color:#bcbcbc;border-color:#ffffff12}
.nav-item.is-active{color:#fff;background:#161616;border-color:#353535;box-shadow:none}
.nav-item.is-active:hover{background:#202020}
.nav-item.contact{background:var(--action);color:#fff;border-color:transparent;text-shadow:none;box-shadow:none}
.nav-item.contact:not(:disabled):hover{background:var(--action-hover)}
.menu-toggle{background:#101010}
.primary-nav.is-open{background:#080808;border-bottom-color:#242424}
.hero,.space{background:#000}
.nebula{opacity:.2}
.center-shade{background:linear-gradient(180deg,transparent 40%,#0003 65%,#000 100%)}
.headline-intro{--hero-depth:5px}.headline-build{--hero-depth:9px}
.headline .gold-face{background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none}
.headline-intro .gold-face{background-image:linear-gradient(180deg,#fff 5%,#eef6f2 42%,#bdcec5 100%);color:#eef6f2;-webkit-text-stroke:.65px #effff6}
.headline-build .gold-face{background-image:linear-gradient(180deg,#dcfff4 0%,#65f5ce 16%,#00cda5 49%,#009d78 100%);color:#00cda5;-webkit-text-stroke:1px #8bffe0;filter:drop-shadow(0 1px 0 #b4ffeb)}
.headline>span:after{transform:translateY(var(--hero-depth));color:#34413c;-webkit-text-fill-color:#34413c;-webkit-text-stroke:1px #34413c;text-shadow:0 2px 0 #1a2822,0 4px 0 #0b1511}
.headline .headline-build:after{transform:translateY(var(--hero-depth));color:#07533f;-webkit-text-fill-color:#07533f;-webkit-text-stroke:1px #087657;text-shadow:0 1px 0 #07513f,0 3px 0 #04372a,0 5px 0 #021b15,0 9px 12px #0009}
.stat-card{background:#0a0a0a;border-color:#202020;box-shadow:none}
.stat-icon{color:var(--accent)}
.stat-copy dt{color:#a2a2a2}.stat-copy dd{color:#f5f5f5}
.portfolio{background:#000;border-top-color:#181818}
.portfolio-heading h2{color:var(--accent);background:linear-gradient(180deg,#dcfff4 0%,#65f5ce 16%,#00cda5 49%,#009d78 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:.5px #8bffe0;filter:drop-shadow(0 2px 0 #07533f) drop-shadow(0 4px 5px #0008)}
.portfolio-heading h2 span{color:inherit}
.portfolio-summary,.showcase-genre{color:#a0a0a0}
.experience-count{color:#888}
.showcase-card,.game-card,.game-art-link{background:#0a0a0a;border-color:#202020}
.showcase-card::after{background:linear-gradient(180deg,#0000 35%,#000f)}
.showcase-card:hover .showcase-name{color:var(--accent)}
.view-all{background:var(--action);color:#fff;box-shadow:none}
.view-all:hover{background:var(--action-hover)}
.impact{--impact-accent:var(--accent);--impact-surface:#0a0a0a;--impact-muted:#97999d;background:#000;color:#fff}
.impact-card{border-color:#202020}
.impact-label{color:#929292}
.impact-orbit-ring{border-color:#00cda51a}
.impact-orbit-logo{background:#080808;border-color:#252525}
.impact-orbit-game{border-color:#00cda54d;box-shadow:0 0 12px #00cda52e}
.impact-card::before{background:radial-gradient(600px circle at var(--mx,50%) var(--my,50%),#00cda50f,transparent 50%)}
.impact-contact{background:#070e0c}
.impact-contact-art img{border-color:#050a08}
.impact-contact::after{background:linear-gradient(90deg,#070e0c 32%,#070e0c66 68%,#070e0c10),linear-gradient(0deg,#070e0c66,transparent)}
.impact-contact-button{background:var(--action);color:#fff}
.impact-contact-button:hover{background:var(--action-hover)}
.impact a:focus-visible{outline-color:#50e9c6}
/* Partnered Studios: static logo row under a ruled "Worked with" label. */
.studio-partners{padding:72px 24px 112px;background:#000;font-family:Inter,"Segoe UI",Arial,sans-serif}
.studio-partners h2{display:flex;align-items:center;gap:26px;width:min(1200px,100%);margin:0 auto 52px;color:#8a8a8a;font-size:16px;font-weight:400;line-height:1.2;letter-spacing:0}
.studio-partners h2::before,.studio-partners h2::after{content:'';flex:1;height:1px;background:#2c2c2c}
.studio-partners h2 span{flex-shrink:0}
.studio-partner-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:40px 72px;width:min(1200px,100%);margin:0 auto;padding:0;list-style:none}
.studio-partner-row li{display:flex;align-items:center;justify-content:center}
.studio-partner-row a{display:flex;align-items:center}
.studio-partner-row img{display:block;width:auto;height:36px;max-width:170px;object-fit:contain}
.studio-partner-row .partner-mark{height:46px}
@media(max-width:720px){.studio-partners{padding:56px 20px 80px}.studio-partners h2{gap:16px;margin-bottom:36px;font-size:14px}.studio-partner-row{gap:28px 40px}.studio-partner-row img{height:30px}.studio-partner-row .partner-mark{height:38px}}
/* Contact page shares the same neutral surfaces and restrained accent. */
.primary-nav .nav-cta,.send-button{background:var(--action);box-shadow:none}
.primary-nav .nav-cta:hover,.send-button:hover:not(:disabled){background:var(--action-hover);box-shadow:none}
.contact-main .eyebrow{color:var(--accent)}
.form-field label{color:#a0a0a0}
.form-field input:focus,.form-field textarea:focus,.form-field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #00cda522}
.contact-panel{background:radial-gradient(ellipse at 50% 50%,#00cda50a,transparent 62%),#000}
.panel-grid b{color:#176151}.panel-grid span:nth-child(3n+2) b{color:#1b1b1b}
.copyright{color:#888}
/* Shared site footer: every route links the studio pages so search engines can see the structure. */
.site-footer{padding:0 clamp(24px,8.4vw,160px) 28px}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 0;border-top:1px solid #262626;flex-wrap:wrap}
.footer-brand{display:flex;align-items:center;gap:10px;font:700 17px/1 Inter,sans-serif;color:#f9f9f9}
.footer-brand img{width:30px;height:29px}
.site-footer nav{display:flex;gap:30px;flex-wrap:wrap}
.site-footer nav a{font:500 15px/1 Inter,sans-serif;color:#dadada}
.site-footer nav a:hover{color:#fff}
@media(max-width:720px){.center-shade{background:linear-gradient(180deg,transparent 18%,#000b 42%,#000 100%)}}
@media(max-width:720px){.headline-intro{--hero-depth:3px}.headline-build{--hero-depth:5px}.headline-intro .gold-face{-webkit-text-stroke:.4px #effff6}.headline-build .gold-face{-webkit-text-stroke:.65px #8bffe0}.headline .headline-build:after{-webkit-text-stroke:.65px #087657;text-shadow:0 2px 0 #04372a,0 4px 0 #021b15,0 7px 10px #0009}}