:root{--ink:#07090b;--ink-2:#0d1114;--paper:#f4f0e8;--muted:#a8b0ad;--line:rgba(255,255,255,.14);--acid:#d7ff45;--ember:#ff5c35;--cyan:#55d6be;--max:1240px;--pad:clamp(1.25rem,4vw,4rem);--section:clamp(5rem,11vw,10rem);--display:clamp(3.6rem,10vw,9.5rem);--ease:cubic-bezier(.2,.8,.2,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:7rem}body{margin:0;background:var(--ink);color:var(--paper);font-family:Inter,"Helvetica Neue",Arial,sans-serif;line-height:1.55;overflow-x:hidden}a{color:inherit}button{font:inherit}.wrap{width:min(100%,calc(var(--max) + var(--pad)*2));margin:auto;padding-inline:var(--pad)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:1000;top:1rem;left:1rem;background:var(--acid);color:#050606;padding:.75rem 1rem;transform:translateY(-150%)}.skip-link:focus{transform:none}.site-header{position:fixed;z-index:50;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:1.2rem var(--pad);transition:background .3s,padding .3s}.site-header.scrolled{background:rgba(7,9,11,.88);backdrop-filter:blur(14px);padding-block:.85rem;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:.7rem;text-decoration:none;font-size:.7rem;font-weight:900;letter-spacing:.16em}.brand img{width:2.65rem;height:2.65rem;object-fit:contain;border-radius:50%}.site-nav{display:flex;align-items:center;gap:2rem}.site-nav a{text-decoration:none;color:#d3d7d4;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.site-nav a:hover{color:var(--acid)}.nav-cta{border:1px solid currentColor;padding:.65rem 1rem}.menu-toggle{display:none;background:none;border:0;color:inherit;padding:.5rem}.menu-toggle>span:not(.sr-only){display:block;width:24px;height:2px;background:currentColor;margin:5px}.home-hero,.game-hero{min-height:100svh;position:relative;display:flex;align-items:flex-end;padding-block:9rem 5rem;isolation:isolate}.hero-art{position:absolute;z-index:-1;inset:0;overflow:hidden;background:radial-gradient(circle at 68% 38%,rgba(215,255,69,.14),transparent 24%),linear-gradient(145deg,#101b1c 0%,#090a0c 52%,#17110d 100%)}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,9,11,.85),rgba(7,9,11,.12) 65%),linear-gradient(0deg,rgba(7,9,11,.9),transparent 45%);mix-blend-mode:multiply}.orb{position:absolute;width:clamp(18rem,37vw,38rem);aspect-ratio:1;border-radius:50%;right:8%;top:9%;background:radial-gradient(circle at 35% 30%,#faffd6 0 2%,var(--acid) 5%,#8da624 35%,#182014 68%);box-shadow:0 0 140px rgba(215,255,69,.16)}.terrain{position:absolute;left:-10%;width:120%;height:45%;bottom:-20%;border-radius:50% 50% 0 0}.terrain-a{background:#253132;transform:rotate(-5deg);bottom:-17%}.terrain-b{background:#0b0f11;transform:rotate(7deg);bottom:-29%}.squad-figure{position:absolute;right:28%;bottom:14%;width:3rem;height:8.5rem;background:#050606;border-radius:45% 45% 20% 20%;filter:drop-shadow(0 14px 15px #000)}.squad-figure:before{content:"";position:absolute;width:3.8rem;height:3.2rem;left:-.4rem;top:-1.6rem;background:#050606;border-radius:48%}.squad-figure:after{content:"";position:absolute;left:-2.5rem;top:3rem;width:8rem;height:.5rem;background:#050606;transform:rotate(-17deg)}.hero-copy{width:100%;position:relative}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.7rem;font-weight:800;color:var(--acid)}h1,h2,h3,p{margin-top:0}h1,h2{font-weight:850;letter-spacing:-.065em;line-height:.88}h1{font-size:var(--display);margin:.4rem 0 1.8rem;max-width:1050px}h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px rgba(244,240,232,.65)}h2{font-size:clamp(3.2rem,7vw,6.8rem);margin:.5rem 0}h3{font-size:clamp(2rem,4vw,4rem);line-height:1;letter-spacing:-.05em}.lede{font-size:clamp(1.05rem,2vw,1.4rem);max-width:560px;color:#c3cac6;margin-bottom:2.2rem}.button{display:inline-flex;gap:2rem;justify-content:space-between;align-items:center;min-width:230px;padding:1rem 1.2rem;text-decoration:none;text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;font-weight:900;border:1px solid transparent;transition:transform .25s var(--ease),background .25s}.button:hover{transform:translateY(-3px)}.button-primary{background:var(--acid);color:#080a08}.button-primary:hover{background:#ecff9f}.button-dark{background:var(--ink);color:var(--paper)}.scroll-cue{position:absolute;right:var(--pad);bottom:2.5rem;font-size:.65rem;text-transform:uppercase;letter-spacing:.14em;writing-mode:vertical-rl}.scroll-cue span{display:inline-block;height:3rem;border-left:1px solid var(--acid);margin-top:1rem}.section{padding-block:var(--section)}.section-heading{margin-bottom:clamp(2rem,5vw,4rem)}.game-card{display:grid;grid-template-columns:1.35fr .65fr;background:var(--ink-2);border:1px solid var(--line)}.game-visual{position:relative;min-height:570px;overflow:hidden;background:radial-gradient(circle at 65% 35%,var(--ember),transparent 2%,#56271c 18%,transparent 38%),linear-gradient(145deg,#1d342e,#0b1010 55%,#3c1e17);border-right:1px solid var(--line)}.planet{position:absolute;width:58%;aspect-ratio:1;border-radius:50%;right:-4%;top:3%;background:radial-gradient(circle at 35% 30%,#ffb99f,var(--ember) 17%,#48150d 67%);box-shadow:0 0 90px rgba(255,92,53,.25)}.figure-card{right:39%;bottom:9%;transform:scale(1.35)}.art-label{position:absolute;z-index:2;left:1.5rem;top:1.5rem;font-size:.62rem;letter-spacing:.18em}.game-info{align-self:end;padding:clamp(2rem,5vw,4rem)}.game-info p:not(.eyebrow){color:var(--muted)}.text-link{display:inline-flex;gap:2rem;text-transform:uppercase;text-decoration:none;font-size:.72rem;letter-spacing:.12em;font-weight:800;border-bottom:1px solid var(--paper);padding-bottom:.4rem}.about-section,.features-section{background:var(--paper);color:var(--ink)}.about-section .eyebrow,.features-section .eyebrow{color:#607600}.about-grid,.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,8vw,9rem)}.about-copy,.story-copy{font-size:clamp(1.15rem,2vw,1.5rem);padding-top:2rem}.about-copy p:last-child,.story-copy p:last-child{color:#636b67}.contact-section h2{max-width:900px}.social-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);margin-top:4rem}.social-grid a{display:flex;justify-content:space-between;text-decoration:none;padding:1.3rem .5rem;border-bottom:1px solid var(--line);transition:color .2s}.social-grid a:hover{color:var(--acid)}.site-footer{border-top:1px solid var(--line);padding:2rem 0;color:var(--muted);font-size:.75rem}.footer-inner{display:flex;align-items:center;justify-content:space-between}.footer-inner p{margin:0}.game-hero-copy h1 span{color:var(--acid)}.game-hero-art .orb{background:radial-gradient(circle at 35% 30%,#f8f7d1 0 3%,#57d4bd 6%,#1a635d 40%,#092521 68%);box-shadow:0 0 140px rgba(85,214,190,.18)}.story-grid{padding-block:var(--section)}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #bcbdb7}.feature{padding:2.2rem 2rem 3rem 0;border-bottom:1px solid #bcbdb7}.feature:nth-child(odd){border-right:1px solid #bcbdb7}.feature:nth-child(even){padding-left:2rem}.feature span{font-size:.65rem;letter-spacing:.15em;color:#65731c}.feature h3{font-size:2rem;margin:2rem 0 1rem}.feature p{max-width:460px;color:#515753}.shot-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.shot{position:relative;aspect-ratio:16/9;border:0;cursor:zoom-in;color:#fff;text-align:left;overflow:hidden}.shot:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.65),transparent 45%);transition:transform .5s}.shot:hover:after{transform:scale(1.06)}.shot span{position:absolute;z-index:1;left:1rem;bottom:1rem;font-size:.65rem;letter-spacing:.14em}.shot-a{background:radial-gradient(circle at 70% 25%,#e6ff89 0 7%,transparent 8%),linear-gradient(155deg,#173b3c,#17211f 55%,#51462b)}.shot-b{background:linear-gradient(125deg,transparent 25%,#6fbda9 26% 27%,transparent 28%),linear-gradient(35deg,#251a3d,#722c5d)}.shot-c{background:radial-gradient(circle,#ff723c 0 8%,transparent 9%),repeating-linear-gradient(45deg,#1e3030 0 25px,#111717 26px 50px)}.shot-d{background:linear-gradient(0deg,#191313 0 28%,transparent 29%),radial-gradient(circle at 30% 75%,#ff6a38 0 3%,transparent 8%),linear-gradient(#3d3859,#9a4e53)}.final-cta{background:var(--acid);color:var(--ink);padding-block:var(--section)}.final-cta .eyebrow{color:#526600}.lightbox{width:min(92vw,1100px);border:1px solid var(--line);padding:0;background:#0a0d0e;color:#fff}.lightbox::backdrop{background:rgba(0,0,0,.86);backdrop-filter:blur(6px)}.lightbox-art{aspect-ratio:16/9;background:linear-gradient(145deg,#28423d,#8f4435)}.lightbox p{padding:1rem 1.5rem;margin:0}.lightbox-close{position:absolute;right:.7rem;top:.7rem;width:2.6rem;height:2.6rem;border:0;border-radius:50%;background:#fff;color:#000;font-size:1.5rem;cursor:pointer}.policy{padding:10rem 0 var(--section)}.policy-header{border-bottom:1px solid var(--line);padding-bottom:3rem}.policy-header h1{font-size:clamp(4.5rem,11vw,9rem)}.policy-layout{display:grid;grid-template-columns:1fr;gap:clamp(3rem,8vw,9rem);padding-top:4rem}.policy-layout aside nav{position:sticky;top:7rem;display:flex;flex-direction:column;gap:.85rem}.policy-layout aside a{color:var(--muted);text-decoration:none;font-size:.75rem}.policy-layout aside a:hover{color:var(--acid)}.policy-copy{max-width:760px}.policy-copy h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1;margin:4rem 0 1.2rem;scroll-margin-top:7rem}.policy-copy p,.policy-copy li{color:#c2c7c4}.policy-copy mark{background:rgba(215,255,69,.13);color:#eaff98;padding:.1em}.notice{border:1px solid var(--acid);padding:1.2rem;color:#fff!important}.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s var(--ease),transform .75s var(--ease)}.reveal.visible{opacity:1;transform:none}:focus-visible{outline:3px solid var(--acid);outline-offset:4px}
@media(max-width:800px){.site-header{padding-block:1rem}.menu-toggle{display:block;z-index:2}.site-nav{position:fixed;inset:0;background:#090c0e;flex-direction:column;justify-content:center;gap:2rem;transform:translateX(100%);transition:transform .35s var(--ease)}.site-nav.open{transform:none}.site-nav a{font-size:1.2rem}.menu-toggle[aria-expanded=true]>span:first-child{transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded=true]>span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true]>span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.game-card,.about-grid,.story-grid,.policy-layout{grid-template-columns:1fr}.game-visual{min-height:65vw;border-right:0;border-bottom:1px solid var(--line)}.social-grid{grid-template-columns:1fr 1fr}.policy-layout aside{display:none}.shot-grid{grid-template-columns:1fr}.footer-inner{flex-wrap:wrap;gap:1rem}.feature-grid{grid-template-columns:1fr}.feature:nth-child(odd){border-right:0}.feature:nth-child(even){padding-left:0}.scroll-cue{display:none}.squad-figure{right:20%}.orb{right:-10%;top:17%}.home-hero,.game-hero{padding-bottom:3rem}.hero-art:after{background:linear-gradient(0deg,rgba(7,9,11,.92),rgba(7,9,11,.05) 75%)}}@media(max-width:480px){.social-grid{grid-template-columns:1fr}.game-visual{min-height:82vw}.footer-inner{flex-direction:column;align-items:flex-start}.hero-copy .lede{max-width:90%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}.reveal{opacity:1;transform:none}}
.trailer-section{background:var(--ink-2)}
.trailer-frame{overflow:hidden;aspect-ratio:16/9;border:1px solid var(--line);background:#000;box-shadow:0 2rem 6rem rgba(0,0,0,.35)}
.trailer-frame iframe{display:block;width:100%;height:100%;border:0}

/* Production artwork and game sections */
.image-hero{min-height:min(100svh,940px);background:#05070a;overflow:hidden}
.hero-poster{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.hero-overlay{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(3,6,10,.94) 0%,rgba(3,6,10,.68) 35%,rgba(3,6,10,.1) 75%),linear-gradient(0deg,rgba(3,6,10,.92),transparent 45%)}
.game-hero.image-hero .hero-poster{object-position:center}
.game-hero-copy{position:relative;width:100%}
.hero-game-icon,.game-icon,.cta-icon{border-radius:22%;box-shadow:0 1rem 3rem rgba(0,0,0,.35)}
.hero-game-icon{margin-bottom:1.25rem}
.game-visual.real-art{display:block;background:#080a0d}
.game-visual.real-art img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .6s var(--ease)}
.game-visual.real-art:hover img{transform:scale(1.025)}
.game-icon{display:block;margin-bottom:2rem}
.store-buttons{display:flex;flex-wrap:wrap;gap:.75rem}
.button-outline{border-color:rgba(255,255,255,.65);color:#fff;background:rgba(5,7,9,.35);backdrop-filter:blur(10px)}
.button-outline:hover{background:#fff;color:#080a08}
.roster-section{background:linear-gradient(180deg,#0b1016,#111728)}
.enemies-section{background:var(--paper);color:var(--ink)}
.enemies-section .eyebrow{color:#6c790c}
.character-grid,.enemy-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}
.character-card,.enemy-card{position:relative;overflow:hidden;border:1px solid var(--line);padding:1rem;background:rgba(255,255,255,.035)}
.enemy-card{border-color:rgba(0,0,0,.14);background:#fff}
.character-card img,.enemy-card img{display:block;width:100%;aspect-ratio:1/1.2;object-fit:contain;transition:transform .45s var(--ease)}
.enemy-card img{aspect-ratio:1}
.character-card:hover img,.enemy-card:hover img{transform:translateY(-8px) scale(1.03)}
.character-card h3,.enemy-card h3{font-size:1.15rem;letter-spacing:-.02em;margin:.75rem 0 .25rem}
.character-card p{color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;margin:0}
.real-shot{padding:0;background:#07090b}
.real-shot img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.real-shot:hover img{transform:scale(1.025)}
.real-shot:after{z-index:1}
.real-shot span{z-index:2}
.cta-icon{margin-bottom:2rem}
.store-grid{grid-template-columns:repeat(4,1fr)}
@media(max-width:1000px){.character-grid,.enemy-grid{grid-template-columns:repeat(3,1fr)}.store-buttons .button{min-width:190px}}
@media(max-width:800px){.image-hero{min-height:780px}.hero-poster{object-position:62% center}.hero-overlay{background:linear-gradient(0deg,rgba(3,6,10,.97) 0%,rgba(3,6,10,.55) 63%,rgba(3,6,10,.12))}.game-hero.image-hero .hero-poster{object-position:57% center}.character-grid,.enemy-grid{grid-template-columns:repeat(2,1fr)}.store-grid{grid-template-columns:1fr 1fr}.game-visual.real-art{min-height:58vw}}
@media(max-width:480px){.character-grid,.enemy-grid{grid-template-columns:1fr 1fr;gap:.6rem}.character-card,.enemy-card{padding:.6rem}.character-card h3,.enemy-card h3{font-size:.95rem}.store-buttons{display:grid}.store-buttons .button{width:100%}.store-grid{grid-template-columns:1fr}.game-visual.real-art{min-height:75vw}}

/* Studio hero and compact responsive galleries */
.studio-hero{min-height:100svh;background:radial-gradient(circle at 76% 35%,rgba(215,255,69,.13),transparent 18%),radial-gradient(circle at 72% 42%,#1b2826 0%,#0a1012 36%,#050709 72%);overflow:hidden}
.studio-hero:before{content:"";position:absolute;inset:-25%;background:repeating-radial-gradient(circle at 74% 42%,transparent 0 7vw,rgba(215,255,69,.045) 7.1vw 7.25vw);transform:rotate(-8deg)}
.studio-orbit{position:absolute;right:clamp(-11rem,4vw,4rem);top:50%;width:clamp(25rem,52vw,52rem);aspect-ratio:1;border:1px solid rgba(215,255,69,.22);border-radius:50%;transform:translateY(-50%)}
.studio-orbit:before,.studio-orbit:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.11);border-radius:50%}.studio-orbit:before{inset:13%}.studio-orbit:after{inset:31%;background:radial-gradient(circle,rgba(215,255,69,.09),transparent 65%)}
.studio-fox{position:absolute;right:clamp(2rem,18vw,18rem);top:50%;color:rgba(255,255,255,.055);font-weight:950;font-size:clamp(8rem,21vw,22rem);letter-spacing:-.13em;line-height:1;transform:translateY(-50%) rotate(-7deg);user-select:none}
.character-grid{grid-template-columns:repeat(3,1fr)}
.compact-shots{grid-template-columns:repeat(3,1fr);gap:.8rem}
.compact-shots .shot{margin:0;cursor:default;border:1px solid var(--line);aspect-ratio:auto;background:#090c0f}
.compact-shots .shot:after{display:none}
.compact-shots .real-shot img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;transform:none!important}
.compact-shots figcaption{padding:.8rem .9rem;color:var(--muted);font-size:.62rem;letter-spacing:.13em;text-align:left}
@media(min-width:1100px) and (min-aspect-ratio:3/2){.character-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:900px){.character-grid,.compact-shots{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.character-grid,.compact-shots{grid-template-columns:1fr}.studio-fox{right:-1rem}.studio-orbit{right:-17rem}}