/**
 * El Attareen Group - Motion and Animation System
 * Smooth, intentional, GPU-accelerated motion with full prefers-reduced-motion support
 */

/* Reveal States for IntersectionObserver */
.reveal-on-scroll {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity var(--duration-deliberate) var(--ease-architectural),
    transform var(--duration-deliberate) var(--ease-architectural);
  will-change: opacity, transform;
}

.reveal-on-scroll.is-revealed {
  opacity: 1;
  transform: translateY(0);
}

.reveal-fade {
  opacity: 0;
  transition: opacity var(--duration-deliberate) var(--ease-smooth);
}

.reveal-fade.is-revealed {
  opacity: 1;
}

.reveal-stagger-1 {
  transition-delay: 100ms;
}

.reveal-stagger-2 {
  transition-delay: 200ms;
}

.reveal-stagger-3 {
  transition-delay: 300ms;
}

.reveal-stagger-4 {
  transition-delay: 400ms;
}

/* Subtle Ambient Glow and Drift */
@keyframes ambientDrift {
  0% {
    transform: translate(0, 0) scale(1);
  }

  50% {
    transform: translate(-10px, 8px) scale(1.03);
  }

  100% {
    transform: translate(0, 0) scale(1);
  }
}

.ambient-drift {
  animation: ambientDrift 18s ease-in-out infinite;
}

/* Reduced Motion Override */
@media (prefers-reduced-motion: reduce) {

  .reveal-on-scroll,
  .reveal-fade,
  .ambient-drift,
  .portal-geometric-ring,
  .portal-frame-wrap,
  .portal-dimensions-bg,
  .hero-seal-wrapper,
  .hero-seal-disc,
  .hero-seal-ring,
  .hero-centerpiece > *,
  .site-header {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
    transition: none !important;
  }
}