/* Subtle motion for complete, unobstructed photography. */
@keyframes completePhotoDrift {
  0%,
  100% {
    transform: translate3d(0, 0, 0);
  }

  50% {
    transform: translate3d(0, -3px, 0);
  }
}

.static-gallery figure,
.stay-portrait-grid figure,
.gallery-feature,
.gallery-photo,
.day-card,
.film-card,
.experience-media,
.bird-reference-card {
  overflow: visible !important;
}

.static-gallery img,
.stay-portrait-grid img,
.day-card img,
.villa-card img,
.gallery-feature img,
.gallery-photo img,
.film-card img,
.experience-media img,
.bird-reference-card img {
  animation: completePhotoDrift 8.5s ease-in-out infinite !important;
  transform-origin: center !important;
  will-change: transform;
}

.static-gallery figure:nth-child(2n) img,
.stay-portrait-grid figure:nth-child(2n) img,
.gallery-photo:nth-child(2n) img,
.day-card:nth-child(2n) img,
.film-card:nth-child(2n) img {
  animation-delay: -2.8s !important;
  animation-duration: 9.5s !important;
}

.static-gallery figure:nth-child(3n) img,
.stay-portrait-grid figure:nth-child(3n) img,
.gallery-photo:nth-child(3n) img {
  animation-delay: -5.1s !important;
  animation-duration: 10.5s !important;
}

.villa-card {
  overflow: visible !important;
}

.villa-card-content {
  background: rgba(255, 255, 255, 0.98) !important;
}

.static-gallery figure::before,
.static-gallery figure::after,
.stay-portrait-grid figure::before,
.stay-portrait-grid figure::after,
.gallery-feature::before,
.gallery-feature::after,
.gallery-photo::before,
.gallery-photo::after,
.day-card::before,
.day-card::after,
.film-card::before,
.film-card::after,
.villa-card::before,
.villa-card::after,
.experience-media::before,
.experience-media::after,
.bird-reference-card::before,
.bird-reference-card::after {
  display: none !important;
  content: none !important;
  background: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.static-gallery figcaption,
.stay-portrait-grid figcaption,
.gallery-feature figcaption,
.gallery-photo figcaption,
.day-card > div,
.film-card > div {
  position: static !important;
  background: transparent !important;
  background-image: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
}

@media (prefers-reduced-motion: reduce) {
  .static-gallery img,
  .stay-portrait-grid img,
  .day-card img,
  .villa-card img,
  .gallery-feature img,
  .gallery-photo img,
  .film-card img,
  .experience-media img,
  .bird-reference-card img {
    animation: none !important;
    transform: none !important;
  }
}