/* ============================================================================
 * Whitcomb Motion Kit · companion stylesheet
 * Prevents flash-of-unstyled-content: tagged elements start hidden ONLY when
 * the kit is active (html.wm), and are revealed by the JS (or the 3s safety
 * net / no-JS guard). Never hides content when JavaScript is unavailable.
 * ========================================================================== */

/* Hide entrance-animated elements until the kit reveals them. */
html.wm [data-motion="fade-up"],
html.wm [data-motion="fade-down"],
html.wm [data-motion="fade-in"],
html.wm [data-motion="slide-left"],
html.wm [data-motion="slide-right"],
html.wm [data-motion="scale-in"],
html.wm [data-motion="split-headline"] {
  opacity: 0;
}

/* Once the kit (or safety net) runs, force everything visible. */
html.wm-loaded [data-motion] { opacity: 1 !important; }

/* Reduced-motion users: never hide, never animate. */
@media (prefers-reduced-motion: reduce) {
  html.wm [data-motion] { opacity: 1 !important; }
}