/* Let pointer events reach the photo through the decorative contrast overlay. */
.hero-image{transition:filter 1s ease-in-out,opacity 1s ease-in-out}.hero-image.slide-reveal{filter:brightness(.18) saturate(.55)!important;opacity:.72}.hero::after{pointer-events:none}
@media(hover:hover) and (pointer:fine){.hero .hero-image:hover{filter:brightness(1.12) saturate(1)}}
@media(prefers-reduced-motion:reduce){.hero-image{transition:none}.hero-image.slide-reveal{filter:inherit!important;opacity:1}}
.hero::after{pointer-events:none}
.hero-image{transition:filter 1s ease-in-out}
@media(hover:hover) and (pointer:fine){
  .hero .hero-image:hover{filter:brightness(1.12) saturate(1)}
}
@media(prefers-reduced-motion:reduce){
  .hero-image{transition:none}
}