/* PAXTON inner-page banner system — Stage 1
   Scope: compact all non-home page headers, unify their color and improve title wrapping.
   Homepage hero is intentionally excluded. */

:root {
  --inner-banner-bg: #f4f2ed;
  --inner-banner-border: #d7dcdf;
  --inner-banner-media: #e7eaec;
}

/* Shared surface */
.about-intro-hero,
.contact-hero,
.page-header,
.news-page-header,
.news-article-header,
.technical-v4 .ts-hero,
.product-page-v2 .product-hero,
.unified-legacy-page .hero-page {
  min-height: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  background: var(--inner-banner-bg) !important;
  color: var(--ink) !important;
  border: 0 !important;
  border-bottom: 1px solid var(--inner-banner-border) !important;
  box-shadow: none !important;
}

/* Shared content measure */
.about-intro-hero .about-intro-shell,
.contact-hero > .shell,
.page-header .page-header-grid,
.news-page-header .news-header-grid,
.news-article-header > .shell,
.technical-v4 .ts-hero-grid,
.product-page-v2 .product-hero-grid,
.unified-legacy-page .hero-page > .wrap {
  width: min(1120px, calc(100% - 64px)) !important;
  min-height: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-top: 22px !important;
  padding-bottom: 22px !important;
}

/* Text-only page headers */
.contact-hero > .shell,
.page-header--plain .page-header-grid,
.news-article-header > .shell,
.unified-legacy-page .hero-page > .wrap {
  display: block !important;
}

/* Image-bearing page headers */
.page-header .page-header-grid,
.news-page-header .news-header-grid,
.technical-v4 .ts-hero-grid,
.product-page-v2 .product-hero-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.05fr) minmax(340px, .95fr) !important;
  gap: 34px !important;
  align-items: center !important;
}

.page-header--plain .page-header-grid {
  grid-template-columns: minmax(0, 820px) !important;
}

/* About header remains text-led, without an oversized decorative mark */
.about-intro-hero .about-intro-shell {
  display: block !important;
}
.about-intro-hero .about-intro-copy {
  max-width: 880px !important;
}
.about-intro-hero .about-intro-mark {
  display: none !important;
}

/* Breadcrumb and small labels */
.about-intro-hero .breadcrumb-editorial,
.contact-hero .breadcrumb-editorial,
.page-header .breadcrumb-editorial,
.news-page-header .breadcrumb-editorial,
.news-article-header .breadcrumb-editorial,
.technical-v4 .ts-hero .breadcrumb-editorial,
.product-page-v2 .product-hero .breadcrumb-editorial,
.unified-legacy-page .breadcrumb {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 7px !important;
  margin: 0 0 9px !important;
  color: #667583 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
}
.about-intro-hero .breadcrumb-editorial a,
.contact-hero .breadcrumb-editorial a,
.page-header .breadcrumb-editorial a,
.news-page-header .breadcrumb-editorial a,
.news-article-header .breadcrumb-editorial a,
.technical-v4 .ts-hero .breadcrumb-editorial a,
.product-page-v2 .product-hero .breadcrumb-editorial a {
  color: var(--ink) !important;
}
.about-intro-hero .kicker,
.contact-hero .kicker,
.page-header .kicker,
.news-page-header .kicker,
.technical-v4 .ts-hero .kicker,
.product-page-v2 .product-hero .kicker,
.unified-legacy-page .hero-page .eyebrow {
  margin: 0 0 8px !important;
  color: var(--gold) !important;
}

/* Natural, balanced headings. Desktop target: generally 1–3 lines. */
.about-intro-hero h1,
.contact-hero h1,
.page-header h1,
.news-page-header h1,
.news-article-header h1,
.technical-v4 .ts-hero h1,
.product-page-v2 .product-hero h1,
.unified-legacy-page .hero-page h1 {
  max-width: 24ch !important;
  margin: 0 0 10px !important;
  overflow: visible !important;
  color: var(--ink) !important;
  font-family: var(--condensed) !important;
  font-size: clamp(36px, 3.25vw, 48px) !important;
  line-height: 1.02 !important;
  letter-spacing: -.012em !important;
  text-transform: none !important;
  text-wrap: balance;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
}
.news-article-header h1 {
  max-width: 28ch !important;
}

/* Compact summaries */
.about-intro-hero p,
.contact-hero p,
.page-header p,
.news-page-header p,
.news-article-header p,
.technical-v4 .ts-hero p,
.product-page-v2 .product-hero p,
.unified-legacy-page .hero-page .lede {
  max-width: 68ch !important;
  margin: 0 !important;
  color: var(--muted) !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
}

/* Shorter visual frames, approximately half the former height */
.page-header-media,
.news-header-media,
.technical-v4 .ts-hero-media,
.product-page-v2 .product-hero-media {
  min-height: 0 !important;
  height: 190px !important;
  max-height: 190px !important;
  aspect-ratio: auto !important;
  margin: 0 !important;
  overflow: hidden !important;
  background: var(--inner-banner-media) !important;
  border: 1px solid var(--inner-banner-border) !important;
  box-shadow: none !important;
}
.page-header-media img,
.news-header-media img,
.technical-v4 .ts-hero-media img,
.product-page-v2 .product-hero-media img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
  object-fit: cover !important;
}
.page-header-media.contain img,
.technical-v4 .ts-hero-media img[src*="hero-production-line"],
.product-page-v2 .product-hero-media.contain img {
  object-fit: contain !important;
  padding: 10px !important;
  background: #fff !important;
}

/* Keep header actions compact */
.product-hero-actions,
.ts-hero-actions,
.page-header-actions {
  margin-top: 14px !important;
}

@media (max-width: 900px) {
  .page-header .page-header-grid,
  .news-page-header .news-header-grid,
  .technical-v4 .ts-hero-grid,
  .product-page-v2 .product-hero-grid {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }
  .page-header-media,
  .news-header-media,
  .technical-v4 .ts-hero-media,
  .product-page-v2 .product-hero-media {
    height: 170px !important;
    max-height: 170px !important;
  }
}

@media (max-width: 760px) {
  .about-intro-hero .about-intro-shell,
  .contact-hero > .shell,
  .page-header .page-header-grid,
  .news-page-header .news-header-grid,
  .news-article-header > .shell,
  .technical-v4 .ts-hero-grid,
  .product-page-v2 .product-hero-grid,
  .unified-legacy-page .hero-page > .wrap {
    width: min(100% - 36px, 1120px) !important;
    padding-top: 18px !important;
    padding-bottom: 18px !important;
  }
  .about-intro-hero h1,
  .contact-hero h1,
  .page-header h1,
  .news-page-header h1,
  .news-article-header h1,
  .technical-v4 .ts-hero h1,
  .product-page-v2 .product-hero h1,
  .unified-legacy-page .hero-page h1 {
    max-width: none !important;
    font-size: clamp(31px, 9vw, 40px) !important;
    line-height: 1.04 !important;
    text-wrap: balance !important;
  }
  .page-header-media,
  .news-header-media,
  .technical-v4 .ts-hero-media,
  .product-page-v2 .product-hero-media {
    height: 150px !important;
    max-height: 150px !important;
  }
}