.stats { background: var(--band-bg); color: var(--band-ink); }
.stats .wrap {
  display: grid;
  /* auto-fit instead of a fixed repeat(4, ...) — stats now come from a
     CPT, so the count can be anything the client adds, not just 4. */
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  padding: 40px 32px;
}
.stats .stat { text-align: center; border-right: 1px solid rgba(255,255,255,0.12); }
.stats .stat:last-child { border-right: none; }
.stat-icon { display: flex; justify-content: center; margin-bottom: 16px; color: var(--accent); }
.stat-icon svg { width: 40px; height: 40px; }
.stats b { display: block; font-family: var(--font-display); font-size: 34px; margin-bottom: 4px; }
.stats span { font-size: 13px; opacity: 0.65; }

@media (max-width: 900px) {
  .stats .wrap { grid-template-columns: repeat(2,1fr); gap: 24px; }
  .stats .stat { border-right: none; }
}