/* Shared lazy-loading reveal styles (used with assets/perf.js) */

img.lazy-media {
  opacity: 0;
  filter: blur(10px);
  transform: translate3d(0, 0, 0) scale(1.01);
  -webkit-transform: translate3d(0, 0, 0) scale(1.01);
  transition: opacity 520ms ease, filter 720ms ease, transform 720ms ease;
  will-change: opacity, filter;
}

img.lazy-media.is-loaded {
  opacity: 1;
  filter: blur(0);
  transform: translate3d(0, 0, 0) scale(1);
  -webkit-transform: translate3d(0, 0, 0) scale(1);
}

/* Keep videos visible so posters/covers show immediately */
video.lazy-media {
  opacity: 1;
  filter: none;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
}

@media (prefers-reduced-motion: reduce) {
  img.lazy-media,
  video.lazy-media {
    transition: none;
    filter: none;
  }
}