/* ==========================================================================
   interior-scale.css — compact density matching the promotions page
   Load after components.css on all K-12 / public interior pages.
   ========================================================================== */

/* ---- Section rhythm ----------------------------------------------------- */
.section {
  padding-block: clamp(2.5rem, 1.25rem + 3.5vw, 5.5rem);
}

.section__head {
  margin-bottom: clamp(2rem, 1.5rem + 2vw, 3rem);
}

.section__lead {
  font-size: var(--fs-body);
  line-height: var(--lh-body);
}

/* ---- CTA bands -------------------------------------------------------- */
.cta-band__title {
  font-size: clamp(1.625rem, 1.05rem + 2vw, 2.25rem);
  line-height: var(--lh-heading);
}

.cta-band__lead {
  font-size: var(--fs-body);
  line-height: var(--lh-body);
}

.cta-band__note {
  font-size: var(--fs-body);
  line-height: var(--lh-body);
}

/* ---- Home hero stat cards (schools + public) ---------------------------- */
.home-hero--cards .hero-stat {
  padding: var(--space-20);
}

@media (min-width: 1024px) {
  .home-hero--cards .hero-stat {
    min-height: 200px;
    padding: var(--space-20);
  }

  .home-hero--cards .hero-stat--navy { margin-top: -18%; }
  .home-hero--cards .hero-stat--blue { margin-top: -20%; }
}

.home-hero--cards .hero-stat__icon {
  height: 26px;
  margin-bottom: var(--space-8);
}

.home-hero--cards .hero-stat__icon img {
  height: 24px;
}

.home-hero--cards .hero-stat__value {
  font-size: clamp(1.5rem, 1.2rem + 1vw, 2rem);
}

.home-hero--cards .hero-stat__value--sm {
  font-size: clamp(1.125rem, 1rem + 0.4vw, 1.375rem);
}

.home-hero--cards .hero-stat__label {
  font-size: var(--fs-small);
}

.home-hero--cards .hero-stat__text {
  font-size: var(--fs-small);
  line-height: 1.5;
}

.home-hero--cards .home-hero__grid {
  /* Was clamp(2.5rem … 5.5rem). This rule outranks the one in home.css, so the
     hero's real breathing room is set here. */
  padding-block: clamp(1.75rem, 1rem + 2vw, 3.5rem);
}

/* ---- Intro / story blocks --------------------------------------------- */
.intro__title {
  margin-bottom: var(--space-24);
  font-size: clamp(1.625rem, 1.2rem + 1.2vw, 2.25rem);
}

.intro__figure .story-stats__plate {
  width: 200px;
  height: 220px;
  padding: var(--space-24);
}

.intro__figure .story-stats__plate .story-stats__value {
  font-size: clamp(1.75rem, 1.4rem + 0.8vw, 2.25rem);
}

.story-stat__name {
  font-size: clamp(1.25rem, 1.05rem + 0.6vw, 1.625rem);
}

.story-stat__phone {
  font-size: clamp(1.0625rem, 0.95rem + 0.35vw, 1.25rem);
}

.stat-card__value {
  font-size: clamp(1.75rem, 1.3rem + 1.2vw, 2.25rem);
}

.stat-card__value--sm {
  font-size: clamp(1.125rem, 1rem + 0.35vw, 1.375rem);
}

.stat-card__label {
  font-size: var(--fs-small);
}

/* ---- Publisher detail --------------------------------------------------- */
.pub-offers__head .section__title {
  font-size: clamp(1.625rem, 1.2rem + 1vw, 2.25rem);
}

.offer-showcase__brand-name {
  font-size: clamp(1.375rem, 1.1rem + 0.9vw, 1.875rem);
}

/* ---- About page large blocks ------------------------------------------ */
.memoriam__title,
.why-work__title,
.about-publishers__title,
.k12-schools__title {
  font-size: clamp(1.625rem, 1.2rem + 1.2vw, 2.25rem);
}
