.number-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.number { padding: 28px; border-radius: 22px; background: var(--aubergine-light); }
.number > b { display: block; font-family: var(--font-heading); font-size: 54px; font-weight: 800; line-height: 1; letter-spacing: -0.03em; color: #fff; }
.number h3 { margin-top: 14px; font-size: 17px; font-weight: 700; line-height: 1.3; color: #fff; }
.number h3 .placeholder { font-family: var(--font-body); }
.number p { margin-top: 6px; font-size: 15px; color: var(--muted-on-dark); }

/* Four across only while a card still fits the longest Dutch word, "gebruikerstevredenheid" */
@media (max-width: 1240px) {
  .number-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
  .number-grid { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .number { padding: 22px; }
}