/* The animated track is the compositor layer, not every image/card in it. */
.place-gallery-slide {
  will-change: auto;
  backface-visibility: visible;
}

.mentor-track[data-motion-paused],
.review-track[data-motion-paused],
[data-motion-paused] .place-gallery-track {
  animation-play-state: paused !important;
  will-change: auto !important;
}

/* Pause while reading or interacting, including keyboard navigation. */
.review-marquee:hover .review-track,
.review-marquee:focus-within .review-track,
.place-gallery:hover .place-gallery-track,
.field-gallery:hover .place-gallery-track {
  animation-play-state: paused;
}

.review-track article {
  transform: none;
  transform-style: flat;
}

.review-track article > div {
  backdrop-filter: none;
}

@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .review-track article:hover {
    transform: perspective(500px) rotateX(var(--review-rotate-x)) rotateY(var(--review-rotate-y));
  }
}

/* A lightweight backdrop remains if autoplay is disabled or Vimeo is offline. */
.home-page .hero-main {
  background: radial-gradient(ellipse at 80% 20%, #35304a 0, #28272d 45%, #15151d 100%);
}

.home-page .hero-video { opacity: 0; }
.home-page .hero-video[data-player-ready] { opacity: 1; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .mentor-track, .review-track, .place-gallery-track {
    animation: none !important;
    will-change: auto !important;
  }
  .review-track article { transition: none; }
}