/*
 * Subpage Hero V4
 * Removes the repeated blue-left/photo-right template and gives each
 * content family an appropriate first-screen composition.
 */

:root {
  --sub4-page: min(1440px, calc(100vw - 64px));
  --sub4-paper: #f5f6f4;
  --sub4-white: #fff;
  --sub4-ink: #071116;
  --sub4-muted: #657178;
  --sub4-blue: #07549b;
  --sub4-copper: #bd6c36;
}

/* Company — quiet editorial composition */
.page-about.platform-experience .sub-hero {
  width: var(--sub4-page);
  min-height: 700px;
  margin: 36px auto 76px;
  padding: 0;
  grid-template-columns: minmax(400px, .8fr) minmax(560px, 1.2fr);
  color: var(--sub4-ink);
  background: var(--sub4-white);
  border: 1px solid #dce1e1;
  box-shadow: 0 22px 70px rgba(7, 17, 22, .08);
}

.page-about.platform-experience .sub-hero > div:first-child {
  padding: 76px clamp(42px, 5vw, 76px);
}

.page-about.platform-experience .sub-hero .breadcrumb,
.page-about.platform-experience .sub-hero .breadcrumb a {
  color: #7a858b;
}

.page-about.platform-experience .sub-hero .eyebrow {
  color: var(--sub4-blue);
}

.page-about.platform-experience .sub-hero h1 {
  max-width: 640px;
  color: var(--sub4-ink);
  font-size: clamp(54px, 5vw, 78px);
  line-height: 1.02;
}

.page-about.platform-experience .sub-hero h1 span {
  color: var(--sub4-ink);
}

.page-about.platform-experience .sub-hero-lead {
  color: var(--sub4-muted) !important;
}

.page-about.platform-experience .sub-hero-media {
  min-height: 700px;
  border: 0;
  background: #e8ecec;
}

.page-about.platform-experience .sub-hero-media::after {
  background: linear-gradient(180deg, transparent 68%, rgba(7, 17, 22, .42));
}

.page-about.platform-experience .sub-hero-media img {
  object-position: center 43%;
}

/* Manufacturing, quality and applications — one photographic thesis */
.page-capabilities.platform-experience .sub-hero,
.page-quality.platform-experience .sub-hero,
.page-applications.platform-experience .sub-hero {
  position: relative;
  width: var(--sub4-page);
  min-height: min(760px, calc(100svh - 142px));
  margin: 36px auto 76px;
  padding: 0;
  display: grid;
  grid-template: "hero" 1fr / 1fr;
  color: #fff;
  background: var(--sub4-ink);
  border: 1px solid #1f292e;
  box-shadow: 0 24px 70px rgba(7, 17, 22, .16);
}

.page-capabilities.platform-experience .sub-hero > div:first-child,
.page-quality.platform-experience .sub-hero > div:first-child,
.page-applications.platform-experience .sub-hero > div:first-child {
  z-index: 3;
  grid-area: hero;
  width: min(720px, 58%);
  padding: 84px clamp(38px, 5vw, 76px);
  justify-content: flex-end;
}

.page-capabilities.platform-experience .sub-hero-media,
.page-quality.platform-experience .sub-hero-media,
.page-applications.platform-experience .sub-hero-media {
  z-index: 1;
  grid-area: hero;
  width: 100%;
  min-height: 0;
  height: 100%;
  border: 0;
}

.page-capabilities.platform-experience .sub-hero-media::after,
.page-quality.platform-experience .sub-hero-media::after,
.page-applications.platform-experience .sub-hero-media::after {
  background:
    linear-gradient(90deg, rgba(5, 13, 18, .92) 0%, rgba(5, 13, 18, .72) 34%, rgba(5, 13, 18, .2) 68%, rgba(5, 13, 18, .04) 100%),
    linear-gradient(180deg, rgba(5, 13, 18, .08) 54%, rgba(5, 13, 18, .58) 100%);
}

.page-capabilities.platform-experience .sub-hero-media img {
  object-position: 62% center;
}

