:root {
  --bg: #e9e4d8;
  --ink: #2b1d16;
  --muted: rgba(43, 29, 22, 0.55);
  --pixel: 'Press Start 2P', ui-monospace, monospace;
  --gutter: clamp(16px, 4vw, 40px);
}

* { box-sizing: border-box; margin: 0; }
body {
  background: var(--bg);
  color: var(--ink);
  -webkit-font-smoothing: none;
}
a { color: inherit; }

main {
  max-width: 640px; margin: 0 auto; padding: 64px var(--gutter);
  font: 12px/2 var(--pixel);
}
h1 {
  font: 400 clamp(18px, 3vw, 26px)/1 var(--pixel);
  letter-spacing: 0.02em;
  text-shadow: 4px 4px 0 var(--bg), 8px 8px 0 rgba(43, 29, 22, 0.18);
  margin-bottom: 36px;
}
h2 { font: 400 11px/1.6 var(--pixel); color: var(--muted); margin: 28px 0 8px; text-transform: uppercase; }