/**
 * Counting Number Component
 *
 * Single stat: large accent-red number + optional unit, trust-coloured
 * description below.
 *
 * Figma file:  N6kF1KIiLZbouSzQ6Hc92E
 * Figma frame: Counting-Numbers organism — 863:28593
 */

.counting-number {
  display: flex;
  flex-direction: column;
  gap: 25px;
  align-items: flex-start;
}

/* ── Number + Unit row ── */
.counting-number__stat {
  display: flex;
  align-items: flex-end;
  gap: 25px;
  margin: 0;
  white-space: nowrap;
}

.counting-number__value,
.counting-number__unit {
  font-family: var(--font-bosch-sans, 'Bosch Sans'), sans-serif;
  font-weight: var(--font-weight-bold, 700);
  font-size: var(--text-display-4, 80px);
  line-height: 1.1;
  letter-spacing: -0.023em; /* ≈ -2.116px at 92px */
  color: var(--accent, #fa263a);
  font-feature-settings: 'zero' 1;
}

/* ── Description ── */
.node--type-article.node--view-mode-full .counting-number__description {
  min-width: 50%;
}

.counting-number__description {
  margin: 0;
  font-family: var(--font-bosch-sans, 'Bosch Sans'), sans-serif;
  font-weight: 400;
  font-size: 22px;
  line-height: 1.5;
  letter-spacing: -0.01em; /* ≈ -0.22px at 22px */
  color: var(--trust, #550a2d);
  font-feature-settings: 'zero' 1;
}

.surface--trust .counting-number__description {
  color: var(--white, #ffffff);
}