.page-quality.platform-experience .sub-hero-media img {
  object-position: 64% center;
}

.page-applications.platform-experience .sub-hero-media img {
  object-position: center 46%;
}

.page-capabilities.platform-experience .sub-hero .breadcrumb,
.page-capabilities.platform-experience .sub-hero .breadcrumb a,
.page-quality.platform-experience .sub-hero .breadcrumb,
.page-quality.platform-experience .sub-hero .breadcrumb a,
.page-applications.platform-experience .sub-hero .breadcrumb,
.page-applications.platform-experience .sub-hero .breadcrumb a {
  color: #d3dcdf;
}

.page-capabilities.platform-experience .sub-hero .eyebrow,
.page-quality.platform-experience .sub-hero .eyebrow,
.page-applications.platform-experience .sub-hero .eyebrow {
  color: #9bcdf0;
}

.page-capabilities.platform-experience .sub-hero h1,
.page-quality.platform-experience .sub-hero h1,
.page-applications.platform-experience .sub-hero h1 {
  font-size: clamp(56px, 5.7vw, 84px);
  text-shadow: 0 3px 24px rgba(0, 0, 0, .18);
}

.page-capabilities.platform-experience .sub-hero h1 span,
.page-quality.platform-experience .sub-hero h1 span,
.page-applications.platform-experience .sub-hero h1 span {
  color: #fff;
}

.page-capabilities.platform-experience .sub-hero-lead,
.page-quality.platform-experience .sub-hero-lead,
.page-applications.platform-experience .sub-hero-lead {
  color: #d9e1e4 !important;
}

/* Engineering resources — document cover, not a corporate blue block */
.page-resources .resources-hero {
  width: var(--sub4-page);
  min-height: 690px;
  margin: 36px auto 76px;
  padding: 0;
  grid-template-columns: minmax(430px, 1.06fr) minmax(420px, .94fr);
  gap: 0;
  color: var(--sub4-ink);
  background: var(--sub4-paper);
  border: 1px solid #dce1e1;
}

.page-resources .resources-hero > div:first-child {
  padding: 76px clamp(42px, 5vw, 76px);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.page-resources .resources-hero .breadcrumb,
.page-resources .resources-hero .breadcrumb a,
.page-resources .resources-hero .sub-hero-lead {
  color: var(--sub4-muted);
}

.page-resources .resources-hero .eyebrow {
  color: var(--sub4-blue);
}

.page-resources .resources-hero h1,
.page-resources .resources-hero h1 span {
  color: var(--sub4-ink);
}

.page-resources .resource-cover {
  min-height: 690px;
  border: 0;
  border-left: 1px solid #d6dddd;
  box-shadow: none;
  background: #fff;
}

/* MCPCB — product-stage editorial layout */
.page-mcpcb .detail-hero {
  width: var(--sub4-page);
  min-height: 690px;
  margin: 36px auto 76px;
  padding: 0;
  grid-template-columns: minmax(440px, .9fr) minmax(520px, 1.1fr);
  gap: 0;
  background: #fff;
  border: 1px solid #dce1e1;
}

.page-mcpcb .detail-hero > div:first-child {
  padding: 72px clamp(42px, 5vw, 76px);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.page-mcpcb .detail-hero .sub-hero-media {
  min-height: 690px;
  border: 0;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .78), transparent 42%),
    #e8eded;
}

.page-mcpcb .detail-hero .sub-hero-media img {
  width: 88%;
  height: 88%;
  max-height: none;
  object-fit: contain;
}

/* Product families — white information plane plus neutral product stage */
.page-product-category.product-system-v4 .category-hero {
  width: var(--sub4-page);
  min-height: 620px;
  margin: 36px auto 76px;
  grid-template-columns: minmax(430px, .88fr) minmax(540px, 1.12fr);
  overflow: hidden;
  background: #fff;
  border: 1px solid #dce1e1;
  box-shadow: 0 22px 70px rgba(7, 17, 22, .07);
}

