/* =============================================================================
   Launchr skin — 8 Aug 2026.

   WHY THIS EXISTS. We swapped the homepage to a new design and Leigh's verdict was immediate and
   correct: "we have a landing page — nothing else." One page in the new language, twenty-eight in
   the old. Click Build, Fix, Built or Team and you were visibly in a different company: different
   black (#0A1628 vs #070b12), different typeface (system-ui vs the display face), different density.

   This closes the seam WITHOUT rebuilding twenty-eight pages. It is deliberately a skin, not a
   redesign: background, display typeface, accent and heading rhythm only. Layout, structure and
   content are untouched, so nothing can break that the guard would not catch.

   IT IS A PATCH AND SHOULD BE TREATED AS ONE. These pages will match in colour and still clash in
   character — they stay dense and text-heavy underneath. The real fix is rebuilding /built/,
   /mechanic/ and /architect/ in the new language. This buys us coherence in the meantime.

   Loaded site-wide by nav.js, and linked directly from the ten intent pages (which carry their own
   hardcoded nav and never loaded nav.js — a trap that already caught us once today).
   ========================================================================== */

:root {
  --lr-bg: #0A1628;
  --lr-accent: #00D4FF;
  --lr-display: 'Space Grotesk', system-ui, -apple-system, sans-serif;
}

/* Background is NO LONGER overridden (8 Aug 2026, Leigh: the near-black read "angry"). The homepage
   came back to #0A1628, which every other page already used — so the skin is now purely typographic
   and touches no colour at all. Strictly less intrusive than it was an hour ago. */

/* Display typeface on headings only. Body copy keeps whatever each page already uses, so line
   lengths and paragraph rhythm do not reflow — the fastest way to break a page you are not
   rebuilding is to change the metrics of its body text. */
h1, h2, h3,
.lrnav-logo,
.hero h1, .hero h2 {
  font-family: var(--lr-display) !important;
  letter-spacing: -0.025em;
}

h1 { font-weight: 600 !important; }
h2 { font-weight: 600 !important; }
h3 { font-weight: 500 !important; }

/* Eyebrow / kicker labels across the old pages were set small enough to disappear. Leigh, today:
   "all the sub headings are a little small." */
.eyebrow, .kicker, .label, .section-label, .overline {
  font-size: 13px !important;
  letter-spacing: 0.17em !important;
  font-weight: 500 !important;
}

/* The shared nav picks up the display face so the header matches the homepage it sits above. */
.lrnav-logo { font-family: var(--lr-display) !important; letter-spacing: -0.02em; }
.lrnav-links a { font-family: var(--lr-display) !important; font-size: 0.9rem !important; }
.lrnav-cta { font-family: var(--lr-display) !important; }

/* Old pages tuned their accents to a lighter ground; nudge the darkest panels so they still read
   as panels against the new background rather than vanishing into it. */
.card, .panel, .box { background-color: rgba(255, 255, 255, 0.022); }