/* =================================================================
   HMS Frontend — ANIMATIONS / PREFS
   - All keyframes + reduced motion guard
   ================================================================= */

@keyframes mesh-drift {
  0% {
    transform: translate3d(0, 0, 0) scale(1);
  }

  100% {
    transform: translate3d(12px, -10px, 0) scale(1.04);
  }
}

@keyframes title-sheen {

  0%,
  12% {
    opacity: 0;
    transform: translateX(-20%) skewX(-20deg);
  }

  18%,
  22% {
    opacity: .7;
  }

  30% {
    opacity: 0;
    transform: translateX(120%) skewX(-20deg);
  }

  100% {
    opacity: 0;
  }
}

@keyframes underlineReveal {
  to {
    transform: scaleX(1);
  }
}

@keyframes dash {
  to {
    stroke-dashoffset: -60;
  }
}

@keyframes hotspot-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(59, 130, 246, .28);
  }

  70% {
    box-shadow: 0 0 0 18px rgba(59, 130, 246, 0);
  }

  100% {
    box-shadow: 0 0 0 0 rgba(59, 130, 246, 0);
  }
}

@keyframes pulse-ambient {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }

  60% {
    box-shadow: 0 0 0 18px rgba(0, 0, 0, 0);
  }

  100% {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}

@media (prefers-reduced-motion:reduce) {

  .hero--suite::before,
  .hero--suite::after,
  .hero__title::after,
  .media-line,
  .pulse::after {
    animation: none !important;
  }
}