@media (prefers-reduced-motion: no-preference) {
  .hero-proofwall::before {
    animation: o4ProofScan 7s ease-in-out infinite;
  }

  .hero-proofwall-card,
  .directory-tool-card {
    transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;
  }

  .hero-proofwall-card:hover,
  .hero-proofwall-card:focus-visible,
  .directory-tool-card:hover,
  .directory-tool-card:focus-within {
    transform: translateY(-3px);
  }

  .hero-proofwall-card:hover .hero-proofwall-image,
  .hero-proofwall-card:focus-visible .hero-proofwall-image {
    transform: scale(1.025);
    filter: saturate(0.95) contrast(1.08);
  }

  .hero-proofwall-image {
    transition: transform 520ms ease, filter 520ms ease;
  }
}

@keyframes o4ProofScan {
  0%,
  52% {
    transform: translateY(-90%);
    opacity: 0;
  }

  62% {
    opacity: 1;
  }

  100% {
    transform: translateY(310%);
    opacity: 0;
  }
}