/* Product hero baseline (390px) minus 50px, shared by three inner pages. */
@media (min-width: 981px) {
  body:is([data-page="about"], [data-page="products"], [data-page="contact"]) .page-hero {
    height: 340px;
    min-height: 340px;
    padding-block: 36px;
  }

  body:is([data-page="about"], [data-page="products"], [data-page="contact"]) .page-hero .eyebrow {
    margin-bottom: 14px;
  }

  body:is([data-page="about"], [data-page="products"], [data-page="contact"]) .page-hero h1 {
    margin-bottom: 16px;
    font-size: clamp(2.5rem, 3.45vw, 3.55rem);
  }

  body[data-page="about"] .page-hero-grid {
    gap: clamp(42px, 6vw, 88px);
  }

  body[data-page="about"] .heritage-figure.compact {
    min-height: 232px;
    padding: 26px 34px;
  }

  body[data-page="about"] .heritage-figure.compact span {
    font-size: clamp(4rem, 5vw, 5.4rem);
  }

  body[data-page="about"] .heritage-figure.compact p {
    margin-top: 12px;
  }
}

@media (max-width: 980px) and (min-width: 721px) {
  body:is([data-page="about"], [data-page="products"], [data-page="contact"]) .page-hero {
    min-height: 340px;
    padding-block: 44px;
  }

  body:is([data-page="about"], [data-page="products"], [data-page="contact"]) .page-hero h1 {
    margin-bottom: 16px;
    font-size: clamp(2.45rem, 5vw, 3.25rem);
  }

  body[data-page="about"] .heritage-figure.compact {
    min-height: 220px;
    padding: 24px 30px;
  }
}