:root{--bg:#090a0c;--panel:#111317;--line:#292d33;--blue:#aeb7c2;--text:#f4f4f2;--muted:#a3a6aa;--accent:#d4d8dd}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,Helvetica,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.topbar{height:82px;padding:0 clamp(22px,6vw,92px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #26292e;background:#090a0cf5;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:1.5px;font-size:15px}.brand img{width:42px;height:42px;object-fit:contain}.brand b{display:block;color:#a9afb8;font-size:9px;letter-spacing:4px;margin-top:4px}.topbar nav{display:flex;gap:clamp(18px,2.5vw,38px);font-size:12px;color:#c4c6ca}.topbar nav a{transition:color .2s}.topbar nav a:hover,.text-link:hover{color:#fff}.hub-link{border:1px solid #555b64;padding:11px 15px;font-size:11px;letter-spacing:.2px;transition:background .2s}.hub-link:hover{background:#202329}.hub-link span{margin-left:10px}.menu{display:none;background:none;border:0;color:white;font-size:24px}.hero{min-height:min(690px,calc(100vh - 82px));padding:110px clamp(25px,10vw,155px) 75px;display:flex;align-items:center;position:relative;overflow:hidden;background:#101216}.hero-image{position:absolute;inset:0;background:linear-gradient(90deg,#090a0cf5 0%,#090a0cd9 42%,#090a0c35 100%),linear-gradient(0deg,#090a0c 0%,transparent 40%),url('https://images.unsplash.com/photo-1519608487953-e999c86e7455?auto=format&fit=crop&w=2200&q=85') center 48%/cover no-repeat;filter:saturate(.58)}.hero-copy{position:relative;z-index:2;max-width:740px}.eyebrow{font-size:10px;letter-spacing:2.5px;color:#b8bec6;font-weight:700}.hero h1{font-size:clamp(54px,8.2vw,112px);line-height:.94;margin:24px 0 25px;letter-spacing:-5px;font-weight:800}.hero h1 span,h2 span{color:#aeb7c2}.hero-copy>p:not(.eyebrow){font-size:16px;line-height:1.7;color:#c4c6c9;max-width:470px}.actions{display:flex;gap:27px;align-items:center;margin-top:34px;flex-wrap:wrap}.btn{display:inline-flex;gap:22px;align-items:center;justify-content:center;padding:15px 19px;border:1px solid #858b93;font-size:11px;font-weight:700;letter-spacing:.3px;cursor:pointer;transition:background .2s,color .2s}.btn.primary{background:#e7e9eb;color:#101114;border-color:#e7e9eb}.btn.primary:hover{background:white}.btn.ghost{border-color:#565d66;color:#fff}.text-link{font-size:11px;color:#d0d2d5}.text-link span{margin-left:9px}.hero-caption{position:absolute;z-index:2;bottom:27px;left:clamp(25px,10vw,155px);right:clamp(25px,10vw,155px);display:flex;justify-content:space-between;color:#aeb2b8;font-size:9px;letter-spacing:2px}.featured-strip,.projects{padding:66px clamp(22px,7vw,105px)}.strip-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.strip-label .eyebrow{margin:0}.strip-note,.section-heading>p{color:#858a91;font-size:12px;line-height:1.7}.game-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;overflow-x:auto;padding-bottom:4px}.game-card{height:245px;min-width:0;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:end;padding:22px;background:#1b1e23;border:1px solid #30343b;transition:transform .25s,border-color .25s}.game-card:hover{transform:translateY(-4px);border-color:#858c96}.game-card:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#050607ed 0%,#08090a45 65%,#08090a12 100%)}.sample-one{background:linear-gradient(135deg,#353b42,#111317 70%)}.sample-two{background:linear-gradient(135deg,#44413c,#151719 70%)}.sample-three{background:linear-gradient(135deg,#343d40,#111417 70%)}.game-card strong,.game-card small,.game-art-label{position:relative}.game-card strong{font-size:19px;letter-spacing:.3px}.game-card small{color:#c1c4c8;margin-top:8px;font-size:11px}.game-art-label{font-size:9px;letter-spacing:1.8px;color:#d4d7db;margin-bottom:auto}.intro-grid{padding:90px clamp(25px,11vw,165px);display:grid;grid-template-columns:1fr 1fr;gap:80px;border-top:1px solid #26292e;border-bottom:1px solid #26292e;background:#111317}.intro-grid h2,.section-heading h2,.contact h2,.studio-band h2{font-size:clamp(32px,4.4vw,55px);line-height:1.08;letter-spacing:-1.7px;margin:12px 0}.intro-grid>p,.studio-band p:not(.eyebrow),.contact p:not(.eyebrow){color:#aeb2b8;line-height:1.9;font-size:14px;margin:0;max-width:590px}.projects{padding-top:88px;padding-bottom:100px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:32px}.section-heading h2{margin-bottom:0}.section-heading>p{text-align:right;margin:0}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.project-tile{background:#121519;border:1px solid #292d33;overflow:hidden;transition:transform .2s,border-color .2s}.project-tile:hover{transform:translateY(-3px);border-color:#646b74}.tile-art{height:220px;display:flex;align-items:end;padding:16px;background:linear-gradient(135deg,#343a40,#121519 75%);background-position:center;background-size:cover}.tile-art span{font-size:9px;letter-spacing:2px;color:#d4d7da}.project-tile>div:last-child{padding:18px}.project-tile h3{margin:0 0 8px;font-size:16px;font-weight:650}.project-tile p{color:#9da2a9;font-size:11px;line-height:1.6;margin:0}.studio-band{padding:70px clamp(25px,9vw,135px);display:grid;grid-template-columns:120px 1fr 210px;align-items:center;gap:48px;background:#171a1e;border-top:1px solid #292d33;border-bottom:1px solid #292d33}.studio-symbol img{width:110px;height:110px;object-fit:contain}.studio-band h2{font-size:clamp(30px,3.6vw,46px)}.studio-values{display:grid;gap:13px}.studio-values div{display:flex;gap:17px;align-items:center;border-bottom:1px solid #343940;padding:8px 0}.studio-values b{font-size:11px;color:#aeb7c2}.studio-values span{font-size:9px;letter-spacing:2px;color:#d1d4d8}.contact{padding:78px clamp(25px,9vw,135px);display:flex;justify-content:space-between;align-items:center;gap:25px}.contact h2{font-size:clamp(30px,4vw,48px)}footer{border-top:1px solid #292d33;padding:23px clamp(22px,7vw,105px);display:flex;justify-content:space-between;align-items:center;color:#858b93;font-size:10px;gap:15px}.footer-brand{color:white;font-size:12px}.footer-brand img{width:32px;height:32px}.footer-motto{letter-spacing:.4px}.admin-open{background:none;border:0;color:#737982;font-size:10px;cursor:pointer}.admin-open:hover{color:white}.admin-modal{display:none;position:fixed;inset:0;background:#000c;z-index:30;align-items:center;justify-content:center;padding:15px}.admin-modal.open{display:flex}.admin-panel{width:min(560px,100%);max-height:90vh;overflow:auto;background:#111419;border:1px solid #3b4149;padding:30px;position:relative}.close{position:absolute;right:17px;top:12px;background:none;border:0;color:white;font-size:28px;cursor:pointer}.admin-panel h2{margin:5px 0 12px}.admin-panel label{display:block;color:#c3c7cc;font-size:12px;margin:15px 0}.admin-panel input,.admin-panel textarea{display:block;width:100%;margin-top:7px;background:#090b0e;border:1px solid #3a4048;padding:12px;color:white;font:inherit}.admin-panel input[type=color]{height:42px;padding:4px}.full{width:100%;margin-top:10px}.status{font-size:12px;color:#cbd1d8;min-height:18px}.admin-tabs{display:flex;gap:8px;margin:20px 0}.admin-tabs button{padding:9px 16px;background:#20242a;border:1px solid #41474f;color:#d6d9dd;cursor:pointer}.admin-tabs button.active{border-color:#aeb7c2;color:white}.admin-game-list{display:grid;gap:8px}.admin-game{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border:1px solid #343a42;font-size:13px}.admin-game button{background:#282d34;color:#fff;border:1px solid #555d67;padding:7px;cursor:pointer}.signout{margin-top:25px}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#20252c;border:1px solid #68717c;padding:12px 18px;display:none;z-index:50}.toast.show{display:block}@media(max-width:850px){.topbar{height:70px}.topbar nav{display:none;position:absolute;top:70px;left:0;right:0;padding:20px 25px;background:#111419;flex-direction:column;border-bottom:1px solid #30343b}.topbar nav.open{display:flex}.menu{display:block}.hub-link{display:none}.hero{min-height:600px;padding-top:75px}.hero-image{background-position:58% center}.hero h1{font-size:clamp(53px,10vw,82px)}.intro-grid{grid-template-columns:1fr;gap:22px}.project-grid{grid-template-columns:1fr 1fr}.studio-band{grid-template-columns:90px 1fr}.studio-symbol img{width:85px;height:85px}.studio-values{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.contact{align-items:flex-start;flex-direction:column}.game-track{grid-template-columns:repeat(3,260px)}footer{flex-wrap:wrap}}@media(max-width:520px){.brand{font-size:12px}.brand img{width:36px;height:36px}.hero{min-height:570px}.hero h1{font-size:52px;letter-spacing:-2.5px}.hero-copy>p:not(.eyebrow){font-size:14px}.hero-caption{font-size:8px}.strip-label{align-items:flex-start;gap:12px;flex-direction:column}.game-track{grid-template-columns:repeat(3,82vw)}.game-card{height:205px}.section-heading{display:block}.section-heading>p{text-align:left;margin-top:14px}.project-grid{grid-template-columns:1fr}.tile-art{height:220px}.studio-band{grid-template-columns:1fr;text-align:left;gap:20px}.studio-symbol img{width:75px;height:75px}.studio-values{grid-column:auto}.contact{padding-top:60px;padding-bottom:60px}footer{justify-content:center;text-align:center}.footer-brand{width:100%;justify-content:center}.footer-motto{width:100%}}
.project-visit{display:inline-block;margin-top:15px;font-size:9px;letter-spacing:1.4px;font-weight:700;color:#d7dbe0}.project-visit:hover{color:#fff}
