/* ==========================================================================
   MEDIA ZOOM — reusable hover-zoom for card/showcase imagery.

   Apply `.media-zoom` to whichever element's :hover should trigger the
   zoom — the whole card link (servizi/progetti: hovering anywhere on the
   card zooms its photo) or just the image wrapper itself (ESG: only the
   image is hoverable, there's no surrounding link). The class carries its
   own `overflow: hidden`, so it clips correctly either way without
   depending on a parent already having it.
   ========================================================================== */
.media-zoom { overflow: hidden; }

.media-zoom img {
  display: block;
  transition: transform var(--dur-zoom) var(--ease);
}

.media-zoom:hover img { transform: scale(1.06); }

@media (prefers-reduced-motion: reduce) {
  .media-zoom img { transition: none; }
}