/**
 * Azureline Wedding Invitation — Keyframe & Motion CSS Rules
 */

/* Hardware Acceleration & 3D Perspective Wrappers */
.envelope-wrapper,
.countdown-card,
.story-card,
.event-card {
  will-change: transform, opacity;
  transform-style: preserve-3d;
  backface-visibility: hidden;
}

/* Spin Animation for Preloader */
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.preloader-spinner {
  animation: spin 1.2s linear infinite;
}


/* Digit Flip Transition Helper */
.countdown-number {
  display: inline-block;
  will-change: transform, opacity;
  transform-origin: center center;
}