/* Content is visible by default; JavaScript opts into progressive entrances. */
.atina-motion-ready .atina-reveal {
  opacity: 1;
  translate: 0 24px;
  transition:
    opacity 950ms cubic-bezier(.2,.65,.25,1) var(--atina-delay,0ms),
    translate 1150ms cubic-bezier(.16,1,.3,1) var(--atina-delay,0ms);
}

.atina-motion-ready .atina-reveal-soft { translate: 0 14px; }
.atina-motion-ready .atina-reveal-image {
  translate: 0 18px;
  transition-duration: 1250ms,1450ms;
}

/* These image wrappers already clip their media, leaving gallery hover intact. */
.atina-motion-ready :is(.arrival-photo,.location-image,.space-image-wrap).atina-reveal > img {
  scale: 1.055;
  transition: scale 1650ms cubic-bezier(.16,1,.3,1) var(--atina-delay,0ms);
}
.atina-motion-ready :is(.arrival-photo,.location-image,.space-image-wrap).atina-revealed > img {
  scale: 1;
}
.atina-motion-ready .atina-revealed { opacity: 1; translate: none; }

/* A focused control and its container must never wait for an animation. */
.atina-motion-ready .atina-instant,
.atina-motion-ready .atina-reveal:focus-within {
  opacity: 1;
  translate: none;
  transition: none;
}
.atina-motion-ready :is(.atina-instant,.atina-reveal:focus-within) > img {
  scale: 1;
  transition: none;
}

@media (max-width:760px) {
  .atina-motion-ready .atina-reveal {
    translate: 0 18px;
    transition-duration: 800ms,1000ms;
    transition-delay: min(var(--atina-delay,0ms),120ms);
  }
  .atina-motion-ready .atina-reveal-image { translate: 0 12px; }
  .atina-motion-ready .atina-revealed,
  .atina-motion-ready .atina-instant,
  .atina-motion-ready .atina-reveal:focus-within { translate: none; }
}

@media (prefers-reduced-motion:reduce) {
  .atina-motion-ready .atina-reveal { opacity: 1; translate: none; transition: none; }
  .atina-motion-ready .atina-reveal > img { scale: none !important; transition: none !important; }
}

@media print {
  .atina-motion-ready .atina-reveal { opacity: 1; translate: none; transition: none; }
  .atina-motion-ready .atina-reveal > img { scale: none !important; transition: none !important; }
}
