/* ==========================================================================
   Block: Statistics band
   ========================================================================== */

/* 1440x214 measured — much shorter than the standard 160px-all-sides
   section padding would allow (that alone is more than the whole band's
   height), so this overrides padding-block directly rather than using the
   block's own Vertical Spacing field. 64px top is measured directly.
   MEASURE: stats-band bottom padding — spec gives top/right/left (64px)
   but not bottom, so this is back-calculated from the total instead of
   taken from a token (214 total - 64 top - ~98px of figure+label content
   ≈ 52px), to at least land on the one number the spec does give (214px
   total height) rather than a value with no relation to it. Still a
   placeholder, not measured — check against the Figma layer directly. */
.awx-stats {
  position: relative;
  overflow: hidden;
  padding-top: 4rem;    /* 64px, measured */
  padding-bottom: 3.25rem; /* ~52px, back-calculated — see MEASURE above */
}

/* Spec measures this section's own padding at 64px on right/left (as well
   as top) — but the shared .awx-section__inner gutter this block would
   otherwise inherit is a clamp(20px, 4vw, 56px) capped at a 1120px
   container, narrower than 64px at every viewport and capped at the wrong
   content width besides. This overrides that shared gutter directly for
   this block only, scaled from the 1440px reference the same way
   accordion-media's full-bleed padding is, rather than a bare 64px that
   would stay fixed past that width. */
.awx-stats .awx-section__inner {
  width: 100%;
  padding-inline: clamp(1rem, 4.44vw, 4rem); /* 64px at 1440 */
}

/* No swoosh on stats-band — removed. It's always a dark (inverse) surface,
   and gold at 5% opacity only reads on a light one; the visible half of
   this seam's swoosh belongs to cta-closing (the light section that
   follows it), extending upward into stats-band instead — see
   blocks/cta-closing/style.css. */

.awx-stats__header {
  /* No max-width here — see the identical comment on .awx-card-grid__header. */
  margin-bottom: var(--awx-space-md);
  text-align: center;
}

.awx-stats__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem; /* 24px, measured — was --awx-space-md (32px) */
  margin: 0;
}

@media (min-width: 48rem) {
  .awx-stats__grid {
    grid-template-columns: repeat(var(--awx-stats-columns, 4), 1fr);
  }
}

.awx-stats__item {
  text-align: center;
}

.awx-stats__figure {
  margin: 0;
  color: var(--surface-accent);
  font-family: var(--awx-font-display);
  font-size: var(--awx-stats-figure-size);
  font-weight: 700; /* was 900 — measured weight is DINOT 700 */
  line-height: 1.1;     /* 110% */
  letter-spacing: -0.01em; /* -1% */
}

.awx-stats__label {
  margin: var(--awx-space-2xs) 0 0;
  color: var(--surface-heading);
  font-family: var(--awx-font-body);
  font-size: 1.25rem;   /* 20px, was 16px */
  font-weight: 600;     /* was 700 */
  line-height: 1.2;     /* 120% */
  letter-spacing: 0.12em; /* 12%, was 3% */
  text-transform: uppercase;
}