/* English-only overview and storage Hero alignment. */
html[lang="en"] .products-hub .ph-hero,
html[lang="en"] .mss-page .mss-hero{
  min-height:640px;
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
}

html[lang="en"] .products-hub .ph-hero{background-image:url("/assets/images/product-system-heroes/products-overview.webp")}
html[lang="en"] .mss-page .mss-hero{background-image:url("/assets/images/product-system-heroes/museum-storage.webp")}

html[lang="en"] .products-hub .ph-hero__layout,
html[lang="en"] .mss-page .mss-hero__layout{padding-block:92px}

html[lang="en"] .products-hub .ph-hero h1,
html[lang="en"] .mss-page .mss-hero h1{
  max-width:650px;
  font-size:clamp(48px,4.35vw,64px);
  line-height:1.05;
}

@media (max-width:1000px){
  html[lang="en"] .products-hub .ph-hero,
  html[lang="en"] .mss-page .mss-hero{min-height:560px;background-position:62% center}
}

@media (max-width:650px){
  html[lang="en"] .products-hub .ph-hero,
  html[lang="en"] .mss-page .mss-hero{min-height:0;background-position:66% top}
  html[lang="en"] .products-hub .ph-hero__layout,
  html[lang="en"] .mss-page .mss-hero__layout{padding-block:38px 28px}
  html[lang="en"] .products-hub .ph-hero h1,
  html[lang="en"] .mss-page .mss-hero h1{font-size:clamp(36px,10vw,46px);line-height:1.06}
}

/* Mobile product-directory copy needs the same light field as the desktop hero. */
@media (max-width:650px){
  html[lang="en"] .products-hub .ph-hero{
    background-image:linear-gradient(180deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.88) 51%,rgba(255,255,255,.38) 100%),url("/assets/images/product-system-heroes/products-overview.webp");
  }
}