/* Shared photographic Hero treatment for the nine active Solution pages. */
.archive-conservation-page .ac-hero,
.works-paper-page .wp-hero,
.pest-control-page .pc-hero,
.display-microclimate-page .dm-hero,
.museum-storage-page .ms-hero,
.water-recovery-page .wr-hero {
  background-image:
    linear-gradient(90deg, rgba(255, 255, 255, .98) 0%, rgba(255, 255, 255, .94) 34%, rgba(255, 255, 255, .58) 52%, rgba(255, 255, 255, .12) 76%, rgba(255, 255, 255, .04) 100%),
    var(--solution-hero-image);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.archive-conservation-page { --solution-hero-image: url('/assets/images/solution-heroes/archives-books-documents-conservation.webp'); }
.works-paper-page { --solution-hero-image: url('/assets/images/solution-heroes/works-on-paper-east-asian-painting-conservation.webp'); }
.metal-ceramic-page { --solution-hero-image: url('/assets/images/solution-heroes/metal-ceramic-artifact-conservation.webp'); }
.archaeology-field-page { --solution-hero-image: url('/assets/images/solution-heroes/archaeological-finds-field-conservation.webp'); }
.decontamination-page { --solution-hero-image: url('/assets/images/solution-heroes/collection-dust-mold-decontamination.webp'); }
.pest-control-page { --solution-hero-image: url('/assets/images/solution-heroes/museum-archive-pest-control.webp'); }
.display-microclimate-page { --solution-hero-image: url('/assets/images/solution-heroes/museum-display-case-microclimate-control.webp'); }
.museum-storage-page { --solution-hero-image: url('/assets/images/solution-heroes/museum-storage-solutions.webp'); }
.water-recovery-page { --solution-hero-image: url('/assets/images/solution-heroes/water-damaged-books-archives-recovery.webp'); }

.archive-conservation-page .ac-hero__copy,
.works-paper-page .wp-hero__copy,
.pest-control-page .pc-hero__copy,
.display-microclimate-page .dm-hero__copy,
.museum-storage-page .ms-hero__copy,
.water-recovery-page .wr-hero__copy {
  position: relative;
  z-index: 1;
}

@media (max-width: 760px) {
  .archive-conservation-page .ac-hero,
  .works-paper-page .wp-hero,
  .pest-control-page .pc-hero,
  .display-microclimate-page .dm-hero,
  .museum-storage-page .ms-hero,
  .water-recovery-page .wr-hero {
    background-image:
      linear-gradient(90deg, rgba(255, 255, 255, .98) 0%, rgba(255, 255, 255, .94) 58%, rgba(255, 255, 255, .66) 100%),
      var(--solution-hero-image);
    background-position: 62% center;
  }
}