/* Zombie Apocalypse — a blacked-out lab lit by toxic-green serum vials, cold monitor blue
   and the blood red of the room's logo; dripping horror display type. Tokens only; structure is ../_engine/base.css. */
:root {
  --bg: #0a0d0b;
  --bg-rgb: 10, 13, 11;
  --bg-2: #0f1411;
  --panel: #141b17;
  --panel-2: #1c2520;
  --footer-bg: #060807;
  --line: rgba(222, 236, 226, 0.12);
  --text: #e6eee8;
  --muted: #a9b6ad;
  --dim: #7d8a81;
  --red: #c4202b;
  --red-deep: #8f141d;
  --ochre: #8fd14f;
  --ochre-soft: #b6e68a;
  --gum: #5aa9d6;
  --display: "Creepster", "Impact", "Arial Narrow", sans-serif;
  --body: "Lato", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --radius: 3px;
  --wrap: 1180px;
  --gutter: clamp(16px, 4vw, 40px);
}
/* Creepster drips at the bottom of each letter: open the tracking a little and keep line-height loose. */
h1, h2, h3, h4 { letter-spacing: 0.04em; line-height: 1.18; font-weight: 400; }
.btn { letter-spacing: 0.06em; font-size: 1.1rem; }
.card, .stat, .review, .booker { border-radius: 3px; }
/* Numbers stay legible in the body face; the drip face is kept for words. */
.stat .n, .fact dd, .rating-hero .big, .price-table .amt { font-family: var(--body); font-weight: 700; letter-spacing: 0; }
.stat .n { font-size: clamp(1.6rem, 2.6vw, 2.2rem); }
.stats-dial .stat.key .n { font-size: clamp(3.6rem, 8vw, 5.8rem); color: var(--ochre); }
.fact dd { font-size: clamp(1.1rem, 1.8vw, 1.45rem); }
.hero h1 { font-size: clamp(1.4rem, 2.8vw, 2.2rem); }
.reviews-strip .review blockquote { font-family: var(--body); }