:root{--bg:#111514;--surface:#1a201d;--surface2:#202824;--text:#f3f7f1;--muted:#9ea9a1;--line:rgba(255,255,255,.1);--accent:#c9ff4a;--shadow:0 30px 100px rgba(0,0,0,.28)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 15%,rgba(201,255,74,.08),transparent 27%),radial-gradient(circle at 15% 70%,rgba(80,130,255,.04),transparent 25%),var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}.project-page{max-width:1240px;margin:auto;padding:0 5vw}a{color:inherit;text-decoration:none}header{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.back{font:11px 'DM Mono';color:var(--muted);transition:.25s}.back:hover{color:var(--accent);transform:translateX(-3px)}.brand{text-align:right}.brand strong{font:800 22px 'Space Grotesk'}.brand strong span{color:var(--accent)}.brand small{display:block;font:8px 'DM Mono';letter-spacing:1.5px;color:#687269;margin-top:3px}.project-hero{min-height:670px;display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center;padding:90px 0 80px;position:relative;overflow:hidden}.project-hero:before{content:"";position:absolute;width:520px;height:520px;right:-120px;top:70px;border-radius:50%;background:radial-gradient(circle,rgba(201,255,74,.12),transparent 68%);filter:blur(8px)}.hero-copy{position:relative;z-index:2}.tag{font:10px 'DM Mono';letter-spacing:2px;color:var(--accent)}h1{font:700 clamp(62px,10vw,135px)/.88 'Space Grotesk';letter-spacing:-7px;margin:24px 0}h1 span{display:block;color:var(--accent)}.intro{max-width:730px;color:var(--muted);font-size:18px;line-height:1.75}.meta{display:flex;gap:9px;flex-wrap:wrap;margin-top:32px}.meta span{padding:9px 13px;border:1px solid var(--line);border-radius:100px;font:9px 'DM Mono';color:#a9b2aa}.project-art{position:relative;min-height:390px;display:grid;place-items:center}.cube{position:absolute;width:230px;height:230px;border:1px solid rgba(201,255,74,.24);transform:rotate(30deg) skewY(-10deg);background:linear-gradient(135deg,rgba(201,255,74,.14),rgba(255,255,255,.015));box-shadow:0 0 90px rgba(201,255,74,.08);animation:spinCube 12s linear infinite}.cube:nth-child(2){width:150px;height:150px;animation-direction:reverse;opacity:.55}.cube:nth-child(3){width:320px;height:320px;opacity:.2}.art-label{position:absolute;bottom:10px;font:9px 'DM Mono';letter-spacing:2px;color:#667167}.project-body{border-top:1px solid var(--line);padding:90px 0}.overview{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-bottom:80px}.overview h2,.section-title{font:600 45px 'Space Grotesk';letter-spacing:-2.5px;margin:0 0 18px}.overview p{color:var(--muted);font-size:16px;line-height:1.9}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.feature{padding:27px;min-height:155px;background:linear-gradient(145deg,var(--surface),#151a17);border:1px solid var(--line);border-radius:18px;transition:.35s}.feature:hover{transform:translateY(-5px);border-color:rgba(201,255,74,.35);box-shadow:var(--shadow)}.feature .number{font:9px 'DM Mono';color:#687268;letter-spacing:1px}.feature h3{font:600 22px 'Space Grotesk';margin:18px 0 7px}.feature p{font-size:12px;color:var(--muted);line-height:1.7}.stack{display:flex;flex-wrap:wrap;gap:9px;margin-top:35px}.stack span{padding:10px 13px;background:var(--surface);border:1px solid var(--line);border-radius:100px;font:9px 'DM Mono';color:#a8b0aa}.timeline{margin-top:85px;border-top:1px solid var(--line);padding-top:65px}.timeline-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}.timeline-card{padding:25px;border-left:2px solid var(--accent);background:var(--surface)}.timeline-card strong{display:block;font:10px 'DM Mono';color:var(--accent)}.timeline-card h3{font:600 21px 'Space Grotesk';margin:9px 0}.timeline-card p{font-size:12px;color:var(--muted)}.cta{margin:85px 0 20px;padding:34px;border:1px solid rgba(201,255,74,.18);border-radius:22px;background:linear-gradient(120deg,rgba(201,255,74,.06),rgba(255,255,255,.015));display:flex;justify-content:space-between;gap:25px;align-items:center}.cta strong{font:600 24px 'Space Grotesk'}.cta p{margin:5px 0 0;color:var(--muted);font-size:12px}.back-button{padding:12px 17px;background:var(--text);color:#111;border-radius:100px;font-size:11px;font-weight:800;white-space:nowrap}footer{border-top:1px solid var(--line);padding:30px 0;color:#666;font:10px 'DM Mono';display:flex;justify-content:space-between}
.theme-sky{--accent:#9bb8ff}.theme-bridge{--accent:#ffad62}.theme-mod{--accent:#ff7070}.theme-pyf{--accent:#a68cff}.theme-gadget{--accent:#ffca6a}.theme-zeras{--accent:#86a9ff}
@keyframes spinCube{to{transform:rotate(390deg) skewY(-10deg)}}@media(max-width:800px){.project-hero{grid-template-columns:1fr;padding:70px 0}.project-art{min-height:300px}.overview{grid-template-columns:1fr;gap:35px}.feature-grid{grid-template-columns:1fr}.timeline-grid{grid-template-columns:1fr}.cta{flex-direction:column;align-items:flex-start}h1{letter-spacing:-4px}footer{gap:10px;flex-direction:column}}