/**
 * Case / projekte teaser hover — Webflow IX parity (MOUSE_OVER scale on thumbnail).
 * .caseteaser already has overflow:hidden in machbar2023.webflow.css.
 */

.caseteaser .machbar-caseteaser-media,
.caseteaser > img:not(.coming-soon),
.caseteaser .grid-tile-image {
  display: block;
  width: 100%;
  height: auto;
  transform: scale(1);
  transform-origin: center center;
  transition:
    transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94),
    filter 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  will-change: transform;
}

.caseteaser .video_w_pi_div {
  overflow: hidden;
  transform: scale(1);
  transform-origin: center center;
  transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  will-change: transform;
}

.caseteaser .video_w_pi_div .machbar-grid-poster {
  display: block;
  width: 100%;
  height: auto;
}

.caseteaser .video_w_pi_div .machbar-grid-video {
  object-fit: cover;
  object-position: center center;
}

@media screen and (min-width: 992px) and (hover: hover) and (pointer: fine) {
  .case_link_block:hover .caseteaser .machbar-caseteaser-media,
  .case_link_block:hover .caseteaser > img:not(.coming-soon),
  .case_link_block:hover .caseteaser .grid-tile-image,
  .case_link_block:hover .caseteaser .video_w_pi_div {
    transform: scale(1.1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .caseteaser .machbar-caseteaser-media,
  .caseteaser > img:not(.coming-soon),
  .caseteaser .grid-tile-image,
  .caseteaser .video_w_pi_div {
    transition: none;
  }

  .case_link_block:hover .caseteaser .machbar-caseteaser-media,
  .case_link_block:hover .caseteaser > img:not(.coming-soon),
  .case_link_block:hover .caseteaser .grid-tile-image,
  .case_link_block:hover .caseteaser .video_w_pi_div {
    transform: none;
  }
}