.hero-art img {
  z-index: 1;
  cursor: pointer;
  transition: transform .55s cubic-bezier(.2,.8,.2,1), scale .55s cubic-bezier(.2,.8,.2,1), filter .4s ease, opacity .4s ease, box-shadow .4s ease;
  will-change: transform, scale;
}
.hero-art img:first-child { z-index: 2; }
@media (hover: hover) and (pointer: fine) {
  .hero-art:hover img:not(:hover) { opacity: .62; filter: grayscale(1) contrast(1.05) brightness(.62); }
  .hero-art img:hover { z-index: 5; scale: 1.055; transform: translateZ(155px); filter: grayscale(0) contrast(1.12) brightness(1.06); box-shadow: 0 42px 110px rgba(0,0,0,.82), 0 0 0 1px rgba(216,255,55,.4); }
}
@media (prefers-reduced-motion: reduce) { .hero-art img { transition: none; } }