/*
 * Portfolio projects grid (`/portfolio/projects`) — card hover.
 *
 * Mirrors live Webflow Interactions on `.flex-block-19` (MOUSE_OVER / OUT):
 *
 *   `.image-15` — scale 1 → 1.2 (250ms, inOutQuad) — action a-142 / a-143
 *   `.container-15` — translateY 0 → -100% (250ms) — action a-139 / a-141
 *
 * Loaded only on `/portfolio/projects`.
 */

.wf-body .section-3 .link-block-4 .flex-block-19 {
  width: 100%;
  height: 100%;
}

.wf-body .section-3 .link-block-4 .image-15 {
  transform: scale(1);
  transform-origin: center center;
}

.wf-body .section-3 .link-block-4 .container-15 {
  position: relative;
  z-index: 1;
  transform: translateY(0);
}

@media (prefers-reduced-motion: no-preference) and (hover: hover) and (pointer: fine) {
  .wf-body .section-3 .link-block-4 .image-15,
  .wf-body .section-3 .link-block-4 .container-15 {
    transition: transform 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  }

  .wf-body .section-3 .link-block-4:hover .image-15,
  .wf-body .section-3 .link-block-4:focus-visible .image-15 {
    transform: scale(1.2);
  }

  .wf-body .section-3 .link-block-4:hover .container-15,
  .wf-body .section-3 .link-block-4:focus-visible .container-15 {
    transform: translateY(-100%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .wf-body .section-3 .link-block-4 .image-15,
  .wf-body .section-3 .link-block-4 .container-15 {
    transition: none !important;
    transform: none !important;
  }
}