/* Hero stats with the subscriber-pool tile (js/network-stats.v1.js). Four
   columns are reserved up front so the strip doesn't shift when the figure
   arrives; two-by-two on phones. */
.hero-stats.hero-stats--network {
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 760px) {
  .hero-stats.hero-stats--network {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* The large reach figure in the /advertisers hero. */
.reach-stat {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 28px;
}
.reach-stat[hidden] {
  display: none;
}
.reach-stat strong {
  font-size: clamp(2.4rem, 5vw, 3.4rem);
  line-height: 1;
  font-weight: 800;
  letter-spacing: -0.045em;
  color: var(--brand);
  font-variant-numeric: tabular-nums;
}
.reach-stat span {
  font-size: 0.9375rem;
  color: var(--muted);
}