/* Keep color transitions while scrolling without filtering the page behind the header. */
#site-nav .nav-inner, .water-nav .water-nav-inner {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  :is(.art-slot .generated-art[src], .mobile-showcase img, .u-art img) {
    transition: translate .32s cubic-bezier(.22, 1, .36, 1), scale .32s cubic-bezier(.22, 1, .36, 1);
  }

  :is(.art-slot:hover .generated-art[src], .mobile-showcase img:hover, .u-art:hover img) {
    translate: 0 -3px;
    scale: 1.012;
  }
}