/* ============================================================
   WEDDING-16 | animations.css
   Gentle ceremonial reveal
   ============================================================ */

.reveal {
  opacity: 0;
  transform: translateY(16px);
  transition:
    opacity 0.7s var(--ease-out),
    transform 0.7s var(--ease-out);
}
.reveal.is-visible {
  opacity: 1;
  transform: none;
}

@keyframes gateIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.gapura-icon {
  animation: gateIn 0.8s var(--ease-out) 0.1s both;
}
.gate-greeting {
  animation: gateIn 0.8s var(--ease-out) 0.25s both;
}
.gate-guest {
  animation: gateIn 0.8s var(--ease-out) 0.4s both;
}
.gate-couple {
  animation: gateIn 0.9s var(--ease-out) 0.55s both;
}
.gate-date {
  animation: gateIn 0.8s var(--ease-out) 0.7s both;
}
#btn-enter {
  animation: gateIn 0.8s var(--ease-out) 0.85s both;
}