/* Blend the original white product photographs into one cool-gray display surface.
   Source images, full-image framing and original-file links stay unchanged.
   The page scope is deliberately more specific than the final cinematic sheet. */
body.cinematic-inner[data-page="products"] .cinematic-hero :is(.pc-hero-product, .pd-product-photo) {
  min-width: 0;
  border: 1px solid #dce4e8;
  border-radius: 20px;
  background: #e8eef1;
  box-shadow: 0 12px 36px rgba(27, 40, 48, .07);
  overflow: hidden;
}

body.cinematic-inner[data-page="products"] .cinematic-hero :is(.pc-hero-product, .pd-product-photo) > a {
  min-width: 0;
  background: transparent;
  padding: clamp(10px, 1.2vw, 18px);
}

body.cinematic-inner[data-page="products"] .cinematic-hero :is(.pc-hero-product, .pd-product-photo) img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  mix-blend-mode: multiply;
}

body.cinematic-inner[data-page="products"] .cinematic-hero :is(.pc-hero-product, .pd-product-photo) figcaption {
  background: transparent;
  color: #43515b;
  border-top-color: rgba(53, 70, 81, .15);
  overflow-wrap: anywhere;
}

body.cinematic-inner[data-page="products"] .cinematic-hero :is(.pc-hero-product, .pd-product-photo) figcaption a {
  flex-shrink: 0;
  color: #242e35;
}

body.cinematic-inner[data-page="products"] .cinematic-hero :is(.pc-hero-product, .pd-product-photo) figcaption a:is(:hover, :focus-visible) {
  color: #b9231b;
}

body.cinematic-inner[data-page="products"] .cinematic-hero :is(.pc-hero-product, .pd-product-photo):focus-within {
  border-color: #b9231b;
}

/* The small-screen hero separates scenery from copy. Keep the complete image
   on a quiet light surface with no shadow outside the content area. */
@media (max-width: 767px) {
  body.cinematic-inner[data-page="products"] .cinematic-hero :is(.pc-hero-product, .pd-product-photo) {
    border-color: #e1e5e7;
    border-radius: 16px;
    background: #eef1f2;
    box-shadow: none;
  }
  body.cinematic-inner[data-page="products"] .cinematic-hero :is(.pc-hero-product, .pd-product-photo):focus-within {
    border-color: #b9231b;
  }
}