:root{--forest:#073d3f;--forest-deep:#04292d;--lagoon:#12d9e8;--ultramarine:#2535b8;--mint:#73f58a;--mango:#ffb629;--pearl:#f4f0de;--paper:#fbf8ec;--ink:#123238;--muted:#566f6c;--line:rgba(7,61,63,.16);--max:1460px}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper);color-scheme:light}body{margin:0;overflow-x:hidden;background:var(--paper);color:var(--ink);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.65}img{display:block;max-width:100%}a{color:inherit}.skip-link{position:fixed;z-index:100;top:12px;left:12px;padding:10px 14px;background:var(--pearl);color:var(--forest);transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}
.site-header{position:absolute;z-index:20;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;width:min(100% - 64px,var(--max));margin:auto;padding:24px 0;border-bottom:1px solid rgba(244,240,222,.32);color:var(--pearl)}.game-mark,.studio-link,.footer-brand{display:inline-flex;align-items:center;text-decoration:none}.game-mark{gap:10px;font-family:Georgia,"Times New Roman",serif;font-size:20px;font-weight:700;letter-spacing:.04em}.game-mark svg{width:31px;height:31px;fill:rgba(115,245,138,.18);stroke:var(--mint);stroke-width:2}.studio-link{gap:10px;font-size:9px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.studio-link img{filter:brightness(0) invert(1);opacity:.75}
.hero{position:relative;display:grid;align-items:center;min-height:max(800px,100svh);overflow:hidden;isolation:isolate}.hero-media,.hero-media img,.hero-shade{position:absolute;inset:0;width:100%;height:100%}.hero-media{z-index:-3}.hero-media img{object-fit:cover}.hero-shade{z-index:-2;background:linear-gradient(90deg,rgba(4,32,34,.95),rgba(4,32,34,.67) 35%,rgba(4,32,34,.08) 68%),linear-gradient(180deg,rgba(3,29,31,.35),transparent 45%,rgba(3,29,31,.56))}.hero-copy{width:min(100% - 64px,var(--max));margin:auto;padding-top:6vh;color:var(--pearl)}.status,.kicker{margin:0 0 18px;color:var(--mint);font-size:9px;font-weight:850;letter-spacing:.2em;text-transform:uppercase}.status{display:flex;align-items:center;gap:10px}.status span{width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 5px rgba(115,245,138,.15),0 0 22px var(--mint)}h1,h2,h3,p{margin-top:0}h1,h2{text-wrap:balance}h1{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(5rem,9.5vw,10rem);font-weight:400;line-height:.74;letter-spacing:-.07em}.hero-line{margin:26px 0 21px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.5rem,4.5vw,5.1rem);line-height:.92;letter-spacing:-.045em}.hero-line em,h2 em{color:var(--mint);font-weight:400}.hero-intro{max-width:620px;margin-bottom:30px;color:#e2ede0;font-size:clamp(1rem,1.4vw,1.2rem)}.hero-actions{display:flex;gap:11px;flex-wrap:wrap}.button{display:inline-flex;min-height:54px;padding:13px 21px;border:1px solid var(--mint);border-radius:4px;align-items:center;justify-content:center;font-size:9px;font-weight:850;letter-spacing:.14em;text-decoration:none;text-transform:uppercase;transition:transform .2s ease,background .2s ease}.button:hover,.button:focus-visible{transform:translateY(-2px)}.button-primary{background:var(--mint);color:var(--forest-deep)}.button-ghost{background:rgba(4,41,45,.42);color:var(--pearl);backdrop-filter:blur(12px)}.development-note{margin:17px 0 0;color:rgba(244,240,222,.64);font-size:8px;font-weight:750;letter-spacing:.13em;text-transform:uppercase}.scroll-cue{position:absolute;bottom:27px;left:50%;display:flex;align-items:center;gap:12px;color:rgba(244,240,222,.76);font-size:8px;font-weight:800;letter-spacing:.16em;text-decoration:none;text-transform:uppercase;transform:translateX(-50%)}.scroll-cue b{display:grid;width:31px;height:31px;border:1px solid rgba(244,240,222,.5);border-radius:50%;place-items:center}
.signal-strip{display:grid;grid-template-columns:repeat(4,1fr);min-height:102px;padding:0 4vw;background:var(--forest-deep);color:var(--pearl)}.signal-strip p{display:flex;align-items:center;justify-content:center;gap:12px;margin:0;border-right:1px solid rgba(244,240,222,.12);font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.signal-strip p:last-child{border:0}.signal-strip b{color:var(--mint);font:italic 600 20px/1 Georgia,serif}
.section-shell{width:min(100% - 96px,var(--max));margin:auto}.vision{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:clamp(65px,10vw,170px);min-height:770px;padding-block:130px}.vision h2,.district-card h2,.loop h2,.technology h2,.future h2,.development h2,.finale h2{margin:0 0 27px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(3.5rem,5.6vw,6.4rem);font-weight:400;line-height:.9;letter-spacing:-.055em}.vision h2 em,.technology h2 em,.development h2 em{color:#23885e}.vision-copy>p:not(.kicker){max-width:720px;color:var(--muted);font-size:18px}.vision-manifesto{padding:55px 50px;border-radius:80px 8px 80px 8px;background:var(--forest);box-shadow:0 28px 65px rgba(7,61,63,.18);color:var(--pearl)}.vision-manifesto>span{color:var(--mint);font-size:8px;font-weight:850;letter-spacing:.2em}.vision-manifesto blockquote{margin:25px 0 0;font:italic 400 clamp(2rem,3vw,3.5rem)/1.12 Georgia,serif}
.district{position:relative;display:grid;align-items:center;min-height:max(800px,92svh);overflow:hidden;isolation:isolate}.district-media,.district-media img{position:absolute;z-index:-2;inset:0;width:100%;height:100%}.district-media img{object-fit:cover}.district:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(4,41,45,.18),transparent 65%)}.district-card{width:min(610px,calc(100% - 96px));padding:55px 56px;background:rgba(4,41,45,.91);box-shadow:0 28px 80px rgba(3,29,31,.3);color:var(--pearl);backdrop-filter:blur(10px)}.district-card-left{margin-left:max(48px,calc((100vw - var(--max))/2))}.district-card-right{margin-right:max(48px,calc((100vw - var(--max))/2));margin-left:auto}.district-card h2{font-size:clamp(3.3rem,4.8vw,5.6rem)}.district-card>p:not(.kicker){color:#d9e6da;font-size:17px}.district-card ul{display:flex;gap:8px;flex-wrap:wrap;margin:30px 0 0;padding:0;list-style:none}.district-card li{padding:8px 11px;border:1px solid rgba(115,245,138,.34);border-radius:20px;color:var(--mint);font-size:8px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.district-energy .district-card{background:rgba(10,44,75,.91)}.district-energy .kicker{color:#9deff4}
.loop{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(65px,10vw,170px);padding-block:150px}.loop header{position:sticky;top:80px;align-self:start}.loop ol{margin:0;padding:0;list-style:none}.loop li{display:grid;grid-template-columns:52px 1fr;gap:20px;padding:31px 0;border-top:1px solid var(--line)}.loop li:last-child{border-bottom:1px solid var(--line)}.loop li>b{color:#23885e;font:italic 600 17px/1 Georgia,serif}.loop h3{margin-bottom:6px;font:400 29px/1 Georgia,serif}.loop li p{margin:0;color:var(--muted)}
.technology{display:grid;grid-template-columns:minmax(550px,1.2fr) minmax(320px,.8fr);align-items:center;gap:clamp(60px,8vw,125px);padding-block:145px}.technology figure{position:relative;margin:0;padding:13px;background:#e7f4e9;box-shadow:0 26px 65px rgba(7,61,63,.15);transform:rotate(-1deg)}.technology figure:before{content:"";position:absolute;z-index:2;top:-16px;left:43%;width:125px;height:32px;background:rgba(255,182,41,.5);transform:rotate(3deg)}.technology figure img{width:100%;aspect-ratio:16/10;object-fit:cover}.technology figcaption{padding:11px 4px 0;color:var(--muted);font-size:8px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.technology-copy>p:not(.kicker){color:var(--muted);font-size:18px}.system-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:30px}.system-grid span{padding:17px;border:1px solid var(--line);border-radius:50%;color:#23885e;font-size:9px;font-weight:850;letter-spacing:.14em;text-align:center;text-transform:uppercase}
.future{position:relative;min-height:max(900px,100svh);overflow:hidden;isolation:isolate}.future>picture,.future>picture img{position:absolute;z-index:-2;inset:0;width:100%;height:100%}.future>picture img{object-fit:cover}.future:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(4,30,31,.04),rgba(4,30,31,.16) 50%,rgba(4,30,31,.93))}.future-copy{position:absolute;right:5vw;bottom:8vh;left:5vw;max-width:1050px;color:var(--pearl)}.future-copy h2{margin-bottom:18px}.future-copy>p:not(.kicker){max-width:680px;color:#e0ebe1;font-size:18px}.future-copy small{display:block;max-width:780px;margin-top:20px;padding-top:16px;border-top:1px solid rgba(244,240,222,.35);color:#b7c8b9;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.development{padding-block:145px}.development>header{max-width:900px;margin-bottom:65px}.development-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.development-grid article{min-height:285px;padding:34px 29px;border:1px solid var(--line);background:#f1f7e9}.development-grid article:nth-child(even){background:#e4f6f2}.development-grid strong{display:block;margin-bottom:28px;color:#23885e;font:italic 500 clamp(2.2rem,3.3vw,4rem)/1 Georgia,serif}.development-grid h3{margin-bottom:9px;font:500 22px/1.2 Georgia,serif}.development-grid p{margin:0;color:var(--muted);font-size:14px}.scope-note{max-width:870px;margin:36px 0 0;color:var(--muted);font-size:14px}
.finale{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:720px;padding:100px 24px;overflow:hidden;background:var(--forest);color:var(--pearl);text-align:center;isolation:isolate;position:relative}.finale:before,.finale:after{content:"";position:absolute;z-index:-1;border:1px solid rgba(115,245,138,.25);border-radius:50%}.finale:before{width:65vw;height:65vw}.finale:after{width:45vw;height:45vw}.finale h2{max-width:1050px;font-size:clamp(4rem,7vw,8rem)}.finale h2 em{color:var(--mint)}.finale>p:not(.kicker){max-width:650px;margin-bottom:29px;color:#d3e1d5;font-size:18px}
footer{display:flex;align-items:center;justify-content:space-between;gap:25px;width:min(100% - 64px,var(--max));min-height:185px;margin:auto;color:var(--muted)}.footer-brand{gap:13px;color:var(--ink)}.footer-brand span{display:flex;flex-direction:column;font-family:Georgia,serif;font-size:16px}.footer-brand small{font-family:ui-sans-serif,sans-serif;font-size:8px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}footer>p{margin:0;font-size:9px;line-height:1.7;text-align:right;text-transform:uppercase}:focus-visible{outline:3px solid var(--mango);outline-offset:5px}
@media(max-width:980px){.vision,.loop,.technology{grid-template-columns:1fr}.loop header{position:static}.technology figure{order:-1}.development-grid{grid-template-columns:1fr 1fr}}
@media(max-width:767px){.site-header{width:calc(100% - 32px);padding:16px 0}.game-mark{font-size:16px}.game-mark svg{width:27px;height:27px}.studio-link span{display:none}.hero{min-height:max(850px,100svh);align-items:start}.hero-media img{object-position:center}.hero-shade{background:linear-gradient(180deg,rgba(4,32,34,.9),rgba(4,32,34,.56) 42%,rgba(4,32,34,.05) 71%,rgba(4,32,34,.48))}.hero-copy{width:calc(100% - 34px);margin:0 auto;padding-top:105px;text-align:center}.status{justify-content:center}.hero-copy h1{font-size:clamp(5rem,25vw,7rem)}.hero-line{font-size:clamp(2.4rem,11.5vw,3.4rem)}.hero-intro{max-width:355px;margin-inline:auto;font-size:14px}.hero-actions{justify-content:center}.button{min-height:50px;padding-inline:15px;font-size:8px}.development-note{font-size:7px}.scroll-cue{bottom:15px}.signal-strip{grid-template-columns:1fr 1fr;min-height:auto;padding:9px}.signal-strip p{min-height:67px;padding:8px;font-size:7px}.signal-strip p:nth-child(2){border-right:0}.signal-strip p:nth-child(-n+2){border-bottom:1px solid rgba(244,240,222,.12)}.section-shell{width:calc(100% - 32px)}.vision{gap:40px;min-height:auto;padding-block:90px}.vision h2,.district-card h2,.loop h2,.technology h2,.future h2,.development h2,.finale h2{font-size:clamp(3rem,13vw,4.5rem)}.vision-copy>p:not(.kicker),.technology-copy>p:not(.kicker){font-size:16px}.vision-manifesto{padding:42px 30px;border-radius:55px 6px}.district{min-height:960px;align-items:start}.district-media img{object-position:center}.district:after{background:linear-gradient(180deg,rgba(4,41,45,.34),transparent 42%,rgba(4,41,45,.1))}.district-card,.district-card-left,.district-card-right{width:calc(100% - 32px);margin:24px auto 0;padding:34px 28px;background:rgba(4,41,45,.91)}.district-card>p:not(.kicker){font-size:15px}.loop{gap:30px;padding-block:95px}.loop li{padding:26px 0}.technology{gap:58px;padding-block:90px}.technology figure{padding:8px;transform:rotate(-.4deg)}.technology figure img{aspect-ratio:4/5}.technology figure:before{width:85px;height:25px}.future{min-height:960px}.future>picture img{object-position:center}.future:after{background:linear-gradient(180deg,rgba(4,30,31,.06),transparent 48%,rgba(4,30,31,.94))}.future-copy{right:20px;bottom:35px;left:20px}.future-copy>p:not(.kicker){font-size:15px}.development{padding-block:95px}.development-grid{grid-template-columns:1fr}.development-grid article{min-height:auto}.finale{min-height:680px}.finale>p:not(.kicker){font-size:16px}footer{width:calc(100% - 32px);padding:42px 0;align-items:flex-start;flex-direction:column}footer>p{text-align:left}}
@media(max-width:390px){.hero-actions{gap:7px}.button{padding-inline:12px}.hero-copy h1{font-size:5.1rem}.hero-line{font-size:2.55rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important}}
.error-page{display:grid;align-content:center;justify-items:start;min-height:100svh;width:min(100% - 40px,850px);margin:auto}.error-page h1{margin:0 0 25px;font-size:clamp(4rem,10vw,8rem)}.error-page p{font-size:18px}.error-page a{margin-top:15px}