/* ==========================================================================
   Секция 08 · Мы в цифрах
   ========================================================================== */

.stlk-numbers {
  padding-block: var(--stlk-section-pad);
  background: linear-gradient(160deg, var(--stlk-wood-900) 0%, color-mix(in srgb, var(--stlk-wood-900) 80%, black) 100%);
  color: var(--stlk-white);
}

.stlk-eyebrow--light {
  background: rgba(255, 255, 255, 0.12);
  color: var(--stlk-yellow-light);
}

.stlk-numbers__head { margin-bottom: clamp(32px, 4vw, 48px); }
.stlk-numbers__title { color: var(--stlk-white); font-size: var(--stlk-fs-h2); margin-top: 16px; }

.stlk-numbers__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  background: rgba(255, 255, 255, 0.12);
  border-radius: var(--stlk-radius-l);
  overflow: hidden;
}

.stlk-num-card {
  background: var(--stlk-wood-900);
  padding: 30px 24px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.stlk-num-card--fun { background: #241808; }

.stlk-num-card__value {
  font-family: var(--stlk-font-display);
  font-weight: 800;
  font-size: clamp(2rem, 3vw, 2.75rem);
  color: var(--stlk-yellow);
  font-variant-numeric: tabular-nums;
}

.stlk-num-card__label {
  font-size: var(--stlk-fs-small);
  color: rgba(255, 255, 255, 0.72);
}

@media (max-width: 860px) {
  .stlk-numbers__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
  .stlk-numbers__grid { grid-template-columns: 1fr; }
}