/* Top City v16 — compact, aligned desktop heroes for inner pages. */
@media (width >= 981px) {
  .products-page .products-hero,
  .production-page .production-hero,
  .about-page .story-hero,
  .cases-page .story-hero {
    box-sizing: border-box;
    min-height: clamp(610px, calc(100svh - 126px), 700px);
    padding-top: clamp(46px, 3.4vw, 64px);
    padding-bottom: clamp(46px, 3.4vw, 64px);
    display: flex;
    align-items: center;
  }

  .products-page .products-hero .page-hero-copy,
  .production-page .production-hero .page-hero-copy,
  .about-page .story-hero .page-hero-copy,
  .cases-page .story-hero .page-hero-copy {
    width: min(720px, 46%);
    max-width: 46%;
    align-self: center;
  }

  .products-page .products-hero h1,
  .production-page .production-hero h1,
  .about-page .story-hero h1,
  .cases-page .story-hero h1 {
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
    text-wrap: balance;
    font-size: clamp(52px, 4.3vw, 82px);
    line-height: .92;
  }

  .products-page .products-hero .page-kicker,
  .production-page .production-hero .page-kicker,
  .about-page .story-hero .page-kicker,
  .cases-page .story-hero .page-kicker {
    margin-bottom: 22px;
  }

  .products-page .products-hero .page-hero-lead,
  .production-page .production-hero .page-hero-lead,
  .about-page .story-hero .page-hero-lead,
  .cases-page .story-hero .page-hero-lead {
    max-width: 620px;
    margin-top: 22px;
    font-size: clamp(14px, .9vw, 16px);
    line-height: 1.55;
  }

  .products-page .products-hero .page-hero-actions,
  .production-page .production-hero .page-hero-actions,
  .about-page .story-hero .page-hero-actions,
  .cases-page .story-hero .page-hero-actions {
    margin-top: 24px;
  }

  .products-page .products-hero-stats,
  .production-page .production-hero-stats,
  .about-page .story-hero-facts,
  .cases-page .story-hero-facts {
    margin-top: 28px;
    padding-top: 16px;
  }

  .products-page .products-hero-art {
    inset: 24px 20px 24px 50%;
  }

  .production-page .production-hero .page-hero-visual {
    left: 50%;
  }

  .about-page .story-hero-art,
  .cases-page .story-hero-art {
    inset: 24px 22px 24px 50%;
  }
}

@media (981px <= width <= 1260px) {
  .products-page .products-hero,
  .production-page .production-hero,
  .about-page .story-hero,
  .cases-page .story-hero {
    padding-right: 42px;
    padding-left: 42px;
  }

  .products-page .products-hero .page-hero-copy,
  .production-page .production-hero .page-hero-copy,
  .about-page .story-hero .page-hero-copy,
  .cases-page .story-hero .page-hero-copy {
    width: 50%;
    max-width: 50%;
  }

  .products-page .products-hero h1,
  .production-page .production-hero h1,
  .about-page .story-hero h1,
  .cases-page .story-hero h1 {
    font-size: clamp(50px, 4.45vw, 58px);
  }

  .products-page .products-hero-art,
  .about-page .story-hero-art,
  .cases-page .story-hero-art {
    left: 52%;
  }

  .production-page .production-hero .page-hero-visual {
    left: 52%;
  }
}