/* ============================================================
   bufet — ряд счётчиков под героем.
   Перенос из docs/02/design_2/assets/home-c.css (строки 264–272)
   плюс относящиеся к секции правила блока RESPONSIVE.
   ============================================================ */
.stats { padding-block: var(--section-y); }
.stats__grid { display: grid; gap: clamp(20px, 3vw, 48px); }
/* Ряд из ТРЁХ величин — модификатор партиалов по числу значений, см. docs/PARITY-CHECK.md пункт 22 */
.stats__grid:not(.stats__grid--3) { grid-template-columns: repeat(4, 1fr); }
.stats__grid--3 { grid-template-columns: repeat(3, 1fr); }
.stat { border-top: 2px solid var(--ink); padding-top: 20px; }
.stat__n { font-family: var(--font-display); font-weight: 800; font-size: clamp(2.6rem, 5vw, 4.6rem); line-height: 1; letter-spacing: -.04em; color: var(--ink); }
.stat__n .suf { color: var(--accent); }
.stat__l { color: var(--ink-2); font-size: .98rem; margin-top: 12px; max-width: 18ch; }

@media (max-width: 1024px) {
  .stats__grid { gap: 36px 28px; }
  .stats__grid:not(.stats__grid--3) { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 767px) {
  .stats__grid--3 { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  .stats__grid:not(.stats__grid--3) { grid-template-columns: repeat(2, 1fr); gap: 28px 20px; }
  .stat__n { font-size: 2.4rem; }
}