/* css/interactions.css */

/* ── Global Cursor Override ── */
* { cursor: none; }

/* ── Hero word spans (Interaction Specific) ── */
[id^="hero"] h1 .word {
  display: inline-block;
  opacity: 0;
  transform: translateY(20px);
  transition: 
    opacity var(--anim-speed-base) var(--anim-ease-out),
    transform var(--anim-speed-base) var(--anim-ease-out);
}

[id^="hero"] h1 .word.visible {
  opacity: 1;
  transform: translateY(0);
}

/* ── Reduce motion (Accessibility) ── */
@media (prefers-reduced-motion: reduce) {
  .reveal,
  [id^="hero"] h1 .word,
  .card-project__reveal,
  #cursor-dot,
  #cursor-ring {
    transition: none !important;
    animation: none !important;
  }
  .reveal { opacity: 1 !important; transform: none !important; }
  [id^="hero"] h1 .word { opacity: 1 !important; transform: none !important; }
  #cursor-dot,
  #cursor-ring { display: none !important; }
  * { cursor: auto !important; }

  .circle-message {
    transition: none;
  }
  .hero-hint {
    animation: none;
    opacity: 0.45;
  }
}