/* ── Motion enhancement layer ─────────────────────────────────
   Isolated file. Adds polished reveals, stagger, and ambient
   micro-motion. Does not override layout, color, typography,
   or existing component behaviour.
   ──────────────────────────────────────────────────────────── */

/* Upgrade the existing section-level fade-in with a premium easing
   and slightly longer duration so card stagger has room to breathe. */
.fade-in {
  transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1) !important;
  transition-duration: 0.6s !important;
}

/* ── Ambient: hero profile ring — slow dashed spin ─────────── */
@keyframes motion-ring-spin {
  from { transform: scale(1.05) rotate(0deg); }
  to   { transform: scale(1.05) rotate(360deg); }
}

.hero-profile-ring {
  animation: motion-ring-spin 30s linear infinite;
}

/* ── Ambient: hero status dot — gentle pulse ────────────────── */
@keyframes motion-status-pulse {
  0%, 100% { box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.28); }
  50%       { box-shadow: 0 0 0 6px rgba(34, 197, 94, 0.07); }
}

.hero-status-dot {
  animation: motion-status-pulse 2.8s ease-in-out infinite;
}

/* ── Reduced motion: disable all enhancements immediately ───── */
@media (prefers-reduced-motion: reduce) {
  /* Flash fade-in sections to visible with no delay */
  .fade-in {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }

  /* Disable ambient loops */
  .hero-profile-ring {
    animation: none !important;
    transform: scale(1.05) !important;
  }

  .hero-status-dot {
    animation: none !important;
  }
}