/* A late-night arcade voice: condensed display, clear body, terminal mono. */
:root {
  --display: 'Teko', Impact, sans-serif;
  --body: 'Space Grotesk', Arial, sans-serif;
  --font: var(--body);
  --mono: 'IBM Plex Mono', Consolas, monospace;
}
body { font-family: var(--body); }
.site-header { font-family: var(--body); }
.site-header .wordmark, .site-footer .wordmark {
  font-family: var(--display);
  font-weight: 700;
  font-size: 2.25rem;
  letter-spacing: .015em;
}
.hero-heading h1 {
  font-weight: 700;
  font-size: clamp(3.4rem, 6.15vw, 7rem);
  line-height: .86;
  letter-spacing: -.015em;
}
.section-intro h2, .origin-section h2, .buy-heading h2,
.swarm-section h2, .lab-title h1,
.section-heading h2, .reading-section h2, .sources h2 {
  font-weight: 700;
  letter-spacing: .005em;
  line-height: .98;
}
.lab-title h1 { font-size: clamp(4.5rem, 7vw, 6.5rem); }
.sticker { font-weight: 600; letter-spacing: .035em; line-height: 1.04; }
.meme-strip { font-weight: 600; letter-spacing: .015em; }
.meme-strip b { font-weight: 700; }
.comic-caption h3 { font-weight: 700; letter-spacing: .02em; }
.btn, .make-trade, .site-header .nav-buy {
  font-family: var(--display);
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: .04em;
}
.site-header .nav-buy { font-size: 1.25rem; padding-block: 8px; }
.speech, .comic-caption p, .lab-mascot blockquote { font-family: var(--body); font-weight: 600; }
.hero-explainer > p { line-height: 1.65; }
.window-bar, .system-log, .trade-history, .time-controls,
.contract, .token-sticker, .query-preview, .region-row code { font-family: var(--mono); }
.lab-main p, .buy-steps p { line-height: 1.75; }
@media (max-width: 1100px) {
  .site-header .wordmark { font-size: 2rem; }
}
@media (max-width: 800px) {
  .site-header .wordmark { font-size: 1.9rem; }
  .site-header .nav-buy { font-size: 1.125rem; }
  .lab-title h1 { font-size: 4.5rem; }
}
@media (max-width: 760px) {
  .hero-heading h1 { font-size: clamp(2.75rem, 13.3vw, 6rem); line-height: .9; letter-spacing: -.01em; }
  .btn, .make-trade { font-size: 1.25rem; }
  .site-header nav { font-size: .75rem; }
}
@media (max-width: 360px) {
  .site-header .wordmark { font-size: 1.65rem; }
  .site-header nav { font-size: .6875rem; }
}