:root{--bg:#0c0915;--panel:#171023;--text:#fff7ef;--muted:#b6aabf;--purple:#ae70ff;--orange:#ff9a54;--lime:#dbff74;--line:#ffffff21}
body{background:var(--bg);background-image:radial-gradient(circle at 20% 15%,#5c25812b,transparent 32%),radial-gradient(circle at 90% 48%,#e9516520,transparent 28%);overflow-x:hidden}
::selection{background:var(--lime);color:#15101a}
.site-header{height:78px;background:#0c0915d9;backdrop-filter:blur(18px);border-color:#ffffff26}
.primary-nav .nav-contact{background:var(--lime);color:#17101f;border-color:var(--lime);font-weight:800}.primary-nav .nav-contact span{color:#17101f}
.brand-mark{background:linear-gradient(135deg,var(--orange),var(--purple));color:#1a082d;box-shadow:0 0 30px #af70ff66}
.studio-hero{position:relative;min-height:min(780px,calc(100svh - 78px));display:grid;align-items:center;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 78% 38%,#65317e 0%,#21102f 39%,#0c0915 72%)}
.hero-backdrop{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#0c0915 10%,#0c0915ad 50%,#0c0915aa),url('../assets/games/starcatcher.png') center/cover;opacity:.36;filter:saturate(1.5)}
.hero-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#ffffff0d 1px,transparent 1px),linear-gradient(90deg,#ffffff0d 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(90deg,transparent,#000 60%)}
.studio-hero-inner{display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:6%;padding-block:90px 110px}
.studio-hero-copy{position:relative;z-index:2;animation:slide-up .7s both}
.studio-hero h1{font-size:clamp(4.4rem,8.5vw,9.5rem);line-height:.88;letter-spacing:-.085em;margin:30px 0;color:#fff8f3;font-weight:700;text-shadow:0 12px 45px #0008}
.studio-hero h1 em{color:var(--lime)}.studio-hero h1 .period{color:var(--orange)}
.studio-hero-copy>p:not(.eyebrow){font-size:clamp(1rem,1.55vw,1.25rem);color:#e5d9e6;max-width:590px;line-height:1.65}
.studio-hero .button-primary,.spotlight .button-primary{background:var(--lime);color:#21102a}.studio-hero .button-primary:hover,.spotlight .button-primary:hover{background:#ebffa9}
.button-outline{border:1px solid #ffffff68;color:#fff;background:#ffffff10}.button-outline:hover{background:#ffffff27}
.hero-game{position:relative;aspect-ratio:4/4.2;min-width:0;transform:rotate(3deg);box-shadow:28px 34px 0 #ff9a5430,0 40px 100px #000a;border:1px solid #ffffff5a;animation:float-card 7s ease-in-out infinite}
.hero-game>img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated;filter:saturate(1.1)}
.hero-game-badge{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:18px;padding:19px 22px;background:linear-gradient(90deg,#170d23f2,#170d23bf);backdrop-filter:blur(12px)}
.hero-game-badge span{display:block;font-size:10px;letter-spacing:.15em;color:var(--orange);font-weight:800}.hero-game-badge strong{font:700 24px 'Space Grotesk';margin-left:auto}.hero-game-badge a{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--lime);color:#160c21;font-weight:800}
.hero-scroll{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:.2em;font-weight:800;color:#e2cfed}.hero-scroll span{display:inline-block;margin-left:12px;animation:bob 1.7s ease-in-out infinite}
.studio-ticker{overflow:hidden;background:var(--orange);color:#231222;transform:rotate(-1.2deg) scale(1.02);position:relative;z-index:3}.ticker-track{white-space:nowrap;width:max-content;animation:marquee 25s linear infinite}.ticker-track span{font:700 18px/3 'Space Grotesk';letter-spacing:.12em}
.section-heading h2,.studio-story h2{font-weight:700}.section-heading .eyebrow,.story-overline{color:var(--orange)}
.game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.game-tile{display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);background:#181123;border-radius:17px;overflow:hidden;padding-bottom:25px;transition:transform .3s,border-color .3s,box-shadow .3s}.game-tile:hover{transform:translateY(-8px);border-color:#cc98ff;box-shadow:0 25px 70px #0008,0 0 35px #ae70ff32}.game-image{position:relative;display:block;aspect-ratio:1.25;overflow:hidden;background:#2b2138}.game-image img{width:100%;height:100%;object-fit:cover;image-rendering:auto;transition:transform .6s,filter .6s}.game-tile:hover .game-image img{transform:scale(1.06);filter:saturate(1.25)}.game-play{position:absolute;right:14px;bottom:14px;width:43px;height:43px;display:grid;place-items:center;border-radius:50%;background:var(--lime);color:#1b1025;font-size:22px;box-shadow:0 8px 25px #0007;transition:transform .3s}.game-tile:hover .game-play{transform:rotate(45deg)}.game-meta{display:block;padding:22px 22px 0;color:var(--orange);font-size:10px;font-weight:800;letter-spacing:.13em}.game-meta span{margin-inline:5px;color:#8f839d}.game-tile strong{font:700 clamp(1.35rem,2vw,2rem)/1.1 'Space Grotesk';letter-spacing:-.04em;padding:12px 22px 0}.game-description{padding:12px 22px 0;color:var(--muted);font-size:13px;line-height:1.55;min-height:70px}.game-cta{margin:auto 22px 0;padding-top:19px;border-top:1px solid var(--line);font-size:12px;font-weight:800;color:var(--lime);display:flex;justify-content:space-between}
.spotlight{background:#20132f;border-block:1px solid #ffffff28;padding-block:105px;position:relative;overflow:hidden}.spotlight:before{content:'';position:absolute;inset:-30% -10% auto auto;width:700px;height:700px;background:radial-gradient(circle,#e968722b,transparent 66%);pointer-events:none}.spotlight-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.spotlight-art{position:relative;background:#dbbca5;border:12px solid #ffffff15;box-shadow:0 30px 70px #0008;transform:rotate(-2deg);aspect-ratio:1.1}.spotlight-art img{width:100%;height:100%;object-fit:cover}.spotlight-corner{position:absolute;bottom:12px;left:15px;background:#1c1125;color:#fff;padding:7px 12px;font-size:10px;letter-spacing:.15em;font-weight:800}.spotlight-copy h2{font-size:clamp(3rem,5.4vw,6rem)}.spotlight-copy h2 em{color:var(--lime)}.spotlight-copy>p:not(.eyebrow){font-size:18px}.spotlight-meta{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0}.spotlight-meta span{border:1px solid #ffffff4d;padding:6px 10px;border-radius:4px;font-size:10px;font-weight:800;letter-spacing:.1em}
.studio-story{border-bottom:1px solid var(--line)}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.story-grid h2{font-size:clamp(3.4rem,6vw,6.5rem);margin-bottom:0}.story-grid p{font-size:20px;line-height:1.6}.story-grid .text-link{color:var(--lime)}
.closing{background:linear-gradient(120deg,#a262ed,#ff9b64);color:#1d1029}.closing .eyebrow,.closing h2,.closing p{color:#1d1029}.closing h2{font-size:clamp(3.2rem,6vw,6rem);letter-spacing:-.07em}.closing .button-light{background:#1d1029;color:#fff}
.catalog-hero{min-height:500px;display:flex;align-items:center;background:radial-gradient(circle at 80% 25%,#6e347c 0%,#281535 38%,#0c0915 75%);position:relative;overflow:hidden}.catalog-hero:after{content:'PIXWARE';position:absolute;right:-3%;bottom:-18%;font:700 clamp(9rem,24vw,25rem) 'Space Grotesk';letter-spacing:-.1em;color:#ffffff08;pointer-events:none}.catalog-hero .shell{position:relative;z-index:1;padding-block:90px}.catalog-hero h1{font-size:clamp(4rem,8vw,8rem);line-height:.93;margin:22px 0}.catalog-hero h1 em{color:var(--lime)}.catalog-hero p:not(.eyebrow){font-size:19px;max-width:670px}.catalog-hero .text-link{color:var(--orange)}.catalog-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.catalog-top span{color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.13em}
.page-hero{background:radial-gradient(circle at 80% 10%,#5b287744,transparent 48%)}.page-hero h1 em,.article h1 em{color:var(--lime)}.state-panel{background:linear-gradient(135deg,#281835,#1b1328)}.state-symbol{color:var(--orange)}.text-link{color:var(--lime)}.contact-card:hover{border-color:var(--lime)}
.reveal{opacity:0;translate:0 24px;transition:opacity .65s ease,translate .65s ease}.reveal.is-visible{opacity:1;translate:0 0}
@keyframes float-card{0%,100%{transform:translateY(0) rotate(3deg)}50%{transform:translateY(-14px) rotate(1deg)}}@keyframes slide-up{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes bob{50%{transform:translateY(7px)}}
@media(max-width:1000px){.studio-hero-inner{grid-template-columns:1fr 1fr;gap:4%}.studio-hero h1{font-size:clamp(4rem,8vw,7rem)}.game-grid{gap:15px}}
@media(max-width:720px){.site-header{height:72px}.studio-hero{min-height:auto}.studio-hero-inner{grid-template-columns:1fr;padding-block:70px 80px}.studio-hero h1{font-size:clamp(4rem,13vw,7rem)}.hero-game{max-width:420px;width:80%;margin:50px auto 0;aspect-ratio:1.2}.hero-scroll{display:none}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.spotlight-grid,.story-grid{grid-template-columns:1fr}.spotlight{padding-block:70px}.spotlight-art{max-width:500px}.spotlight-copy{padding-top:20px}.catalog-hero{min-height:400px}.catalog-hero h1{font-size:clamp(3.5rem,10vw,6rem)}}
@media(max-width:520px){.game-grid{grid-template-columns:1fr}.hero-game{width:90%}.studio-hero h1{font-size:clamp(3.6rem,15vw,5.5rem)}.studio-hero-copy>p:not(.eyebrow){font-size:16px}.game-image{aspect-ratio:1.45}.game-description{min-height:0}.spotlight-copy h2{font-size:3.4rem}.catalog-hero h1{font-size:3.5rem}}
.reveal{opacity:1;translate:none}.has-js .reveal{opacity:0;translate:0 24px}.has-js .reveal.is-visible{opacity:1;translate:none}
@media(prefers-reduced-motion:reduce){.hero-game,.studio-hero-copy,.ticker-track,.hero-scroll span{animation:none!important}.reveal,.has-js .reveal{opacity:1;translate:none;transition:none}}