/* HerCircle — scroll animations: start-state + card hover.
   FOUC-safe: hidden start-state applies only once JS adds html.hc-anim-ready,
   and only when the user has not requested reduced motion. */

@media (prefers-reduced-motion: no-preference) {
  html.hc-anim-ready .hc-reveal,
  html.hc-anim-ready .hc-stagger > * {
    opacity: 0;
    transform: translateY(var(--hc-rise, 12px));
  }

  /* Word-reveal headings: hide the container only; the words carry the motion. */
  html.hc-anim-ready .hc-words {
    opacity: 0;
  }
}

/* Card hover — CSS only (no JS dependency). */
.hc-card {
  transition:
    transform var(--hc-hover-dur, .25s) ease,
    box-shadow var(--hc-hover-dur, .25s) ease;
}

@media (prefers-reduced-motion: no-preference) {
  .hc-card:hover,
  .hc-card:focus-within {
    transform: translateY(-6px);
    box-shadow: 0 18px 40px -12px rgba(0, 0, 0, .45);
  }
}