/* The original content remains visible when JavaScript or motion is unavailable. */
.motion-text-line {
  display: inline;
  color: inherit !important;
}

/* Keep the existing hover zoom on the image separate from the entrance. */
@media (prefers-reduced-motion: no-preference) {
  .work-card.motion-entering .card-image {
    will-change: transform, opacity, clip-path;
  }

  .work-card.motion-entering .card-caption {
    will-change: transform, opacity;
  }
}

@media (prefers-reduced-motion: reduce) {
  .motion-text-line {
    opacity: 1 !important;
  }

  .work-card.motion-entering .card-image,
  .work-card.motion-entering .card-caption {
    opacity: 1 !important;
    transform: none !important;
    clip-path: none !important;
    will-change: auto;
  }
}