/* Packhunt — a bush trail at golden hour: eucalyptus green ground, canvas cream, backpack red, trail-marker ochre. Tokens only. */
:root {
  --bg: #142019;
  --bg-rgb: 20, 32, 25;
  --bg-2: #1a2a20;
  --panel: #20342a;
  --panel-2: #29402f;
  --footer-bg: #0e1712;
  --line: rgba(220, 235, 200, 0.15);
  --text: #f3efe2;
  --muted: #c3c9b4;
  --dim: #8e9a86;
  --red: #e0353f;
  --red-deep: #b4252e;
  --ochre: #e9a93c;
  --ochre-soft: #f4cd7e;
  --gum: #8fc79a;
  --display: "Alfa Slab One", "Rockwell", Georgia, serif;
  --body: "Lato", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --radius: 10px;
  --wrap: 1180px;
  --gutter: clamp(16px, 4vw, 40px);
}
h1, h2, h3, h4 { letter-spacing: 0.01em; line-height: 1.15; font-weight: 400; }
h1 { font-size: clamp(2rem, 4.4vw, 3.2rem); }
h2 { font-size: clamp(1.5rem, 3vw, 2.25rem); }
.hero h1 { font-size: clamp(1.3rem, 2.6vw, 2rem); }
.btn { letter-spacing: .04em; }
.soon-badge { border-color: var(--ochre); color: var(--ochre); }
.hero-poster .hero-logo { width: min(460px, 80%); }
.card-media { display: grid; grid-template-columns: 130px 1fr; gap: 20px; align-items: center; }
.card-media img { width: 130px; height: auto; }
@media (max-width: 520px) { .card-media { grid-template-columns: 1fr; } }
.footer-grid { grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); }