/* Reduced-motion fix: OneFlow web · commit companion for reference_oneflow_web_live_source_gotcha.md
   Webflow's native "Text Effects" (SplitText) splits h1/h2 headings into
   .gsap_split_word > .gsap_split_letter-mask > .gsap_split_letter and reveals
   them from near-zero opacity via a GSAP tween. The reveal tween is not gated
   by prefers-reduced-motion, so under reduced motion the letters can be left
   at their initial hidden opacity (page load never runs the completing tween).
   Fix: under reduced motion, render the generated wrappers directly in their
   final visible state instead of animating into it. !important is required
   because the letters carry a per-instance inline opacity/transform style
   written by the animation runtime. */
@media (prefers-reduced-motion: reduce) {
  .gsap_split_word,
  .gsap_split_letter-mask,
  .gsap_split_letter {
    opacity: 1 !important;
    transform: none !important;
    translate: none !important;
    rotate: none !important;
    scale: none !important;
  }
}