/* Progressive enhancement: the original image reserves space and remains the fallback. */
.cover-motion {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-radius: 8px;
  aspect-ratio: 1672 / 941;
}
.cover-motion .post-cover {
  position: relative;
  z-index: 2;
  width: 100%;
  height: auto;
  opacity: 1;
  transition: opacity 180ms ease;
}
.cover-motion__plate,
.cover-motion__canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  pointer-events: none;
}
.cover-motion__plate { z-index: 0; }
.cover-motion__canvas { z-index: 1; }
.cover-motion.is-playing .post-cover { opacity: 0; }
@media (prefers-reduced-motion: reduce), (hover: none), (pointer: coarse), (max-width: 650px) {
  .cover-motion .post-cover { opacity: 1 !important; transition: none; }
  .cover-motion__plate, .cover-motion__canvas { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .post-card[data-cover-motion] { transition: none; }
  .post-card[data-cover-motion]:hover { transform: none; }
}