/* ==========================================================================
   Animation utilities — subtle, slow, editorial. Never bounce, never flash.
   ========================================================================== */

.reveal-delay-1 { transition-delay: 80ms; }
.reveal-delay-2 { transition-delay: 160ms; }
.reveal-delay-3 { transition-delay: 240ms; }
.reveal-delay-4 { transition-delay: 320ms; }
.reveal-delay-5 { transition-delay: 400ms; }
.reveal-delay-6 { transition-delay: 480ms; }

/* Page transition overlay (main.js toggles .is-active on navigation) */
.page-transition {
  position: fixed;
  inset: 0;
  background: var(--color-bg-dark);
  z-index: 500;
  pointer-events: none;
  opacity: 0;
  transition: opacity 420ms cubic-bezier(.4,0,.2,1);
}
.page-transition.is-active { opacity: 1; pointer-events: all; }

/* Preloader */
.preloader {
  position: fixed;
  inset: 0;
  z-index: 999;
  background: var(--color-bg-dark);
  color: var(--color-text-dark);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 640ms cubic-bezier(.4,0,.2,1), visibility 640ms;
}
.preloader__mark {
  font-family: var(--font-display);
  font-size: 15px;
  letter-spacing: 0.5em;
  opacity: 0.85;
}
.preloader.is-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  .page-transition { transition: none; }
}