@font-face{font-family:Barlow;src:url('/assets/fonts/barlow-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Barlow;src:url('/assets/fonts/barlow-600.woff2') format('woff2');font-weight:600;font-display:swap}
:root{color-scheme:dark;--ink:#f2efdf;--soft:#c8c9bc;--quiet:#a6ae9f;--dark:#121713;--line:#ffffff25;--signal:#dce887;font-family:Barlow,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--dark);color:var(--ink);font-size:17px;line-height:1.65}body.modal-open{overflow:hidden}p,h1,h2,h3,figure{margin:0}button,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit}button,summary{cursor:pointer}a{color:inherit;text-underline-offset:5px}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible,video:focus-visible{outline:2px solid var(--signal);outline-offset:6px}::selection{background:var(--signal);color:var(--dark)}h2{font-size:clamp(36px,3.6vw,57px);line-height:1.07;font-weight:600;letter-spacing:-1.6px}h3{font-size:28px;font-weight:600;line-height:1.15;letter-spacing:-.5px}img{display:block;max-width:100%}[hidden]{display:none!important}.skip{position:fixed;top:8px;left:8px;background:var(--ink);color:var(--dark);padding:10px;z-index:100;transform:translateY(-150%)}.skip:focus{transform:none}
.navigation{position:absolute;z-index:10;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:28px 4.5vw;border-bottom:1px solid var(--line);background:linear-gradient(#0c100cd9,#0c100c00)}.home{width:128px}.home img{width:100%;height:auto}.navigation nav{display:flex;gap:36px;align-items:center}.navigation nav a,.nav-contact{font-size:14px;text-decoration:none}.navigation nav a{position:relative}.navigation nav a:after{content:'';position:absolute;bottom:-7px;left:0;width:0;height:1px;background:var(--signal);transition:width .2s}.navigation nav a:hover:after{width:100%}.nav-contact span{padding-left:24px;color:var(--signal)}.menu-toggle{display:none}.hero{position:relative;isolation:isolate;min-height:820px;height:100svh;max-height:1180px;display:flex;align-items:center;overflow:hidden}.hero-scene{position:absolute;z-index:-3;width:100%;height:100%;object-fit:cover;object-position:58% 50%}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#09100df0 0%,#09100dba 27%,#09100d38 67%,#09100d10),linear-gradient(0deg,#0b120ce6 0%,transparent 28%,transparent 70%,#07100950)}.hero-content{width:min(620px,49vw);margin-left:8vw;padding:135px 0 145px}.game-state{font-size:12px;letter-spacing:1.2px;margin-bottom:26px;color:var(--soft)}h1{margin-bottom:30px}h1 img{width:100%;height:auto}.hero-description{font-size:21px;line-height:1.5;max-width:420px;color:#e1e4d9}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:37px;flex-wrap:wrap}.action{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;padding:14px 22px;background:var(--signal);color:#172117;font-weight:600;font-size:15px;text-decoration:none;transition:background .2s,transform .2s}.action:hover{background:#f0f7bf;transform:translateY(-2px)}.action span{font-size:23px;font-weight:400;line-height:1}.watch-film{background:none;border:0;color:var(--ink);font-size:13px;padding:0;display:flex;align-items:center;gap:12px}.play-symbol{display:grid;place-items:center;width:38px;height:38px;border:1px solid #e7ebde75;border-radius:50%;font-size:10px;padding-left:2px;transition:background .2s}.watch-film:hover .play-symbol{background:#f0f5dc25}.hero-bottom{position:absolute;bottom:0;left:4.5vw;right:4.5vw;display:flex;justify-content:space-between;gap:25px;align-items:center;padding:23px 0;border-top:1px solid var(--line);font-size:11px;color:var(--soft)}.hero-bottom a{font-size:13px;text-decoration:none;color:var(--ink)}.hero-bottom a span{margin-left:15px}.hero-bottom>span:last-child{text-align:right}
.section-kicker{font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:var(--quiet);margin-bottom:23px}.world{display:grid;grid-template-columns:1fr 1.25fr;gap:8vw;align-items:center;padding:118px 4.5vw 118px 8vw;overflow:hidden}.world-copy{max-width:520px}.world-copy h2{margin-bottom:29px}.world-copy>p:not(.section-kicker){color:var(--soft);font-size:16px;line-height:1.8;margin-bottom:19px}.world-copy .large-copy{font-size:23px!important;color:var(--ink)!important;line-height:1.5!important}.inline-link{display:inline-flex;gap:30px;align-items:center;margin-top:14px;font-size:14px;text-decoration:none;padding-bottom:7px;border-bottom:1px solid var(--signal)}.world-photo{margin-top:44px;position:relative}.world-photo:before{content:'';position:absolute;top:-28px;left:-28px;right:28px;bottom:56px;border:1px solid #b8c3a425;z-index:-1}.world-photo img{width:100%;height:590px;object-fit:cover;object-position:57% 50%}.world-photo figcaption{display:flex;justify-content:space-between;gap:20px;padding-top:16px;font-size:11px;color:var(--quiet)}.world-photo figcaption span:first-child{color:var(--ink)}
.gameplay{padding-top:35px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin:0 8vw 45px}.section-heading>p{font-size:14px;color:var(--quiet);max-width:220px}.section-heading .section-kicker{margin-bottom:17px}.system-tabs{display:flex;gap:0;margin:0 8vw;width:84vw;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.system-tabs button{padding:20px 32px;border:0;border-right:1px solid var(--line);background:transparent;color:var(--quiet);font-size:16px;flex:1;text-align:left;position:relative;transition:color .2s,background .2s}.system-tabs button:first-child{border-left:1px solid var(--line)}.system-tabs button[aria-selected=true]{color:var(--dark);background:var(--signal)}.system-tabs button[aria-selected=true]:after{content:'↘';position:absolute;right:22px}.system-tabs button:hover:not([aria-selected=true]){background:#dce88710;color:var(--ink)}.system-scenes{margin-top:33px}.system-scene{position:relative;isolation:isolate;min-height:720px;display:flex;align-items:center;overflow:hidden}.system-scene>img{position:absolute;z-index:-3;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 50%}.system-scene:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#07110eef 0%,#08120eda 31%,#09150c55 69%,#09150c12),linear-gradient(0deg,#101911bb,transparent 55%)}.scene-copy{width:min(570px,43vw);margin:58px 0 58px 8vw}.scene-category{display:block;color:var(--signal);font-size:12px;letter-spacing:1.4px;margin-bottom:19px}.scene-copy h3{font-size:clamp(36px,3.6vw,55px);line-height:1.06;letter-spacing:-1.5px;margin-bottom:25px}.scene-copy>p{color:#d6dcce;font-size:17px;line-height:1.75;margin-bottom:18px}.scene-copy details{border-top:1px solid #f2efdf40;margin-top:30px;padding-top:18px;max-width:510px}.scene-copy summary{list-style:none;display:flex;justify-content:space-between;gap:20px;font-size:15px;color:var(--ink)}summary::-webkit-details-marker{display:none}.scene-copy details p{font-size:15px;color:var(--soft);line-height:1.7;margin-top:14px}.js .system-scene:not([hidden]){animation:scene-reveal .45s ease-out both}@keyframes scene-reveal{from{opacity:.35}to{opacity:1}}
.development{display:grid;grid-template-columns:1fr 1.16fr;gap:9vw;padding:120px 8vw;background:#e5e5d7;color:#202a22;align-items:start}.development-visual{max-width:430px;margin:auto;width:100%;position:relative}.development-visual:before{content:'';position:absolute;left:-25px;top:32px;right:25px;bottom:59px;border:1px solid #48533d40}.film-frame{position:relative;background:#0b0d11;padding:18px;box-shadow:0 25px 50px #07150622}.film-frame video{display:block;width:100%;height:auto;max-height:610px;aspect-ratio:9/16;object-fit:contain}.development-visual>p{display:flex;justify-content:space-between;font-size:11px;color:#3c493c;margin-top:17px;gap:16px}.development-visual>p span{color:#646f60}.development-copy .section-kicker{color:#647057;margin-bottom:22px}.development-copy h2{font-size:clamp(42px,4vw,63px);margin-bottom:27px}.development-copy>.large-copy{font-size:23px;line-height:1.45;color:#455041;margin-bottom:31px}.dev-notes details{border-top:1px solid #33442d3b;padding:18px 0}.dev-notes details:last-child{border-bottom:1px solid #33442d3b}.dev-notes summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;font-size:18px;font-weight:600}.dev-notes summary span{font-weight:400;color:#61734c}.dev-notes details p{font-size:16px;line-height:1.75;color:#46523f;margin-top:15px;padding-right:24px}.work-note{color:#646f5f;font-size:12px;margin-top:24px}
.future{display:grid;grid-template-columns:1fr 1.15fr;gap:9vw;padding:100px 8vw 110px;background:#252f26}.future-heading{position:sticky;top:50px;align-self:start;max-width:370px}.future-heading h2{margin-bottom:22px}.future-heading>p:last-child{color:var(--soft);font-size:18px}.future-list article{border-top:1px solid var(--line);padding:25px 0 33px}.future-list article:last-child{padding-bottom:0}.future-stage{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--signal)}.future-list h3{font-size:29px;margin:12px 0 17px}.future-list p{color:var(--soft);font-size:16px;line-height:1.75}footer{display:flex;align-items:center;justify-content:space-between;gap:45px;padding:47px 8vw;background:#0f1510}.footer-brand{width:142px;flex-shrink:0}.footer-brand img{height:auto}footer div{margin-right:auto}footer p{font-size:12px;color:var(--quiet);margin-bottom:5px}footer div>a{font-size:17px;text-decoration:none}footer div>a:hover{text-decoration:underline}footer>span{font-size:11px;color:var(--quiet)}.film-dialog{padding:42px 20px 20px;border:1px solid #ffffff35;background:#101410;color:var(--ink);max-width:calc(100vw - 28px);max-height:95svh;overflow:auto}.film-dialog::backdrop{background:#030704eb;backdrop-filter:blur(10px)}.film-dialog video{display:block;width:auto;max-width:100%;height:78svh;aspect-ratio:9/16}.close-film{position:absolute;top:9px;right:15px;border:0;background:transparent;color:var(--ink);font-size:13px}.close-film span{padding-left:14px;font-size:20px}.menu-toggle{color:var(--ink);background:transparent;border:0}
@media(min-width:1800px){.hero-content{width:650px}.world,.development,.future{padding-left:max(8vw,calc((100vw - 1550px)/2));padding-right:max(8vw,calc((100vw - 1550px)/2))}.world-photo img{height:660px}}
@media(max-width:1120px){.navigation{gap:20px;padding:25px 4vw}.home{width:112px}.navigation nav{gap:23px}.nav-contact{display:none}.hero{min-height:720px}.hero-content{width:55vw;margin-left:6vw}.hero-actions{gap:22px}.hero-description{font-size:20px}.hero-bottom{font-size:10px}.hero-bottom>span:last-child{max-width:170px}.world{gap:6vw;padding:85px 5vw}.world-photo img{height:550px}.world-copy h2{font-size:43px}.world-copy .large-copy{font-size:21px!important}.section-heading{margin-left:5vw;margin-right:5vw}.system-tabs{margin-left:5vw;margin-right:5vw;width:90vw}.system-tabs button{padding:18px 24px}.scene-copy{width:48vw;margin-left:6vw}.scene-copy h3{font-size:45px}.system-scene{min-height:710px}.development{padding:85px 6vw;gap:7vw}.development-copy h2{font-size:47px}.development-copy>.large-copy{font-size:21px}.film-frame{padding:12px}.future{padding:85px 6vw;gap:7vw}footer{padding:37px 6vw;gap:30px}}
@media(max-width:760px){html{scroll-padding-top:25px}.navigation{padding:23px 22px}.home{width:110px}.menu-toggle{display:flex;align-items:center;gap:18px;font-size:14px;padding:9px 0}.navigation nav{display:none;position:absolute;left:0;right:0;top:100%;background:#101910f5;padding:20px 25px 30px;flex-direction:column;align-items:flex-start;gap:20px;border-bottom:1px solid var(--line)}.navigation nav.is-open{display:flex}.navigation nav a{font-size:20px}.hero{height:90svh;min-height:720px;max-height:900px}.hero-content{width:76vw;margin-left:7vw;padding:125px 0 150px}.hero-scene{object-position:65% 50%}.hero-shade{background:linear-gradient(90deg,#07100bcc,#07100b66 65%,#07100b22),linear-gradient(0deg,#09110de8,transparent 50%,#08120b55)}.game-state{font-size:11px;letter-spacing:.5px;margin-bottom:23px}.hero-description{font-size:21px}.hero-actions{gap:22px;margin-top:28px;align-items:flex-start;flex-direction:column}.hero-bottom{left:22px;right:22px;padding:19px 0}.hero-bottom>span:last-child{display:none}.hero-bottom a{font-size:12px}.world{display:flex;flex-direction:column;padding:65px 7vw 55px;gap:25px;align-items:stretch}.world-copy{max-width:600px}.world-copy h2{font-size:44px}.world-photo{margin-top:20px;margin-left:17px}.world-photo:before{left:-17px;top:-17px;right:17px;bottom:52px}.world-photo img{height:420px;object-position:60% 50%}.world-photo figcaption{font-size:10px}.section-heading{margin:0 7vw 27px;display:block}.section-heading h2{font-size:39px}.section-heading>p{margin-top:17px;max-width:none}.section-kicker{font-size:10px;margin-bottom:19px}.gameplay{padding-top:20px}.system-tabs{margin:0 7vw;width:86vw}.system-tabs button{font-size:13px;padding:15px 7px;text-align:center}.system-tabs button[aria-selected=true]:after{display:none}.system-scenes{margin-top:23px}.system-scene{min-height:780px;align-items:flex-end}.system-scene>img{object-position:68% 0;height:480px}.system-scene:before{background:linear-gradient(0deg,#0d1912 0%,#0d1912f5 36%,#0d1912d1 60%,#0d191220 92%)}.scene-copy{width:auto;margin:250px 7vw 42px;max-width:none}.scene-copy h3{font-size:43px;max-width:420px}.scene-copy>p{font-size:16px}.scene-copy details{margin-top:23px}.development{padding:64px 7vw;display:flex;flex-direction:column-reverse;gap:40px}.development-copy h2{font-size:46px}.development-copy>.large-copy{font-size:22px}.development-visual{max-width:330px;padding-left:12px}.development-visual:before{left:-8px}.dev-notes summary{font-size:18px}.dev-notes details p{padding-right:0}.future{display:block;padding:65px 7vw}.future-heading{position:static;max-width:500px;margin-bottom:32px}.future-heading h2{font-size:44px}.future-list h3{font-size:28px}footer{padding:38px 7vw;display:grid;grid-template-columns:1fr;gap:25px}.footer-brand{width:125px}footer>span{font-size:11px}.film-dialog{padding:42px 10px 10px}.film-dialog video{height:75svh}}
@media(max-width:380px){.hero-content{width:86vw}.hero-description{font-size:19px}.hero{min-height:700px}.scene-copy h3,.world-copy h2{font-size:38px}.system-tabs button{font-size:12px}.development-copy h2{font-size:42px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}