/* Work covers: monochrome only on desktop with a mouse, until hover. */
@media (hover: hover) and (pointer: fine) {
  .works-grid .work__media img,
  .works-grid .work__video {
    filter: grayscale(1);
    transition: transform 1.3s var(--ease), filter 0.7s var(--ease);
  }

  .works-grid .work__link:hover .work__media img,
  .works-grid .work__link:hover .work__video {
    filter: grayscale(0) brightness(0.92);
  }
}

/* Touch devices keep the covers in colour. */
@media (prefers-reduced-motion: reduce) {
  .works-grid .work__media img,
  .works-grid .work__video {
    transition: none;
  }
}