/* Essai 02 — Clair: light off-white canvas, cream cards, dark closing block */
:root {
  --serif: "Newsreader", Georgia, serif;
  --sans: "Manrope", system-ui, sans-serif;
  --bg: var(--offwhite);
  --header-bg: rgba(246, 243, 236, .9);
  --header-text: var(--ink);
  --header-border: var(--line);
  --hero-bg: var(--offwhite);
  --hero-text: var(--ink);
  --hero-muted: var(--muted);
  --glow: rgba(200, 169, 104, .3);
  --about-bg: var(--offwhite);
  --about-text: var(--ink);
  --about-muted: var(--muted);
  --final-bg: var(--charcoal);
  --final-text: var(--offwhite);
  --final-muted: rgba(246, 243, 236, .74);
  --mobile-bar-bg: rgba(246, 243, 236, .94);
}
h1, h2 { letter-spacing: -.02em; }
.hero h1 { font-size: clamp(2.6rem, 5.8vw, 4.6rem); max-width: 9em; }
.hero .container { padding-bottom: clamp(48px, 6vw, 80px); }
.hero .cta-row { flex-direction: column; align-items: flex-start; gap: 16px; }
.network { background: var(--white); }
.network .card { --card-bg: var(--offwhite); --card-shadow: none; }
.how { background: var(--offwhite); }
.how .card { background: var(--white); }
.step-num { font: 700 .85rem/1 var(--sans); letter-spacing: .1em; color: var(--ink); padding-bottom: 14px; border-bottom: 2px solid var(--gold); display: inline-block; }
.enquiry { background: var(--white); }
.form-card { --form-bg: var(--offwhite); --form-shadow: none; }
.about { border-top: 1px solid var(--line); }
.final .eyebrow { color: var(--gold); }
.site-footer { --footer-border: rgba(255, 255, 255, .06); }
@media (max-width: 640px) { .hero .cta-row { align-items: stretch; } }