/* Efekty GSAP (assets/motion.js): ukrycie elementów do czasu ich wejścia, warstwy parallaxu i przyciemnienie */
html.has-motion [data-anim]:not(.is-in) { opacity: 0; }
html.has-motion:not(.motion-on) #mainNav, html.has-motion:not(.motion-on) body > nav.navbar { opacity: 0; }   /* pasek wjeżdża po załadowaniu skryptu */
[data-anim].is-animating { transition: none !important; }   /* CSS-owe przejścia kart nie mogą "ciągnąć" animacji GSAP */

.ops-parallax { position: relative; overflow: hidden; isolation: isolate; background-image: none !important; }
.ops-px {
	position: absolute; left: 0; right: 0; z-index: -1; pointer-events: none;
	background-repeat: no-repeat; will-change: transform; backface-visibility: hidden;
}
/* przyciemnienie dla sekcji, które nie mają własnej nakładki */
.ops-px-dim::after {
	content: ""; position: absolute; inset: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, .55) 0%, rgba(0, 0, 0, .62) 55%, rgba(0, 0, 0, .74) 100%);
}
/* zasłona przy przejściu między podstronami */
.ops-veil { position: fixed; inset: 0; z-index: 100000; background: #0a0a0a; opacity: 0; visibility: hidden; pointer-events: none; }