@font-face{font-family:HotCoCo;src:url(assets/fonts/HotCoCo.ttf) format('truetype');font-display:swap}
:root{--bg:#07180f;--panel:#0b2117;--text:#eee9d8;--muted:#aebfaf;--accent:#9ee47b;--line:#314b36;--pixel:HotCoCo,'Courier New',monospace;--mono:'Courier New',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.7 Arial,Helvetica,sans-serif}a{color:inherit}button{font:inherit}.wrap{width:min(1180px,calc(100% - 80px));margin-inline:auto}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:92px}.brand{font:23px/1.5 var(--pixel);text-decoration:none;color:var(--accent)}.brand span{color:var(--muted)}nav{display:flex;gap:28px;align-items:center;font-size:12px}nav a{text-decoration:none}nav a:hover,.quiet-link:hover{color:var(--accent)}.nav-download{border:1px solid var(--line);padding:8px 14px}
.hero{position:relative;isolation:isolate;border-block:1px solid var(--line);overflow:hidden}.scene{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(3,13,8,.94),rgba(3,13,8,.79)29%,rgba(3,13,8,.13)61%,transparent),linear-gradient(0deg,#07180f,transparent 22%),url(assets/basement-coco3-v3.png) center 56%/cover no-repeat}.hero-inner{display:grid;grid-template-columns:47% 53%;align-items:center;min-height:670px}.hero-copy{padding:64px 0 60px;max-width:485px}.eyebrow{font:11px/1.7 var(--mono);letter-spacing:1.4px;color:var(--accent);margin:0 0 24px}.led{display:inline-block;width:6px;height:6px;background:var(--accent);margin-right:8px;box-shadow:0 0 10px #9ee47770}.hero h1{font:46px/1.35 var(--pixel);text-transform:uppercase;margin:0 0 28px;letter-spacing:0;color:#f3e9ce}.hero h1 span{color:var(--accent);text-shadow:0 0 24px #88c75335}.hero-description{font-size:21px;line-height:1.6;color:#f1e9d7;margin:0 0 15px}.hero-detail{max-width:365px;font-size:14px;color:#bdc7b6;margin:0 0 29px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.button{display:inline-block;background:var(--accent);color:#102a12;text-decoration:none;padding:15px 20px;border:1px solid var(--accent);font:13px/1.5 var(--pixel);text-transform:uppercase;box-shadow:4px 4px 0 #030d0750}.button:hover{filter:brightness(1.12)}.quiet-link{font:12px var(--mono);text-decoration:none}.ready{font:15px/1.5 var(--pixel);color:var(--accent);margin:35px 0 0}.block{margin-left:13px;font-family:var(--mono)}.scene-caption{position:absolute;right:max(40px,calc((100vw - 1180px)/2));bottom:15px;font:10px/1.5 var(--mono);color:#e0d4b5;letter-spacing:.5px}.green-art{display:none}
.status-strip{border-bottom:1px solid var(--line);background:#081b11}.status-strip .wrap{display:flex;justify-content:space-between;gap:15px;padding-block:16px;font:10px/1.5 var(--mono);letter-spacing:1.2px;color:#92aa8f}.projects{padding-block:66px}.section-heading{margin-bottom:33px}.section-heading .eyebrow{margin-bottom:14px}.section-heading h2{font:29px/1.45 var(--pixel);text-transform:uppercase;margin:0 0 15px}.section-heading>p:last-child{color:var(--muted);font-size:14px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.project{background:var(--panel);padding:30px;border:1px solid var(--line);box-shadow:5px 5px 0 #030c0726}.project-bm{background:linear-gradient(135deg,#15301b,#0d2216);border-color:#4e6b3d}.card-top{display:flex;justify-content:space-between;gap:16px;font:10px/1.5 var(--mono);color:var(--accent);margin-bottom:24px}.project h3{font:28px/1.5 var(--pixel);text-transform:uppercase;margin:0 0 18px}.summary{font-size:22px;line-height:1.45;margin:0 0 16px}.project>p:not(.summary){font-size:14px;color:var(--muted);max-width:420px;line-height:1.8}.card-meta{border-block:1px solid var(--line);padding:15px 0;margin-top:25px;display:flex;justify-content:space-between;gap:16px;font:9px/1.6 var(--mono);color:var(--muted)}.available{color:var(--accent)}.card-link{display:flex;justify-content:space-between;font:13px/1.7 var(--mono);padding-top:22px;text-decoration:none;color:var(--accent)}.download-panel{display:flex;justify-content:space-between;align-items:center;gap:35px;border-block:1px solid var(--line);padding-block:35px}.download-panel .eyebrow{margin-bottom:12px}.download-panel h2{font:21px/1.55 var(--pixel);text-transform:uppercase;margin:0 0 12px}.download-panel p:last-child{font-size:13px;color:var(--muted);max-width:650px;margin-bottom:0}.download-panel .button{flex-shrink:0;font-size:11px}footer{display:flex;justify-content:space-between;gap:25px;padding-block:35px 40px;color:var(--muted)}footer strong{font:16px var(--pixel);color:var(--accent)}footer p{font-size:12px}footer small{text-align:right;font-size:10px;line-height:1.8}
body.green{--bg:#57c745;--panel:#54bd43;--text:#092b11;--muted:#184c23;--accent:#113b18;--line:#2c822d}.green .scene{background:none}.green .hero h1,.green .hero-description{color:#08250e}.green .hero h1 span{color:#103b17;text-shadow:none}.green .hero-detail{color:#17451c}.green .hero-inner{min-height:620px}.green .status-strip{background:#4eb73c}.green .status-strip .wrap{color:#16431c}.green .scene-caption{color:#1b4b1f}.green .project-bm{background:#6bce53;border-color:#286d29}.green .button{background:#123b1b;color:#b5ed94}.green .green-art{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px}.green-art img{width:min(265px,75%);max-height:385px;object-fit:contain}.green-art span{font:14px/1.7 var(--pixel);text-align:center}.green .hero:after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 3px,#194f1810 3px,#194f1810 4px);z-index:2}
@media(min-width:1600px){.hero-inner{min-height:760px}.hero h1{font-size:51px}.scene{background-position:center,center,center 58%}}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.hero h1{font-size:37px}.hero-description{font-size:18px}.hero-inner{min-height:610px;grid-template-columns:50% 50%}.hero-detail{max-width:330px}.hero-actions{gap:18px}.button{font-size:11px}.project{padding:25px}.card-top{font-size:9px}.card-meta{font-size:8px}.preview-bar{padding-inline:24px}.preview-note{display:none}.scene-caption{right:24px}}
@media(max-width:650px){.wrap{width:calc(100% - 36px)}.preview-bar{font-size:8px;padding:8px 18px;gap:8px;letter-spacing:.5px}.theme-picker button{font-size:10px;padding:6px 7px}.site-header{min-height:80px;gap:10px}.brand{font-size:18px}nav{gap:12px;font-size:11px}nav a:first-child{display:none}.nav-download{padding:6px 9px}.hero-inner{display:block;min-height:760px}.scene{background:linear-gradient(180deg,rgba(3,13,8,.95),rgba(3,13,8,.88)43%,rgba(3,13,8,.08)76%,#07180f),url(assets/basement-coco3-v3.png) 71% bottom/auto 65% no-repeat}.hero-copy{padding:40px 0 0;max-width:100%}.hero h1{font-size:34px;line-height:1.4;margin-bottom:18px}.eyebrow{font-size:9px;letter-spacing:1px;margin-bottom:20px}.hero-description{font-size:17px}.hero-detail{font-size:13px;max-width:330px}.hero-actions{gap:18px}.ready{margin-top:25px}.scene-caption{font-size:8px;bottom:13px;right:18px}.status-strip .wrap{font-size:8px;letter-spacing:.5px}.status-strip span:last-child{display:none}.projects{padding-block:40px}.section-heading h2{font-size:23px}.project-grid{grid-template-columns:1fr;gap:18px}.project h3{font-size:26px}.card-top{font-size:9px}.card-meta{font-size:9px}.download-panel{display:block;padding-block:29px}.download-panel h2{font-size:19px}.download-panel .button{margin-top:24px}footer{align-items:flex-start;gap:20px}footer small{max-width:150px;font-size:9px}.green .hero-inner{min-height:0}.green .hero-copy{padding-bottom:25px}.green .green-art{padding:0 0 30px}.green-art img{max-height:260px}.green .scene-caption{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.basement-mascot{position:absolute;left:45%;bottom:83px;width:220px;height:auto;filter:drop-shadow(0 7px 9px #0008);pointer-events:none}.green .basement-mascot{display:none}
@media(max-width:1000px){.basement-mascot{left:46%;width:175px;bottom:80px}}
@media(max-width:650px){.basement-mascot{left:4%;width:145px;bottom:45px}}

.skip{position:absolute;left:16px;top:-100px;padding:12px 18px;background:#9ee47b;color:#102a12;z-index:10}.skip:focus{top:12px}:focus-visible{outline:3px solid #9ee47b;outline-offset:4px}.guide-link{display:inline-block;margin-top:18px;font:12px/1.7 var(--mono);color:var(--accent)}