:root {
  --product-photo-paper: #f5faf4;
}

/* The existing white image backgrounds take on the color of their photo cards. */
main :is(
  .home-specimen,
  .device-visual,
  .detail-figure,
  .detail-figure .cartridge-zoom,
  .gallery-stage,
  .gallery-zoom,
  .gallery-thumb,
  .fit-part-photo,
  .compat-model-photo,
  .part-comparison-image,
  .part-art-box,
  .graphics-reference .part-art-box,
  .part-family-open,
  .vm1-open,
  .coil-open,
  .cartridge-standard-open,
  .cartridge-standard [data-standard-art],
  [data-standard-thumb],
  .dialog-stage,
  .dialog-thumb
) {
  background-color: var(--product-photo-paper);
  isolation: isolate;
}

main :is(
  .home-specimen,
  .device-visual,
  .detail-figure,
  .gallery-zoom,
  .gallery-thumb,
  .fit-part-photo,
  .compat-model-photo,
  .part-comparison-image,
  .part-art-box,
  .graphics-reference .part-art-box,
  .cartridge-standard [data-standard-art],
  [data-standard-thumb],
  .dialog-stage,
  .dialog-thumb
) img {
  mix-blend-mode: multiply;
}

/* The coil stylesheet uses important declarations to protect the image framing. */
main .coil-art {
  background-color: var(--product-photo-paper) !important;
}

main .coil-art > img.coil-picture {
  mix-blend-mode: multiply !important;
}