.page-product-category.product-system-v4 .category-hero-copy {
  padding: 70px clamp(42px, 5vw, 76px);
  color: var(--sub4-ink);
  background: #fff;
}

.page-product-category.product-system-v4 .category-hero-copy .breadcrumb,
.page-product-category.product-system-v4 .category-hero-copy .breadcrumb a {
  color: #7b878d;
}

.page-product-category.product-system-v4 .category-hero-copy .eyebrow {
  color: var(--sub4-blue);
}

.page-product-category.product-system-v4 .category-hero-copy h1 {
  color: var(--sub4-ink);
}

.page-product-category.product-system-v4 .category-hero-copy > p:last-of-type {
  color: var(--sub4-muted);
}

.page-product-category.product-system-v4 .category-hero-copy .text-link {
  color: var(--sub4-ink);
}

.page-product-category.product-system-v4 .category-hero-media {
  min-height: 620px;
  border-left: 1px solid #dce1e1;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, 0) 45%),
    #edf1f1;
}

.page-product-category.product-system-v4 .category-hero-media img {
  width: 88%;
  height: 88%;
  margin: auto;
  object-fit: contain;
  transition: transform .8s cubic-bezier(.22, 1, .36, 1);
}

.page-product-category.product-system-v4 .category-hero-media:hover img,
.page-about.platform-experience .sub-hero-media:hover img,
.page-mcpcb .detail-hero .sub-hero-media:hover img {
  transform: scale(1.045);
}

@media (max-width: 960px) {
  :root { --sub4-page: calc(100vw - 40px); }

  .page-about.platform-experience .sub-hero,
  .page-resources .resources-hero,
  .page-mcpcb .detail-hero,
  .page-product-category.product-system-v4 .category-hero {
    grid-template-columns: 1fr;
  }

  .page-about.platform-experience .sub-hero > div:first-child,
  .page-resources .resources-hero > div:first-child,
  .page-mcpcb .detail-hero > div:first-child,
  .page-product-category.product-system-v4 .category-hero-copy {
    padding: 58px 40px;
  }

  .page-about.platform-experience .sub-hero-media,
  .page-resources .resource-cover,
  .page-mcpcb .detail-hero .sub-hero-media,
  .page-product-category.product-system-v4 .category-hero-media {
    min-height: 520px;
    border-left: 0;
    border-top: 1px solid #dce1e1;
  }

  .page-capabilities.platform-experience .sub-hero > div:first-child,
  .page-quality.platform-experience .sub-hero > div:first-child,
  .page-applications.platform-experience .sub-hero > div:first-child {
    width: min(760px, 76%);
  }
}

