/*
 * ENITA neutral silver stage unification.
 *
 * Keep the products catalogue on its paper-white information canvas while the
 * complete LESS / IS MORE manifesto shares one real silver-paper texture with
 * the homepage opening layer. The carousel artwork itself is only neutralised
 * in colour; its composition and transition rules remain untouched.
 */

/* One continuous image spans the manifesto artwork, the copy, and the mobile
   navigation inset so the transparent top bar always reveals the same stage. */
.product-directory-page .product-balance-intro {
  background-image: url("../images/generated/home-brand-intro-v20260905/home-brand-intro-silver-paper-grain-v20260905-01.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-origin: border-box;
  background-clip: border-box;
}

.product-directory-page .product-balance-intro__visual,
.product-directory-page .product-balance-intro__copy {
  background: transparent;
}

.product-directory-page .product-balance-intro__visual {
  border-right: 0;
}

/* Keep secondary copy legible over the silver midtones without changing type. */
.product-directory-page .product-balance-intro__heading p,
.product-directory-page .product-balance-intro__principles dt,
.product-directory-page .product-balance-intro__principle-en {
  color: #555754;
}

/* The latest white-breathing-oil plate carries a barely warm photographic
   cast. Neutralise only its colour channel so the approved composition,
   product detail, fixed typography and carousel transitions remain intact. */
.hero-home-concept-carousel .home-hero-slide > picture > img {
  filter: grayscale(1);
}

/* The opening brand reveal sits above the carousel. Keep the same cool silver
   tone as the root Hero, but give the reveal its own image plate so the Hero's
   paper grain remains visible without carrying over a line, map, or subject.
   The two legacy paper panes stay transparent so their seam never appears. */
.home-brand-intro {
  /* Keep the opening opaque while the texture plate is loading. */
  background-color: #e4e5e1;
  background-image: url("../images/generated/home-brand-intro-v20260906/home-brand-intro-grain-plate-desktop-v20260906-01.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media (max-width: 980px) {
  .home-brand-intro {
    background-image: url("../images/generated/home-brand-intro-v20260906/home-brand-intro-grain-plate-v20260906-01.webp");
  }
}

/* Keep the mobile opening film in front of the home hero and site shell. */
@media (max-width: 980px) {
  html.is-home-page.is-home-opening.is-brand-intro-playing:not(.is-menu-open):not(.is-nav-panel-open) .site-header {
    z-index: 70;
    pointer-events: none;
  }
}

.home-brand-intro__paper {
  background-color: transparent;
  background-image: none;
}