/* Blok: Cijfers */
.stats{ display:grid; gap:1px; }
@media (min-width:640px){ .stats{ grid-template-columns:repeat(2,1fr); } }
@media (min-width:960px){
	.stats--n3{ grid-template-columns:repeat(3,1fr); }
	.stats--n4{ grid-template-columns:repeat(4,1fr); }
}
.stat{ display:flex; flex-direction:column; gap:.35rem; padding:var(--sp-4) var(--sp-3); background:var(--paper); }
.stat__num{
	font-family:var(--font-display); font-weight:800; line-height:1; letter-spacing:-.01em;
	font-size:clamp(2.4rem, 1.6rem + 2.5vw, 3.6rem); color:var(--ink);
}
.stat__num .u{ color:var(--accent); }
.stat__label{
	font-family:var(--font-mono); font-size:var(--fs-mono); letter-spacing:.14em;
	text-transform:uppercase; color:var(--ink-mute);
}
.stat__note{ font-size:.92rem; color:var(--ink-soft); }

/* Paneel: één kader met scheidingslijnen */
.stats--panel{ background:var(--line); border:1px solid var(--line); border-radius:var(--r-lg); overflow:hidden; }

/* Open: geen kaders, alleen ruimte */
.stats--open{ gap:var(--sp-4); background:none; }
.stats--open .stat{ padding:0; background:none; }

/* Op een donkere band zijn de kolommen ondoorzichtig en iets donkerder dan de
   band zelf; de 1px tussenruimte laat de lichte paneelkleur zien en vormt zo
   de scheidingslijnen. Met een half-transparante kolom scheen de decoratieve
   gloed van .band__arc erdoorheen en kreeg elke kolom een andere tint. */
.band .stat{ background:var(--inset); }
.band .stats--panel{ background:var(--band-hair); border-color:var(--band-hair); }
.band .stats--open .stat{ background:none; }
.band .stat__num{ color:#fff; }
.band .stat__num .u{ color:var(--brand-4); }
.band .stat__label{ color:rgba(255,255,255,.6); }
.band .stat__note{ color:rgba(255,255,255,.76); }