@charset "UTF-8";
:root{color-scheme:dark;--bg:#080c10;--panel:#10171c;--text:#f0eee8;--muted:#9babab;--line:#283238;--accent:#edb97d;--cyan:#7dcbd7;--pad:clamp(24px,6vw,100px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--cyan);outline-offset:6px}::selection{background:var(--accent);color:var(--bg)}.skip{position:fixed;z-index:20;top:-70px;left:20px;padding:15px;background:var(--accent);color:var(--bg)}.skip:focus{top:12px}.header{height:102px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--pad);border-bottom:1px solid #ffffff13;position:relative;z-index:5;background:#080c10}.brand{display:flex;align-items:center;gap:12px}.brand img{object-fit:contain}.brand>span{font-size:25px;letter-spacing:6px;font-weight:500}.brand small{display:block;font-size:9px;letter-spacing:4px;margin-top:5px}.header nav{display:flex;align-items:center;gap:35px;font-size:13px}.header nav>a{transition:color .2s}.header nav>a:hover{color:var(--accent)}.nav-contact{margin-left:24px;border:1px solid #67716f;padding:13px 18px}.nav-contact span{margin-left:25px}.menu{display:none}.hero{min-height:720px;height:calc(100svh - 102px);max-height:1000px;position:relative;isolation:isolate;display:flex;align-items:center;padding:60px var(--pad) 130px;overflow:hidden}.hero-art{position:absolute;z-index:-2;right:-5%;top:-14%;width:75%;height:120%;display:flex;align-items:center;justify-content:center;mask-image:linear-gradient(to right,transparent,black 24%)}.hero-art img{width:100%;height:100%;object-fit:contain;opacity:.9}.hero-art:after{content:"";position:absolute;inset:68% 0 0;background:linear-gradient(transparent,var(--bg) 85%)}.hero-glow{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(500px circle at var(--x,70%) var(--y,45%),#66b9ca0a,transparent)}.hero-copy{max-width:800px}.eyebrow,.section-label,.tags,.hero-foot,.art-top,.art-bottom small,.diagram>span,.diagram-note,.people article>p{font-size:10px;letter-spacing:2px;font-weight:500}.eyebrow{display:flex;align-items:center;gap:12px;color:var(--accent);margin:0 0 30px;line-height:1.7}.status-dot{display:inline-block;flex:0 0 auto;width:6px;height:6px;background:var(--accent);border-radius:50%;box-shadow:0 0 14px #edb97d55}h1{font-size:clamp(64px,8.8vw,144px);font-weight:500;line-height:.94;letter-spacing:-.065em;margin:0 0 34px}h1>span{color:var(--accent)}.hero-desc{font-size:17px;line-height:1.7;color:#bec6c5}.actions{display:flex;align-items:center;gap:32px;margin-top:35px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:36px;font-size:13px;padding:18px 23px;background:var(--accent);color:#11171a;transition:background .2s,transform .2s}.button:hover{background:#f7cca0;transform:translateY(-2px)}.text-link{font-size:13px;line-height:1.8;display:inline-flex;align-items:center;gap:24px;border-bottom:1px solid #77817d66;padding:5px 0}.text-link:hover{color:var(--accent)}.hero-foot{position:absolute;bottom:30px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;align-items:center;color:var(--muted);letter-spacing:1.4px;font-size:9px}.hero-foot a{display:flex;gap:14px;align-items:center}.scroll-mark{border:1px solid var(--line);padding:12px;font-size:16px}.hero-foot i{color:var(--accent);font-style:normal;padding:0 12px}.coords{color:#747e80}.section{padding:42px var(--pad) 90px;border-top:1px solid var(--line);scroll-margin-top:0}.section-label{display:flex;justify-content:space-between;color:var(--muted);font-size:9px;line-height:1.7;margin-bottom:65px}.development{display:flex;gap:10px;align-items:center}.development .status-dot{background:var(--cyan)}.project-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:7vw;align-items:center}.project-copy{max-width:470px}.project-copy>.eyebrow{margin-bottom:10px}.game-title{font-size:clamp(55px,6.5vw,105px);font-weight:400;letter-spacing:-6px;margin:0 0 28px;display:flex;align-items:center;justify-content:space-between}.game-title span{font-size:45px;color:var(--accent);font-weight:300}.lead{font-size:clamp(21px,2.1vw,29px);line-height:1.4;letter-spacing:-.6px;color:var(--text)}p{color:var(--muted);font-size:14px;line-height:1.85}.tags{display:flex;flex-wrap:wrap;gap:8px;letter-spacing:1px;margin:28px 0 22px;font-size:8px}.tags span{border:1px solid var(--line);padding:8px 10px}.accent{color:var(--accent)}.project-art{height:470px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 58% 60%,#8c4d2133,transparent 52%),linear-gradient(140deg,#11242e,#0a1016 55%);border:1px solid #344449}.art-grid{position:absolute;inset:50% -70% -60%;background-image:linear-gradient(#5d7e7e30 1px,transparent 1px),linear-gradient(90deg,#5d7e7e30 1px,transparent 1px);background-size:45px 45px;transform:perspective(450px) rotateX(62deg)}.portal{position:absolute;width:65%;height:65%;left:20%;top:12%;transform:perspective(700px) rotateY(-24deg) rotateZ(8deg)}.portal i{position:absolute;border:1px solid #78c6db;inset:0;box-shadow:0 0 14px #80d9ef18,inset 0 0 14px #80d9ef18}.portal i:nth-child(2){inset:10%;border-color:#a1d8db}.portal i:nth-child(3){inset:21%;border-color:#edb97d}.portal i:nth-child(4){inset:31%;border-color:#d27f39}.portal i:nth-child(5){inset:40%;border-color:#f4d0a0;background:#f1bb7044;box-shadow:0 0 60px #e68a3766}.portal div{position:absolute;inset:47%;background:#ffe4aa;box-shadow:0 0 25px 12px #ffb95477,0 0 100px 30px #df6b2833}.art-top{position:absolute;top:22px;left:24px;font-size:8px;letter-spacing:1.5px;color:#8ca2aa}.art-bottom{position:absolute;bottom:25px;left:25px;right:25px;display:flex;align-items:end;justify-content:space-between}.art-bottom>span{font-size:30px;line-height:1;letter-spacing:-1px}.art-bottom small{font-size:7px;line-height:1.8;text-align:right;color:#aeb6b3}.project-meta{display:flex;justify-content:space-between;margin-top:50px;border-top:1px solid var(--line);padding-top:25px;color:var(--muted);font-size:11px}.systems{background:#0d1318}.section-intro{display:flex;justify-content:space-between;gap:45px;align-items:end;margin-bottom:50px}h2{font-size:clamp(32px,4.3vw,68px);line-height:1.06;letter-spacing:-2.5px;font-weight:400;margin:0}.muted{color:#7f8c90}.section-intro>p{max-width:335px;margin:0}.system-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:6vw;align-items:start}.system-tab{display:flex;align-items:center;width:100%;border:0;border-bottom:1px solid var(--line);padding:22px 0;background:none;color:var(--muted);font-size:20px;text-align:left;cursor:pointer;gap:20px;transition:color .2s,padding .2s}.system-tab>span{font-size:9px;letter-spacing:1px}.system-tab>b{font-size:24px;font-weight:400;margin-left:auto;opacity:0}.system-tab[aria-pressed=true],.system-tab:hover{color:var(--accent);padding-left:10px}.system-tab[aria-pressed=true]>b{opacity:1}.system-detail{border:1px solid var(--line);background:#0a1015;min-height:465px}.diagram{position:relative;overflow:hidden;padding-top:10px}.diagram svg{width:100%;display:block;transition:filter .3s}.diagram>span{position:absolute;bottom:12px;left:25px;color:var(--cyan);font-size:7px;letter-spacing:1.5px}.system-text{padding:25px 30px 28px;border-top:1px solid var(--line)}.system-text .eyebrow{font-size:8px;margin-bottom:12px}.system-text h3{font-size:22px;font-weight:400;letter-spacing:-.5px;margin:0}.system-text p{font-size:13px;margin:12px 0 14px}.diagram-note{font-size:7px;color:#7d8e95;letter-spacing:1px}.studio{padding-top:42px;padding-bottom:100px}.studio-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:8vw}.studio h2{font-size:clamp(42px,5.6vw,85px)}em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--accent)}.studio-sign{margin-top:45px;font-size:12px;color:var(--muted);display:flex;align-items:center;gap:20px}.studio-sign>span{font-size:45px;color:var(--accent)}.studio-copy>.lead{margin-top:0}.studio-copy>.text-link{font-size:11px;margin-top:15px}.team{background:#0d1318}.people{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.person-mark{height:200px;position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#18272d,#0e171c);border:1px solid var(--line);color:#7b959a;font-size:70px;font-weight:300;letter-spacing:-6px;overflow:hidden}.person-mark:before{content:"";width:170px;height:170px;border:1px solid #71949d25;position:absolute;transform:rotate(45deg);left:55%;top:30%}.people article:nth-child(2) .person-mark{background:linear-gradient(145deg,#242523,#11181c);color:#b0a28a}.people article:nth-child(3) .person-mark{background:linear-gradient(145deg,#1c222c,#10161e);color:#8d99af}.person-mark>span{position:absolute;top:15px;left:16px;font-size:8px;letter-spacing:1px}.people h3{font-size:19px;font-weight:400;margin:22px 0 9px}.people article>p{font-size:8px;margin:0;letter-spacing:1.5px}.contact{background:radial-gradient(ellipse at 90% 100%,#69512d20,transparent 60%);padding-bottom:60px}.contact-row{display:flex;justify-content:space-between;align-items:center}.contact h2{font-size:clamp(64px,10vw,156px);letter-spacing:-5px}.contact .eyebrow{font-size:8px;margin-bottom:23px}.contact-arrow{font-size:100px;color:var(--accent);border:1px solid #76644b;border-radius:50%;width:150px;height:150px;display:grid;place-content:center;transition:background .2s,transform .2s}.contact-arrow:hover{background:#edb97d15;transform:rotate(7deg)}.contact-bottom{margin-top:45px;border-top:1px solid var(--line);padding-top:25px;display:flex;justify-content:space-between;align-items:center;gap:20px}.contact-bottom>a{font-size:20px}.contact-bottom>a span{color:var(--accent);margin-left:20px}.contact-bottom p{font-size:11px}footer{padding:35px var(--pad);border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:25px}footer .brand>span{font-size:20px}footer .brand small{font-size:7px}footer>p{font-size:10px}footer>div{display:flex;gap:25px;font-size:10px}footer>div a:hover{color:var(--accent)}.legal{max-width:950px;min-height:65vh;margin:0 auto;padding:80px 30px}.legal h1{font-size:55px;letter-spacing:-2px}.legal h2{font-size:25px;letter-spacing:-.5px;margin-top:40px}.legal a{text-decoration:underline}.legal .notice{padding:20px;border:1px solid #8a6d46;color:var(--accent)}
@media(min-width:1700px){.header,.hero,.section,footer{padding-left:max(var(--pad),calc((100vw - 1500px)/2));padding-right:max(var(--pad),calc((100vw - 1500px)/2))}}
@media(max-width:1000px){.header nav{gap:20px}.nav-contact{margin-left:0}.hero{min-height:650px}.hero-art{right:-18%;width:95%;opacity:.7}.hero-foot>span:nth-child(2){display:none}.section-intro>p{max-width:270px}.project-grid{gap:35px}.project-art{height:420px}.section-label{margin-bottom:45px}.system-grid{gap:30px}.system-tab{font-size:17px}.studio-grid{gap:45px}.studio-copy .text-link{gap:10px}}
@media(max-width:700px){html{scroll-padding-top:20px}.header{height:82px}.brand>span{font-size:21px}.brand small{font-size:7px}.brand img{width:36px}.menu{display:flex;gap:16px;align-items:center;background:none;border:1px solid var(--line);color:var(--text);padding:10px 12px;font-size:12px}.header nav{display:none;position:absolute;top:81px;left:0;right:0;background:#0e161c;padding:22px var(--pad);border-bottom:1px solid var(--line);align-items:stretch;gap:0}.header nav.open{display:flex;flex-direction:column}.header nav>a{padding:15px 0}.header nav .nav-contact{padding:15px;margin-top:12px}.hero{height:auto;min-height:790px;align-items:start;padding-top:70px;padding-bottom:100px}.hero-copy{position:relative;z-index:1}.hero-art{width:460px;height:460px;right:-145px;top:245px;opacity:.8;mask-image:linear-gradient(to bottom,black 50%,transparent)}.hero-art img{object-fit:contain}.hero-art:after{inset:68% 0 0}.hero h1{font-size:clamp(56px,13.7vw,94px);margin-bottom:25px}.hero .eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:30px}.hero-desc{font-size:15px}.actions{align-items:start;flex-direction:column;gap:15px;margin-top:25px}.button{padding:16px 20px;font-size:12px}.text-link{font-size:12px}.hero-foot{font-size:7px;bottom:25px}.coords{font-size:7px;letter-spacing:1px}.section{padding-top:28px;padding-bottom:55px}.section-label{font-size:7px;letter-spacing:1.2px;gap:20px;margin-bottom:38px}.section-label>span:nth-child(2){text-align:right}.project-grid,.system-grid,.studio-grid{grid-template-columns:1fr;gap:35px}.game-title{font-size:76px;max-width:430px}.project-copy{max-width:none}.project-art{height:370px}.project-meta{gap:20px;font-size:9px;line-height:1.7;margin-top:30px}.project-meta>span:nth-child(2){display:none}.section-intro{display:block;margin-bottom:30px}.section-intro>p{margin-top:25px;max-width:100%}h2{font-size:clamp(31px,7.5vw,50px);letter-spacing:-1.4px}.system-tab{font-size:19px;padding:18px 0}.system-detail{min-height:0}.system-text{padding:24px}.system-text h3{font-size:21px}.studio h2{font-size:clamp(42px,10.5vw,64px)}.studio-sign{margin-top:25px}.studio-copy .lead{font-size:24px}.people{gap:18px;grid-template-columns:1fr}.people article{display:grid;grid-template-columns:85px 1fr;column-gap:20px;align-items:center}.person-mark{height:85px;font-size:34px;letter-spacing:-2px;grid-row:span 2}.person-mark>span{font-size:6px;top:9px;left:9px}.people h3{margin:10px 0 0;font-size:20px;align-self:end}.people article>p{margin-bottom:12px;align-self:start;margin-top:8px;font-size:7px}.contact .eyebrow{font-size:6px;letter-spacing:1.1px}.contact h2{font-size:clamp(55px,13vw,90px);letter-spacing:-3px}.contact-arrow{font-size:48px;width:72px;height:72px;flex-shrink:0}.contact-row{gap:15px}.contact-bottom{align-items:start;flex-direction:column;gap:4px;margin-top:30px}.contact-bottom>a{font-size:18px}.contact-bottom p{font-size:10px}footer{flex-wrap:wrap;padding-top:30px;padding-bottom:30px}footer>p{font-size:8px}footer>div{width:100%;border-top:1px solid var(--line);padding-top:20px;justify-content:space-between}.legal{padding:55px 25px}.legal h1{font-size:39px}}
@media(max-width:700px){.hero-art{width:340px;height:340px;right:-12px;top:305px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}