/* XAOC MUSIC V83.4 — visible but gentle living artwork motion. Layout and card size stay fixed. */
@keyframes xaoc-cover-living-v834 {
  0%   { transform: scale(1.035) translate3d(-.42%, .18%, 0); }
  50%  { transform: scale(1.088) translate3d(.48%, -.42%, 0); }
  100% { transform: scale(1.045) translate3d(-.30%, .45%, 0); }
}

.release-card.xaoc-cover-motion-active .cover-wrap > img,
.store-card.xaoc-cover-motion-active > img,
.world-card.xaoc-cover-motion-active > img,
.video-card.xaoc-cover-motion-active .video-image img,
.artist-art.xaoc-cover-motion-active img {
  animation: xaoc-cover-living-v834 22s ease-in-out infinite alternate !important;
  transform-origin: center center;
  will-change: transform;
}

/* Desynchronize neighboring cards so covers never look like one synchronized grid. */
.release-grid > .release-card:nth-child(4n+2) .cover-wrap > img,
.world-grid > .world-card:nth-child(4n+2) img,
.video-grid > .video-card:nth-child(3n+2) .video-image img { animation-delay: -6s !important; }
.release-grid > .release-card:nth-child(4n+3) .cover-wrap > img,
.world-grid > .world-card:nth-child(4n+3) img,
.video-grid > .video-card:nth-child(3n+3) .video-image img { animation-delay: -11s !important; }
.release-grid > .release-card:nth-child(4n+4) .cover-wrap > img,
.world-grid > .world-card:nth-child(4n+4) img { animation-delay: -16s !important; }
.store-grid > .store-card:nth-child(3n+2) > img { animation-delay: -8s !important; }
.store-grid > .store-card:nth-child(3n+3) > img { animation-delay: -14s !important; }

@media (prefers-reduced-motion: reduce) {
  .release-card.xaoc-cover-motion-active .cover-wrap > img,
  .store-card.xaoc-cover-motion-active > img,
  .world-card.xaoc-cover-motion-active > img,
  .video-card.xaoc-cover-motion-active .video-image img,
  .artist-art.xaoc-cover-motion-active img {
    animation: none !important;
    transform: none !important;
    will-change: auto;
  }
}
html[data-motion-preference="reduced"] .release-card.xaoc-cover-motion-active .cover-wrap > img,
html[data-motion-preference="reduced"] .store-card.xaoc-cover-motion-active > img,
html[data-motion-preference="reduced"] .world-card.xaoc-cover-motion-active > img,
html[data-motion-preference="reduced"] .video-card.xaoc-cover-motion-active .video-image img,
html[data-motion-preference="reduced"] .artist-art.xaoc-cover-motion-active img {
  animation: none !important;
  transform: none !important;
  will-change: auto;
}