:root{--bg:#151b2e;--panel:#1c263a;--cream:#f3f0d8;--mint:#9be0b7;--muted:#a3adbd;--line:#39465b;--pixel:'Press Start 2P',monospace;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--cream);font-family:var(--mono);font-size:14px;line-height:1.75}a{color:inherit}a:focus-visible{outline:3px solid #f1d789;outline-offset:5px}.topbar,main,footer{max-width:1200px;margin:auto}.topbar{height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 42px;border-bottom:1px solid #364054}.brand{text-decoration:none;font:16px var(--pixel);letter-spacing:-1px}.brand-icon{color:#9be0b7;font:26px var(--mono);vertical-align:middle;margin-right:7px}.brand-dot{color:#9be0b7}nav{display:flex;align-items:center;gap:38px}nav a{color:#abb5c1;text-decoration:none;font-size:12px}nav a:hover{color:var(--mint)}nav a span{font-size:9px;color:var(--mint);margin-left:3px}.nav-link{border:1px solid #506078;padding:9px 14px;color:var(--cream)}.hero{padding:110px 42px 120px;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.eyebrow,.section-number,.section-count,.project-meta,.hero-note,.scene-top,.scene-caption,.art-label,footer,.end-note a{font-family:var(--pixel);font-size:8px;letter-spacing:.02em;line-height:1.8}.eyebrow{color:#b1d7bb;display:flex;align-items:center;gap:10px}.status-pixel{width:8px;height:8px;background:#a1e2b6;box-shadow:0 0 0 4px #a1e2b61a}h1,h2,h3{font-family:var(--pixel);font-weight:400;line-height:1.4;margin:0}h1{font-size:clamp(30px,4.5vw,52px);letter-spacing:-3px;margin:30px 0 22px}h1 span:not(.cursor),h2 span{color:var(--mint)}.cursor{color:#f4d99b}.hero-copy>p{font-size:15px;color:#bac3cd;max-width:425px;margin:0 0 34px;line-height:1.9}.pixel-button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:16px 18px;text-decoration:none;font:9px var(--pixel);line-height:1.5;transition:transform .15s,box-shadow .15s}.pixel-button:hover{transform:translate(-2px,-2px)}.primary{background:#a5e2bc;color:#172735;box-shadow:5px 5px 0 #52836b}.primary:hover{box-shadow:7px 7px 0 #52836b}.hero-note{color:#76869b;margin-top:66px;display:flex;align-items:center;gap:10px;font-size:7px}.hero-note>span{font-size:15px;color:#e8c98c}.hero-note i{width:3px;height:3px;background:#748397}.scene{background:#111827;border:2px solid #52617a;padding:7px;box-shadow:9px 9px 0 #0f1422}.scene-top{height:32px;background:#29354a;color:#9daec0;padding:9px 11px;display:flex;justify-content:space-between;font-size:7px}.scene-top span:last-child{letter-spacing:3px;color:#7b8da6}.scene-sky{height:310px;background:#25354a;position:relative;overflow:hidden;image-rendering:pixelated}.star{position:absolute;color:#e9dfb0;font-size:18px}.s1{top:36px;left:13%}.s2{top:83px;left:44%}.s3{top:40px;right:13%;font-size:11px}.s4{top:128px;right:28%;font-size:30px}.moon{position:absolute;top:50px;right:24%;width:40px;height:40px;background:#eee7c5;box-shadow:8px 0 #eee7c5,-8px 0 #eee7c5,0 8px #eee7c5,0 -8px #eee7c5}.mountain{position:absolute;bottom:48px;background:#304f53;clip-path:polygon(0 100%,0 72%,14% 72%,14% 53%,29% 53%,29% 35%,43% 35%,43% 18%,57% 18%,57% 35%,72% 35%,72% 54%,86% 54%,86% 72%,100% 72%,100% 100%);width:65%;height:150px}.m1{left:-8%}.m2{right:-12%;height:124px;background:#3b655d}.cloud{position:absolute;width:48px;height:9px;background:#6f8c90;opacity:.5;box-shadow:9px -8px #6f8c90,22px -8px #6f8c90}.c1{top:68px;left:18%}.c2{top:120px;right:9%;transform:scale(.7)}.ground{position:absolute;bottom:43px;width:100%;height:16px;background:#88b88f;border-bottom:6px solid #507666;box-shadow:0 24px 0 8px #344f4d}.tree{position:absolute;bottom:57px;width:38px;height:61px;background:#507e6e;clip-path:polygon(25% 0,75% 0,75% 14%,100% 14%,100% 75%,62% 75%,62% 100%,38% 100%,38% 75%,0 75%,0 14%,25% 14%)}.t1{left:14%}.t2{right:14%;transform:scale(.7);transform-origin:bottom}.explorer{position:absolute;bottom:59px;left:49%;height:43px;width:24px;background:#d9c99f;box-shadow:0 -10px 0 -3px #f2dfb6}.explorer:before{content:'';position:absolute;top:12px;left:-4px;width:32px;height:19px;background:#e6987d}.explorer:after{content:'';position:absolute;bottom:-6px;left:0;width:9px;height:8px;background:#172e37;box-shadow:15px 0 #172e37}.explorer i{position:absolute;top:-7px;left:2px;width:20px;height:6px;background:#24313b}.explorer b{position:absolute;top:18px;left:8px;width:8px;height:5px;background:#f5d995}.scene-caption{position:absolute;bottom:0;left:0;right:0;padding:12px;color:#a9b5aa;background:#192b2d;display:flex;justify-content:space-between;font-size:6px}.projects{padding:0 42px 110px}.section-heading{border-top:1px solid var(--line);padding-top:60px;display:flex;justify-content:space-between;align-items:end;margin-bottom:34px}.section-number{color:#95d8af}h2{font-size:clamp(19px,2.5vw,27px);letter-spacing:-1px;margin-top:18px}.section-count{color:#8190a2;font-size:7px}.section-count span{color:#f0cf91;margin-left:14px;font-size:13px}.project-card{display:grid;grid-template-columns:1fr 1fr;border:1px solid #536076;background:#1b2639;box-shadow:8px 8px 0 #0f1422}.project-art{margin:12px;background:#243748;min-height:300px;display:flex;flex-direction:column;padding:18px}.map-grid{position:relative;flex:1;overflow:hidden;background-color:#283b49;background-image:linear-gradient(#8eaaa616 1px,transparent 1px),linear-gradient(90deg,#8eaaa616 1px,transparent 1px);background-size:22px 22px;border:1px solid #78959455}.map-grid:before,.map-grid:after{content:'';position:absolute;border:8px solid #698b7f55;width:28%;height:38%;top:19%;left:14%}.map-grid:after{left:auto;right:13%;top:38%;height:30%;width:22%;border-color:#d2c79744}.map-path{position:absolute;border-top:2px dashed #bce3ba;transform-origin:left}.path-one{width:40%;top:55%;left:29%;transform:rotate(-18deg)}.path-two{width:19%;top:44%;left:63%;transform:rotate(29deg)}.map-node{position:absolute;font:10px var(--pixel);color:#dceabe;border:1px solid #bddab6;padding:7px}.node-one{left:13%;bottom:17%}.node-two{right:12%;top:13%}.map-player{width:10px;height:10px;background:#a2e9b7;position:absolute;box-shadow:0 0 0 4px #a2e9b72a}.p-one{left:40%;top:49%}.p-two{right:29%;top:38%;background:#efbd89}.map-cross{position:absolute;left:51%;top:22%;font-size:22px;color:#a9bfc2}.art-label{color:#a8baba;margin-top:12px;display:flex;justify-content:space-between;font-size:7px}.art-label b{color:#a1dfb1;font-weight:400}.project-info{padding:40px 43px;display:flex;flex-direction:column;align-items:start;justify-content:center}.project-meta{display:flex;align-items:center;gap:15px;color:#a9b7c5;font-size:7px}.project-tag{color:#b3dfbe;background:#2c4a47;padding:6px 8px}h3{font-size:27px;margin:25px 0 16px}h3 span{color:#93ddae;font-size:14px;margin-left:12px}.project-info p{color:#b2bdca;max-width:390px;font-size:14px;line-height:1.9;margin:0 0 28px}.secondary{border:1px solid #b5e6c0;color:#c1ebc9;box-shadow:4px 4px 0 #365c4d}.secondary:hover{box-shadow:6px 6px 0 #365c4d}.end-note{margin:0 42px 76px;padding:27px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:18px}.end-note>span{font-size:30px;color:#f0cf91}.end-note p{font-size:12px;color:#9daaba;line-height:1.7;margin:0}.end-note strong{color:#e7e9df;font-weight:500}.end-note a{margin-left:auto;text-decoration:none;color:#a7dfb7}footer{border-top:1px solid #364054;padding:28px 42px 36px;display:flex;justify-content:space-between;color:#8391a2;font-size:7px}footer b{color:#9eddb3;margin:0 8px}@media(max-width:750px){.topbar{height:auto;min-height:82px;padding:18px 22px;gap:18px}.brand{font-size:13px}nav{gap:17px}nav a{font-size:11px}.nav-link{display:none}.hero{padding:70px 22px 80px;grid-template-columns:1fr;gap:48px}h1{font-size:36px;margin-top:25px}.hero-note{margin-top:45px;font-size:6px}.scene-sky{height:270px}.projects{padding:0 22px 80px}.section-heading{padding-top:45px;align-items:start}.section-count{display:none}.project-card{grid-template-columns:1fr}.project-art{min-height:225px}.project-info{padding:28px 25px 32px}h3{font-size:23px}.end-note{margin:0 22px 60px}.end-note a{font-size:6px;text-align:right}footer{padding:25px 22px;gap:15px;font-size:6px}footer span:last-child{text-align:right}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pixel-button{transition:none}}