/* Team Escapes — boardroom navy with a hi-vis amber accent; heavy grotesque display type.
   Tokens only; structure is ../_engine/base.css. */
:root {
  --bg: #0d1b2a;
  --bg-rgb: 13, 27, 42;
  --bg-2: #112336;
  --panel: #152a40;
  --panel-2: #1c3550;
  --footer-bg: #091421;
  --line: rgba(232, 238, 245, 0.12);
  --text: #eef2f7;
  --muted: #b3c0cf;
  --dim: #8496aa;
  --red: #ffb703;
  --red-deep: #e09e00;
  --ochre: #ffb703;
  --ochre-soft: #ffd166;
  --gum: #5fb3c9;
  --display: "Archivo Black", "Arial Black", system-ui, sans-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.005em; line-height: 1.12; }
.btn { border-radius: 999px; color: #0d1b2a; font-weight: 900; letter-spacing: .02em; }
.btn.ghost { color: var(--text); }
.card, .stat, .review, .booker, .keyfacts { border-radius: var(--radius); }
.hero-split h1 { font-size: clamp(1.8rem, 3.4vw, 2.7rem); }
.stat .n { font-size: clamp(1.8rem, 3.2vw, 2.6rem); color: var(--ochre); }
.lx-hub .home-facts .stats { margin-top: 18px; }
table.capacity td a { color: var(--text); text-decoration-color: var(--ochre); }
table.capacity caption { font-size: .85rem; }
.lx-hub .hero h1 { letter-spacing: 0; font-size: clamp(1.6rem, 3vw, 2.4rem); text-transform: none; }
.lx-hub .grid.three > .venue-card { grid-template-columns: 1fr; }
.lx-hub .grid.three > .venue-card img { width: 100%; height: 180px; object-fit: cover; }
.lx-hub .venue-card h3 { font-size: 1.25rem; }
.lx-hub .venue-card .btn { white-space: nowrap; }