@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Press+Start+2P&display=swap');

:root { --void:#0b0b09; --panel:#16150f; --panel-2:#201c11; --ink:#eee8d8; --muted:#a79d82; --gold:#d5a33c; --gold-dim:#785720; --grid:rgb(194 145 48 / .18); --pixel:'Press Start 2P',monospace; --mono:'IBM Plex Mono',monospace; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; min-width:320px; color:var(--ink); background:radial-gradient(circle at 50% -10%,#2d2513 0,var(--void) 44%), linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px); background-size:auto,32px 32px,32px 32px; font-family:var(--mono); }
body::after { content:''; position:fixed; z-index:5; inset:0; pointer-events:none; opacity:.07; background:repeating-linear-gradient(0deg,#fff 0 1px,transparent 1px 4px); }
.boot-screen { position:fixed; z-index:20; inset:0; display:flex; align-items:center; justify-content:center; gap:18px; color:var(--gold); font:12px var(--pixel); background:var(--void); transition:opacity .18s ease,visibility .18s ease; }
.boot-screen b { color:var(--ink); }.boot-screen.is-hidden { opacity:0; visibility:hidden; }
.page-shell { width:min(1120px,calc(100% - 32px)); margin:auto; }
.topbar { display:flex; align-items:center; justify-content:space-between; min-height:82px; border-bottom:1px solid var(--gold-dim); }
.brand { color:var(--ink); font:14px var(--pixel); text-decoration:none; letter-spacing:-1px; }.brand span { color:var(--gold); }
.hero { padding:100px 0 88px; border-bottom:1px solid var(--gold-dim); }.hero-copy { max-width:760px; }.eyebrow,.section-heading p { margin:0 0 18px; color:var(--gold); font-size:11px; letter-spacing:1px; }
h1 { margin:0; max-width:680px; color:var(--ink); font:clamp(2.9rem,9vw,7.8rem)/.88 var(--pixel); letter-spacing:-8px; text-shadow:7px 7px 0 #4a3611; } h1 span { color:var(--gold); }
.tagline { margin:30px 0 0; color:var(--gold); font:clamp(.8rem,2vw,1.3rem) var(--pixel); line-height:1.7; }.intro { max-width:530px; color:var(--muted); font-size:15px; line-height:1.7; }
.actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:30px; }.button { display:inline-flex; align-items:center; justify-content:space-between; gap:28px; min-height:52px; padding:0 17px; color:var(--gold); border:1px solid var(--gold-dim); background:#100f0b; font:10px var(--pixel); text-decoration:none; transition:transform .15s,background .15s,color .15s; }.button-main { color:#17120a; background:var(--gold); }.button:hover,.button:focus-visible { color:#17120a; background:var(--gold); transform:translate(-3px,-3px); box-shadow:4px 4px 0 #050504; }.scroll-link { display:inline-block; margin-top:32px; color:var(--muted); font-size:12px; text-underline-offset:5px; }
.terminal-card { background:linear-gradient(145deg,#211b0f,#100f0b); border:1px solid var(--gold); box-shadow:7px 7px 0 #060604; }.terminal-title { display:flex; gap:5px; align-items:center; padding:13px; border-bottom:1px solid var(--gold-dim); color:var(--gold); font:8px var(--pixel); }.terminal-title span { width:7px; height:7px; background:var(--gold-dim); }.terminal-body { padding:22px; color:var(--muted); font-size:12px; line-height:1.8; }.terminal-body p { margin:0 0 7px; }.terminal-body b { color:var(--ink); }.terminal-body hr { border:0; border-top:1px solid var(--gold-dim); margin:15px 0; }.terminal-prompt { color:var(--gold); }.terminal-body ul { margin:8px 0 0; padding-left:18px; color:var(--ink); }
.drops { padding:86px 0; }.section-heading { display:flex; align-items:baseline; gap:16px; margin-bottom:26px; }.section-heading p { margin:0; }.section-heading h2 { margin:0; color:var(--ink); font:16px var(--pixel); }.section-heading span { color:var(--gold); }
.drop-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }.drop-card { background:var(--panel); border:1px solid var(--gold-dim); transition:transform .15s,box-shadow .15s; }.drop-card:hover { transform:translate(-3px,-3px); box-shadow:5px 5px 0 #050504; }.drop-preview { position:relative; display:block; width:100%; padding:0; border:0; overflow:hidden; background:#12110d; aspect-ratio:9/13; cursor:pointer; }.drop-preview img { width:100%; height:100%; object-fit:cover; transition:transform .25s; }.drop-preview:hover img,.drop-preview:focus-visible img { transform:scale(1.04); }.preview-overlay { position:absolute; inset:auto 12px 12px; display:flex; justify-content:space-between; padding:11px; color:var(--ink); border:1px solid var(--gold); background:rgb(10 10 8 / .86); font:9px var(--pixel); opacity:0; transform:translateY(8px); transition:.18s; }.drop-preview:hover .preview-overlay,.drop-preview:focus-visible .preview-overlay { opacity:1; transform:none; }.preview-overlay b { color:var(--gold); font-size:15px; }.drop-meta { padding:17px; }.drop-meta p { display:flex; justify-content:space-between; gap:8px; margin:0 0 12px; color:var(--gold); font-size:10px; }.drop-meta p span { color:var(--muted); }.drop-meta h3 { min-height:44px; margin:0 0 16px; font-size:14px; line-height:1.4; }.drop-meta a { color:var(--muted); font-size:10px; text-underline-offset:4px; }
footer { display:flex; justify-content:space-between; gap:20px; padding:23px 0 34px; color:var(--muted); border-top:1px solid var(--gold-dim); font-size:10px; } footer span:last-child { color:var(--gold-dim); }
dialog { width:min(560px,calc(100% - 32px)); padding:0; color:var(--ink); border:1px solid var(--gold); background:var(--panel); box-shadow:8px 8px 0 #050504; }dialog::backdrop { background:rgb(0 0 0 / .78); backdrop-filter:blur(3px); }.dialog-close { position:absolute; z-index:1; top:9px; right:9px; width:36px; height:36px; color:var(--ink); border:1px solid var(--gold); background:var(--void); font-size:25px; cursor:pointer; }.dialog-close:hover,.dialog-close:focus-visible { color:var(--void); background:var(--gold); }#modal-image { display:block; width:100%; aspect-ratio:9/12; object-fit:cover; }.dialog-copy { padding:20px; }.dialog-copy p { margin:0 0 10px; color:var(--gold); font-size:11px; }.dialog-copy h2 { margin:0 0 20px; font:13px/1.55 var(--pixel); }.dialog-copy a { color:var(--gold); font-size:11px; }
@media (max-width:760px) { .page-shell { width:min(100% - 24px,560px); }.topbar { min-height:66px; }.brand { font-size:11px; }.hero { grid-template-columns:1fr; gap:34px; padding:62px 0; }h1 { letter-spacing:-5px; text-shadow:4px 4px 0 #4a3611; }.terminal-card { max-width:480px; }.drops { padding:58px 0; }.section-heading { flex-wrap:wrap; gap:9px; }.section-heading h2 { font-size:13px; }.drop-grid { grid-template-columns:1fr; }.drop-card { display:grid; grid-template-columns:130px 1fr; }.drop-preview { aspect-ratio:auto; height:100%; min-height:190px; }.drop-meta { padding:14px; }.drop-meta h3 { min-height:0; }.preview-overlay { display:none; }footer { font-size:9px; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; transition:none!important; animation:none!important; } }