@media (max-width: 600px) {
  :root { --sub4-page: calc(100vw - 24px); }

  .page-about.platform-experience .sub-hero,
  .page-capabilities.platform-experience .sub-hero,
  .page-quality.platform-experience .sub-hero,
  .page-applications.platform-experience .sub-hero,
  .page-resources .resources-hero,
  .page-mcpcb .detail-hero,
  .page-product-category.product-system-v4 .category-hero {
    width: var(--sub4-page);
    min-height: 0;
    margin: 18px auto 42px;
    border-radius: 0;
    box-shadow: none;
  }

  .page-about.platform-experience .sub-hero > div:first-child,
  .page-resources .resources-hero > div:first-child,
  .page-mcpcb .detail-hero > div:first-child,
  .page-product-category.product-system-v4 .category-hero-copy {
    padding: 42px 24px 38px;
  }

  .page-about.platform-experience .sub-hero h1,
  .page-capabilities.platform-experience .sub-hero h1,
  .page-quality.platform-experience .sub-hero h1,
  .page-applications.platform-experience .sub-hero h1,
  .page-resources .resources-hero h1,
  .page-mcpcb .detail-hero h1,
  .page-product-category.product-system-v4 .category-hero h1 {
    font-size: 34px;
    line-height: 1.08;
    letter-spacing: -.045em;
  }

  .page-about.platform-experience .sub-hero-media,
  .page-resources .resource-cover,
  .page-mcpcb .detail-hero .sub-hero-media,
  .page-product-category.product-system-v4 .category-hero-media {
    min-height: 330px;
    height: 330px;
  }

  .page-capabilities.platform-experience .sub-hero,
  .page-quality.platform-experience .sub-hero,
  .page-applications.platform-experience .sub-hero {
    min-height: 650px;
  }

  .page-capabilities.platform-experience .sub-hero > div:first-child,
  .page-quality.platform-experience .sub-hero > div:first-child,
  .page-applications.platform-experience .sub-hero > div:first-child {
    width: 100%;
    min-height: 650px;
    padding: 44px 24px 40px;
  }

  .page-capabilities.platform-experience .sub-hero-media::after,
  .page-quality.platform-experience .sub-hero-media::after,
  .page-applications.platform-experience .sub-hero-media::after {
    background:
      linear-gradient(180deg, rgba(5, 13, 18, .15) 0%, rgba(5, 13, 18, .42) 42%, rgba(5, 13, 18, .94) 100%);
  }

  .page-resources .resource-cover > strong {
    font-size: 104px;
  }

  .page-product-category.product-system-v4 .category-hero-media img {
    width: 94%;
    height: 94%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-product-category.product-system-v4 .category-hero-media img,
  .page-about.platform-experience .sub-hero-media img,
  .page-mcpcb .detail-hero .sub-hero-media img {
    transition: none;
  }
}

/*
 * Final compact mode
 * Subpages start with information, not a repeated decorative image template.
 * Real factory photos remain in content sections and real product images remain
 * in product lists and product-detail pages.
 */
.page-about.platform-experience .sub-hero,
.page-capabilities.platform-experience .sub-hero,
.page-quality.platform-experience .sub-hero,
.page-applications.platform-experience .sub-hero,
.page-resources .resources-hero,
.page-mcpcb .detail-hero,
.page-product-category.product-system-v4 .category-hero {
  width: var(--sub4-page);
  min-height: 0;
  margin: 32px auto 64px;
  padding: 0;
  display: block;
  color: var(--sub4-ink);
  background: #fff;
  border: 1px solid #dce1e1;
  box-shadow: none;
}

.page-about.platform-experience .sub-hero > div:first-child,
.page-capabilities.platform-experience .sub-hero > div:first-child,
.page-quality.platform-experience .sub-hero > div:first-child,
.page-applications.platform-experience .sub-hero > div:first-child,
.page-resources .resources-hero > div:first-child,
.page-mcpcb .detail-hero > div:first-child,
.page-product-category.product-system-v4 .category-hero-copy {
  width: 100%;
  min-height: 390px;
  padding: 68px clamp(44px, 6vw, 92px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: var(--sub4-ink);
  background:
    linear-gradient(90deg, rgba(7, 84, 155, .035), transparent 44%),
    #fff;
}

.page-about.platform-experience .sub-hero-media,
.page-capabilities.platform-experience .sub-hero-media,
.page-quality.platform-experience .sub-hero-media,
.page-applications.platform-experience .sub-hero-media,
.page-resources .resource-cover,
.page-mcpcb .detail-hero .sub-hero-media,
.page-product-category.product-system-v4 .category-hero-media {
  display: none !important;
}

.page-about.platform-experience .sub-hero .breadcrumb,
.page-about.platform-experience .sub-hero .breadcrumb a,
.page-capabilities.platform-experience .sub-hero .breadcrumb,
.page-capabilities.platform-experience .sub-hero .breadcrumb a,
.page-quality.platform-experience .sub-hero .breadcrumb,
.page-quality.platform-experience .sub-hero .breadcrumb a,
.page-applications.platform-experience .sub-hero .breadcrumb,
.page-applications.platform-experience .sub-hero .breadcrumb a,
.page-resources .resources-hero .breadcrumb,
.page-resources .resources-hero .breadcrumb a,
.page-mcpcb .detail-hero .breadcrumb,
.page-mcpcb .detail-hero .breadcrumb a,
.page-product-category.product-system-v4 .category-hero-copy .breadcrumb,
.page-product-category.product-system-v4 .category-hero-copy .breadcrumb a {
  color: #77838a;
}

.page-about.platform-experience .sub-hero .eyebrow,
.page-capabilities.platform-experience .sub-hero .eyebrow,
.page-quality.platform-experience .sub-hero .eyebrow,
.page-applications.platform-experience .sub-hero .eyebrow,
.page-resources .resources-hero .eyebrow,
.page-mcpcb .detail-hero .eyebrow,
.page-product-category.product-system-v4 .category-hero-copy .eyebrow {
  color: var(--sub4-blue);
}

.page-about.platform-experience .sub-hero h1,
.page-capabilities.platform-experience .sub-hero h1,
.page-quality.platform-experience .sub-hero h1,
.page-applications.platform-experience .sub-hero h1,
.page-resources .resources-hero h1,
.page-mcpcb .detail-hero h1,
.page-product-category.product-system-v4 .category-hero h1 {
  max-width: 1080px;
  color: var(--sub4-ink);
  font-size: clamp(50px, 5vw, 72px);
  line-height: 1.04;
  letter-spacing: -.055em;
  text-shadow: none;
}

.page-about.platform-experience .sub-hero h1 br,
.page-capabilities.platform-experience .sub-hero h1 br,
.page-quality.platform-experience .sub-hero h1 br,
.page-applications.platform-experience .sub-hero h1 br,
.page-resources .resources-hero h1 br,
.page-mcpcb .detail-hero h1 br {
  display: none;
}

.page-about.platform-experience .sub-hero h1 span,
.page-capabilities.platform-experience .sub-hero h1 span,
.page-quality.platform-experience .sub-hero h1 span,
.page-applications.platform-experience .sub-hero h1 span,
.page-resources .resources-hero h1 span,
.page-mcpcb .detail-hero h1 span {
  margin-left: .22em;
  color: var(--sub4-ink);
}

.page-about.platform-experience .sub-hero-lead,
.page-capabilities.platform-experience .sub-hero-lead,
.page-quality.platform-experience .sub-hero-lead,
.page-applications.platform-experience .sub-hero-lead,
.page-resources .resources-hero .sub-hero-lead,
.page-mcpcb .detail-hero .sub-hero-lead,
.page-product-category.product-system-v4 .category-hero-copy > p:last-of-type {
  max-width: 800px;
  color: var(--sub4-muted) !important;
}

.page-capabilities.platform-experience .sub-hero-actions .text-link,
.page-quality.platform-experience .sub-hero-actions .text-link,
.page-applications.platform-experience .sub-hero-actions .text-link {
  color: var(--sub4-ink);
}

@media (max-width: 600px) {
  .page-about.platform-experience .sub-hero,
  .page-capabilities.platform-experience .sub-hero,
  .page-quality.platform-experience .sub-hero,
  .page-applications.platform-experience .sub-hero,
  .page-resources .resources-hero,
  .page-mcpcb .detail-hero,
  .page-product-category.product-system-v4 .category-hero {
    margin: 16px auto 36px;
  }

  .page-about.platform-experience .sub-hero > div:first-child,
  .page-capabilities.platform-experience .sub-hero > div:first-child,
  .page-quality.platform-experience .sub-hero > div:first-child,
  .page-applications.platform-experience .sub-hero > div:first-child,
  .page-resources .resources-hero > div:first-child,
  .page-mcpcb .detail-hero > div:first-child,
  .page-product-category.product-system-v4 .category-hero-copy {
    min-height: 0;
    padding: 38px 24px 36px;
  }

  .page-about.platform-experience .sub-hero h1,
  .page-capabilities.platform-experience .sub-hero h1,
  .page-quality.platform-experience .sub-hero h1,
  .page-applications.platform-experience .sub-hero h1,
  .page-resources .resources-hero h1,
  .page-mcpcb .detail-hero h1,
  .page-product-category.product-system-v4 .category-hero h1 {
    font-size: 34px;
    line-height: 1.1;
  }
}