/* Allow normal scrolling without page zoom gestures on mobile touchscreens. */
@media (max-width: 1019px) and (any-pointer: coarse) {
  html,
  body {
    touch-action: pan-x pan-y;
  }
}

/* Avoid inverted black image backgrounds and blend-mode artifacts on mobile. */
@media (max-width: 1019px) {
  body.home-focus .hm-hero-references .hm-reference-logos a {
    background: #fff;
    border: 1px solid #e4ebf5;
    border-radius: 10px;
    padding: 6px;
    overflow: hidden;
    isolation: isolate;
  }

  body.home-focus .hm-hero-references .hm-reference-logos img,
  body.home-focus .hm-hero-references .hm-reference-logos a:hover img {
    background: #fff;
    filter: none;
    mix-blend-mode: normal;
    opacity: 1;
  }
}