/* Death Row — the condemned wing at midnight (matches the procedural art in art/): soot black, bilious
   institutional-green paint, the sick green-white of failing fluorescent tubes, one caged red warning lamp.
   Tokens + the concept-art gallery. */
:root {
  --bg: #0c0d0a;
  --bg-rgb: 12, 13, 10;
  --bg-2: #11130f;
  --panel: #171a15;
  --panel-2: #20251d;
  --footer-bg: #070806;
  --line: rgba(190, 212, 170, 0.14);
  --text: #ecefe4;
  --muted: #b4baa8;
  --dim: #808878;
  --red: #b3211a;
  --red-deep: #86170f;
  --ochre: #b8cc94;
  --ochre-soft: #dbe7c2;
  --gum: #e2584a;
  --display: "Saira Stencil One", "Arial Black", Impact, sans-serif;
  --body: "Lato", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --radius: 4px;
  --wrap: 1180px;
  --gutter: clamp(16px, 4vw, 40px);
}
h1, h2, h3, h4 { letter-spacing: 0.015em; line-height: 1.12; font-weight: 400; }
h1 { font-size: clamp(2.1rem, 4.8vw, 3.6rem); }
h2 { font-size: clamp(1.7rem, 3.3vw, 2.5rem); }
.btn { font-size: .95rem; letter-spacing: .06em; font-weight: 400; }
.hero h1 { font-size: clamp(1.3rem, 2.4vw, 1.9rem); margin-bottom: .6rem; }
.soon-badge { border-color: var(--gum); color: var(--gum); }
.teaser-hero .hero-media img { object-position: 72% 50%; }

/* Concept-art gallery (build-teaser IMAGES.gallery) */
.gallery-section .gallery { gap: 18px; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.gallery-section .gallery img { aspect-ratio: 4 / 3; }
.gallery-section .gallery figure { transition: border-color .2s, box-shadow .2s; }
.gallery-section .gallery figure:hover { border-color: rgba(184, 204, 148, .45); box-shadow: 0 0 34px -12px rgba(226, 88, 74, .45); }
.gallery-section .gallery figcaption { color: var(--muted); border-top: 1px solid var(--line); }
.gallery-section .gallery-item:nth-child(-n+2) { grid-column: span 2; }
@media (max-width: 1000px) { .gallery-section .gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .gallery-section .gallery { grid-template-columns: 1fr; } .gallery-section .gallery-item:nth-child(-n+2) { grid-column: auto; } }