/* ============================================================
   WEDDING-17 | animations.css
   ============================================================ */

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

@keyframes heroIn {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.hero-guest {
  animation: heroIn 0.6s var(--ease-out) 0.05s both;
}
.hero-title {
  animation: heroIn 0.7s var(--ease-out) 0.18s both;
}
.hero-tagline {
  animation: heroIn 0.6s var(--ease-out) 0.32s both;
}
.hero-meta {
  animation: heroIn 0.6s var(--ease-out) 0.46s both;
}
.hero-actions {
  animation: heroIn 0.6s var(--ease-out) 0.6s both;
}

@keyframes glowPulse {
  0%,
  100% {
    filter: brightness(1);
  }
  50% {
    filter: brightness(1.3);
  }
}
.led-num {
  animation: glowPulse 2.4s ease-in-out infinite;
}