/* =====================================================================
   Warstwa animacji (wersje B i C). Treść i układ strony bez zmian —
   zmienia się wyłącznie sposób pojawiania się elementów.
   ===================================================================== */

/* zastępuje prosty efekt .rv z wersji głównej */
html[data-anim] .rv{opacity:1;transform:none;transition:none}

/* do czasu przygotowania animacji elementy animowane są ukryte;
   awaryjnie po 3 s pokazują się same (gdyby skrypt się nie wczytał) */
html[data-anim]:not(.anim-gotowe):not(.anim-off) :is(main h1, main h2, main .t-hero, main .lbl, main .body-lg, main .hero-eyebrow, main .hero-copy p, main .duo-img, main .dp-media, main .art-cover, main .art-foto){
  opacity:0;animation:animAwaryjna 0s 3s forwards}
@keyframes animAwaryjna{to{opacity:1}}

/* maski linii dla tekstu dzielonego na słowa */
.anim-ln{overflow:clip;padding-bottom:.08em;margin-bottom:-.08em}
.anim-w{display:inline-block;will-change:transform}

/* przewijany „podświetlający się” tekst (wersja C) */
.anim-scrub .anim-sw{opacity:.16;transition:none}

/* obrazy: kontener przycina, zdjęcie może się powiększać / przesuwać */
html[data-anim] .anim-img{overflow:hidden}
html[data-anim] .anim-img img{will-change:transform}

/* płynne przewijanie (wersja C) */
html.lenis,html.lenis body{height:auto}
.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}
.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}
.lenis.lenis-smooth iframe{pointer-events:auto}
html.lenis{scroll-behavior:auto!important}

/* wersja C: hero „odsuwa się” w głąb pod przewijaną treścią */
html[data-anim="c"] .hero-media{transform-origin:50% 0;will-change:transform}

/* wideo na całą szerokość rozszerza się przy przewijaniu (wersja C) */
html[data-anim="c"] .wideo-pelne{will-change:clip-path}

@media (prefers-reduced-motion: reduce){
  html[data-anim] *{animation:none!important}
}
@media (prefers-reduced-motion: reduce){
  html[data-anim] :is(main h1, main h2, main .t-hero, main .lbl, main .body-lg, main .hero-eyebrow, main .hero-copy p, main .duo-img, main .dp-media, main .art-cover, main .art-foto){opacity:1!important}
}