/* Individual translate composes with existing GSAP/reveal transforms. */
.ceep-motion {
  translate: var(--ceep-x, 0px) var(--ceep-y, 0px);
}
/* Keep the still visible until a video has actually started. */
.showcase_item .hoverVid:not(.isPlaying):hover .imgWrapper:first-child img { opacity: 1; }
.showcase_item .hoverVid:not(.isPlaying) .imgWrapper:nth-child(2) video { opacity: 0; }
.showcase_item .hoverVid.isPlaying .imgWrapper:nth-child(2) video { opacity: 1; }
.showcase_inner:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 8px;
  border-radius: 8px;
}
@media (prefers-reduced-motion: reduce) {
  .ceep-motion { translate: none; }
}