/* ============================================================================
   transition.css — czarny crossfade między stronami (#page-fade, js/transition.js)
   Część rozbitego css/style.css — kolejność wczytywania (ta sama na każdej
   podstronie) trzyma kaskadę identyczną jak w jednym pliku.
   ========================================================================== */

/* CROSSFADE MIĘDZY STRONAMI — czarna nakładka na wierzchu wszystkiego.
   Strona to cztery osobne pliki HTML (index/cd/discography/countdown); ta
   nakładka spina je płynnym przejściem (sterowanie: js/transition.js).
   • domyślnie przezroczysta i klikalna „na wylot" (pointer-events:none) — bez
     JS (brak .js) nakładka NIE istnieje wizualnie, strona działa normalnie;
   • html.js #page-fade → zakryte czernią OD PIERWSZEJ KLATKI (anty-mignięcie
     białego zanim JS zdąży wejść) — dlatego bez transition;
   • html.page-ready → nakładka gaśnie (wejście, nowa strona wstaje z czerni);
   • html.page-leaving → nakładka wjeżdża w czerń (wyjście przed nawigacją).
   Czasy .page-leaving MUSZĄ zgadzać się z DURATION w js/transition.js. */
#page-fade{position:fixed;inset:0;background:#000;z-index:2147483000;opacity:0;pointer-events:none}
html.js #page-fade{opacity:1;pointer-events:auto}
html.js.page-ready #page-fade{opacity:0;pointer-events:none;transition:opacity .5s ease}
html.js.page-leaving #page-fade{opacity:1;pointer-events:auto;transition:opacity .45s ease}
@media(prefers-reduced-motion:reduce){
  /* Zero migania i zero animacji — nakładka nigdy nie zakrywa. */
  html.js #page-fade,html.js.page-leaving #page-fade{opacity:0;pointer-events:none;transition:none}
}