/* Ruch: odsłanianie sekcji i tło w nagłówku. Wyłączone przy prefers-reduced-motion. */
.hero-czastki { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.hero-wnetrze { position: relative; }
@media (prefers-reduced-motion: no-preference) {
  .odslon { opacity: 0; filter: blur(8px); transform: translateY(22px); will-change: opacity, filter, transform; }
  .odslon.widoczny {
    opacity: 1; filter: blur(0); transform: none;
    transition: opacity .9s cubic-bezier(.16, 1, .3, 1), filter .9s cubic-bezier(.16, 1, .3, 1), transform 1s cubic-bezier(.16, 1, .3, 1);
  }
  .odslon.widoczny.po { will-change: auto; }
}