@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&display=swap');
:root{
  --bg:#1a1208;
  --ink:#f4e4c1;
  --dim:#c4a574;
  --amber:#e0a84a;
  --ember:#c45c26;
  --line:#6b4a24;
  --pixel:2px;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:var(--bg);color:var(--ink);font-family:VT323,monospace;font-size:22px;image-rendering:pixelated}
body{
  background-color:var(--bg);
  background-image:
    repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.18) 3px,rgba(0,0,0,.18) 4px),
    radial-gradient(circle at 50% 0%,rgba(196,92,38,.2),transparent 55%);
}
a{color:var(--amber);text-decoration:none}
img,video{image-rendering:pixelated}
nav.px{
  position:fixed;inset:0 0 auto;z-index:40;height:56px;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 12px;background:#140e08;
  border-bottom:var(--pixel) solid var(--line);
}
.logo{font-family:'Press Start 2P',monospace;font-size:10px;color:var(--amber);line-height:1.4}
.nav-links{display:flex;gap:12px;align-items:center;font-size:18px;flex-wrap:wrap}
.nav-links a{color:var(--dim)}
.nav-links a.active{color:var(--amber)}
.btn-px{
  font-family:'Press Start 2P',monospace;font-size:8px;line-height:1.4;
  color:#1a1208;background:var(--amber);border:var(--pixel) solid #7a4a12;
  padding:8px 10px;box-shadow:4px 4px 0 #000;cursor:pointer;display:inline-block;
}
.btn-px.ghost{background:transparent;color:var(--ink);box-shadow:none}
.hero-px{min-height:100vh;display:grid;place-items:center;text-align:center;padding:80px 16px 48px}
.year-px{font-family:'Press Start 2P',monospace;font-size:10px;letter-spacing:3px;color:var(--amber);margin-bottom:18px}
h1.px{font-family:'Press Start 2P',monospace;font-size:clamp(16px,4vw,28px);line-height:1.45;max-width:16ch;margin:0 auto 16px}
.sub-px{max-width:34rem;margin:0 auto 24px;color:var(--dim);line-height:1.25}
.stats-px{display:grid;grid-template-columns:repeat(5,1fr);border-top:var(--pixel) solid var(--line);border-bottom:var(--pixel) solid var(--line)}
.stat-px{padding:16px 6px;text-align:center;border-right:var(--pixel) solid var(--line);background:#140e08}
.stat-px:last-child{border-right:0}
.stat-px b{display:block;font-family:'Press Start 2P',monospace;font-size:11px;color:var(--amber);margin-bottom:6px}
.stat-px span{font-size:16px;color:var(--dim)}
section.px{padding:56px 16px}
.kicker-px{font-family:'Press Start 2P',monospace;font-size:8px;color:var(--amber);letter-spacing:2px}
h2.px{font-family:'Press Start 2P',monospace;font-size:16px;line-height:1.5;margin:10px 0 12px}
.grid-px{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:1080px;margin:0 auto}
.card-px{background:#140e08;border:var(--pixel) solid var(--line);padding:14px;text-align:left}
.card-px h3{font-family:'Press Start 2P',monospace;font-size:10px;margin-bottom:8px;line-height:1.4}
.card-px p,.card-px small{color:var(--dim);font-size:18px;line-height:1.3}
footer.px{border-top:var(--pixel) solid var(--line);padding:18px 16px;font-size:18px;color:var(--dim);display:flex;flex-wrap:wrap;gap:10px 16px;justify-content:space-between}
.center{text-align:center}
@media(max-width:800px){
  .grid-px{grid-template-columns:1fr 1fr}
  .logo{font-size:8px}
}
@media(max-width:480px){
  .grid-px{grid-template-columns:1fr}
  .nav-links{gap:8px;font-size:16px}
  h1.px{font-size:clamp(14px,5vw,20px)}
  h2.px{font-size:14px}
  .stat-px{padding:10px 3px}
  .stat-px b{font-size:9px}
  .stat-px span{font-size:13px}
}