/* ============================================================
   ASAS Key Numbers — namespaced .asas-stats*
   Variants: default (light) | .asas-stats--navy (dark band)
   ============================================================ */
.asas-stats{
  --st-navy: var(--mellis-base, #003366);
  --st-ink: var(--mellis-black, #27252a);
  --st-muted: var(--mellis-gray, #89868d);
  --st-line: #dfe5ee;
  --st-bg: var(--mellis-extra, #edf4f9);
  --st-font: var(--mellis-font, 'Manrope', system-ui, sans-serif);
  --st-display: var(--mellis-font-two, 'Libre Baskerville', Georgia, serif);
  background: var(--st-bg); color: var(--st-ink); font-family: var(--st-font); padding-block: 88px;
}
.asas-stats--navy{--st-bg:var(--st-navy);--st-ink:#ffffff;--st-muted:rgba(255,255,255,.72);--st-line:rgba(255,255,255,.18)}
.asas-stats__wrap{max-width:1200px;margin:0 auto;padding-inline:16px;display:grid;gap:48px}
.asas-stats__head{display:grid;gap:12px;max-width:640px}
.asas-stats__eyebrow{margin:0;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--st-muted)}
.asas-stats--navy .asas-stats__eyebrow{color:#9fc3e8}
.asas-stats:not(.asas-stats--navy) .asas-stats__eyebrow{color:var(--st-navy)}
.asas-stats__title{margin:0;font-family:var(--st-display);font-weight:400;font-size:clamp(26px,3vw,38px);line-height:1.25;text-wrap:balance}
.asas-stats__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.asas-stats__item{padding:8px 28px;border-left:1px solid var(--st-line);display:grid;gap:10px;align-content:start;min-width:0}
.asas-stats__item:first-child{border-left:0;padding-left:0}
.asas-stats__value{display:flex;align-items:baseline;gap:4px;font-family:var(--st-display);font-size:clamp(38px,4.6vw,60px);line-height:1;font-variant-numeric:tabular-nums lining-nums;color:var(--st-ink);white-space:nowrap}
.asas-stats:not(.asas-stats--navy) .asas-stats__value{color:var(--st-navy)}
.asas-stats__unit{font-family:var(--st-font);font-size:.38em;font-weight:700;letter-spacing:.02em}
.asas-stats__label{margin:0;font-size:15px;font-weight:700;color:var(--st-ink)}
.asas-stats__note{margin:0;font-size:13px;line-height:1.55;color:var(--st-muted)}
@media (max-width:991px){
  .asas-stats__list{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:40px}
  .asas-stats__item:nth-child(odd){border-left:0;padding-left:0}
}
@media (max-width:767px){.asas-stats{padding-block:64px}.asas-stats__item{padding-inline:16px}}

/* theme h2 colour wins over the component on the live site — force it (5 Oct 2026) */
.asas-stats .asas-stats__title{color:var(--mellis-black,#27252a)}
.asas-stats.asas-stats--navy .asas-stats__title{color:#fff}
