@media (hover: hover) and (pointer: fine) {
  .articles-grid .art-card {
    transition:
      transform .36s cubic-bezier(.2,.75,.25,1),
      box-shadow .36s ease !important;
  }

  .articles-grid .art-card .card-visual img {
    transition: transform .7s cubic-bezier(.2,.75,.25,1);
    transform-origin: center center;
  }

  .articles-grid .art-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 18px 38px rgba(13,52,80,.15) !important;
  }

  .articles-grid .art-card:hover .card-visual img {
    transform: scale(1.055);
  }
}

.articles-grid .art-card:focus-visible {
  outline: 3px solid rgba(41,157,216,.65);
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  .articles-grid .art-card,
  .articles-grid .art-card .card-visual img {
    transition: none !important;
  }
}