/* Redesign Stylesheet: motion.css — SEED 171621 */

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

@keyframes rise-in {
  from {
    opacity: 0;
    transform: translateY(1.25rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes numeral-drift {
  from {
    opacity: 0;
    transform: translateX(-0.5rem) scale(0.96);
  }
  to {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
}

@keyframes sky-pulse {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(126, 200, 245, 0.35);
  }
  50% {
    box-shadow: 0 0 0 10px rgba(126, 200, 245, 0);
  }
}

.hero-chaos .brand-mark,
.hero-chaos .hero-inline-nav,
.hero-chaos .eyebrow,
.hero-chaos .headline,
.hero-chaos .deck,
.hero-chaos .byline,
.hero-chaos .hero-visual,
.hero-chaos .hero-jump {
  animation: rise-in var(--dur-slow) var(--ease-out) both;
}

.hero-chaos .brand-mark { animation-delay: 40ms; }
.hero-chaos .hero-inline-nav { animation-delay: 100ms; }
.hero-chaos .eyebrow { animation-delay: 160ms; }
.hero-chaos .headline { animation-delay: 220ms; }
.hero-chaos .deck { animation-delay: 300ms; }
.hero-chaos .byline { animation-delay: 360ms; }
.hero-chaos .hero-visual { animation-delay: 280ms; }
.hero-chaos .hero-jump { animation-delay: 420ms; }

.chaos-block::before {
  animation: numeral-drift var(--dur-slow) var(--ease-out) both;
}

.chaos-block {
  animation: rise-in var(--dur-slow) var(--ease-out) both;
}

.chaos-block[data-slot="1"] { animation-delay: 60ms; }
.chaos-block[data-slot="2"] { animation-delay: 100ms; }
.chaos-block[data-slot="3"] { animation-delay: 140ms; }
.chaos-block[data-slot="4"] { animation-delay: 180ms; }
.chaos-block[data-slot="5"] { animation-delay: 220ms; }

.cta-btn {
  animation: sky-pulse 2.8s var(--ease-out) infinite;
}

.cta-btn:hover {
  animation: none;
  transform: translateY(-2px);
}

.jump-chip:active,
.cta-btn:active {
  transform: translateY(1px);
}

.review-card {
  transition: transform var(--dur-med) var(--ease-out), border-color var(--dur-fast);
}

.review-card:hover {
  transform: translateY(-4px);
  border-color: var(--color-line);
}

.chaos-block .block-media img,
.hero-visual img {
  transition: filter var(--dur-med) var(--ease-out), transform var(--dur-slow) var(--ease-out);
}

.chaos-block:hover .block-media img,
.hero-visual:hover img {
  filter: brightness(1.06) saturate(1.05);
  transform: scale(1.015);
}

.footer-links a {
  transition: letter-spacing var(--dur-fast) var(--ease-out), color var(--dur-fast);
}

.footer-links a:hover {
  letter-spacing: 0.12em;
}