/* =========================
   SCROLL FADE-IN
   JS adds .mc-fade-in to off-screen sections at DOMContentLoaded.
   Content visible by default -- class is JS-only, never in HTML.
========================= */

@media (prefers-reduced-motion: no-preference) {
  .mc-fade-in {
    opacity: 0;
    transform: translateY(16px);
    transition: opacity 0.5s ease, transform 0.5s ease;
  }

  .mc-fade-in.is-visible {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Safety net: if class somehow appears without JS preference check */
@media (prefers-reduced-motion: reduce) {
  .mc-fade-in {
    opacity: 1;
    transform: none;
    transition: none;
  }
}