/* ── PAGE ACCENT ──
   Vermillion, matching this page's mesh gradient (which leads with
   vermillion — see .card-bg-upgrades / .cs-hero-stage--upgrades in
   global.css / case-study.css). Previously hijacked --ember for a
   WCAG-safe blue back when this page's gradient led with ice; now that
   it leads with vermillion (3.87:1 on the base, in line with the site's
   existing ember default at 3.23:1), --accent can just be the real color. */
:root {
  --accent: var(--vermillion);
}

/* .cs-insight-callout / .cs-insight-icon / .cs-insight-text now live in
   case-study.css (shared with canvas.html), reading var(--accent) above. */

/* ── STAT GRID — highlights the case study's key numbers ── */
.stat-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin: 32px 0;
}
.stat-card {
  padding: 24px 20px;
  border-radius: 14px;
  background: rgba(23,18,14,0.034);
  text-align: center;
}
.stat-number {
  font-family: var(--serif);
  font-weight: 900;
  font-size: clamp(28px, 3.4vw, 40px);
  color: var(--accent);
  line-height: 1;
  margin-bottom: 10px;
  display: block;
}
.stat-label {
  font-family: var(--sans);
  font-size: 12px;
  color: var(--muted);
  line-height: 1.5;
}

@media (max-width: 768px) {
  .stat-grid { grid-template-columns: 1fr; }
}