/* ============================================================================
   motion.css — globalne prefers-reduced-motion (MUSI być wczytany jako OSTATNI)
   Część rozbitego css/style.css — kolejność wczytywania (ta sama na każdej
   podstronie) trzyma kaskadę identyczną jak w jednym pliku.
   ========================================================================== */

/* prefers-reduced-motion — WĄSKO, nie blankietowo. Wcześniej było
   *{transition-duration:0.01ms!important} na WSZYSTKO, co zabijało też rdzeń UX:
   przejazd karuzeli i przełączanie slajdów. A "reduce" bywa włączone systemowo (na
   Windows to domyślne na wielu maszynach: Ustawienia → Dostępność → Efekty
   wizualne → Efekty animacji = Wył.), więc na takim kompie karuzela/slajdy
   przestawały się animować — dokładnie objaw "na Windows nic nie działa" przy
   sprawnym Safari na Macu (gdzie reduce jest zwykle Wył.). Teraz wyłączamy TYLKO
   dekoracje (choreografia wejścia, motion blur) i płynny scroll — funkcjonalne
   przejścia (miękkie, nie migające) zostają, więc nawigacja działa
   wszędzie tak samo. */
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  /* Motion blur to czysta dekoracja — przy reduce gaśnie. Sama animacja przejazdu
     .slides-track CELOWO zostaje (patrz wywód wyżej): to rdzeń nawigacji, a
     "reduce" na Windows bywa domyślne — bez tego strona wygląda na zepsutą. */
  /* (Choreografia wejścia strony — USUNIĘTA razem z intrem, więc nie ma tu
     już czego wyłączać przy reduce.) */
  /* Jadący napis na hero to dekoracja — przy reduce staje w miejscu
     (tekst zostaje widoczny, po prostu nie jedzie). Odkrywanie stopki hero
     i dojazd paska postępu też: wszystko od razu w stanie końcowym.
     Puls napisu i bujanie strzałki w sekcji WHY — stoją. */
  .hero-marquee-track{animation:none}
  .hero-reveal{opacity:1 !important;transform:none !important;transition:none !important}
  .hero-progress-fill{transition:none}
  .why-hint span{animation:none}
}