/* Intentional addition to the original design: subtle image zoom on pointer hover. */
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  #aspot .slidebg,
  #projects .singleproject,
  #products .single-product {
    isolation: isolate;
    overflow: hidden;
  }
  #aspot .slidebg::after,
  #projects .singleproject::before,
  #products .single-product::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
    pointer-events: none;
    background-image: inherit;
    background-size: inherit;
    background-position: inherit;
    background-repeat: inherit;
    opacity: 1;
    transform: scale(1);
    transition: transform 650ms ease;
  }
  #aspot .slidebg:hover::after,
  #projects .singleproject:hover::before,
  #products .single-product:hover::before {
    transform: scale(1.03);
  }
  .featured-img,
  .news-img {
    overflow: hidden;
  }
  .featured-img img,
  .news-img img {
    transition: transform 650ms ease;
  }
  a:hover .featured-img img,
  a:hover .news-img img,
  .person:hover .featured-img img {
    transform: scale(1.03);
  }
}