/* Film w tle sekcji (wypelnia sekcje jak "cover"). Biala nakladka tylko z .bg-video--overlay (krycie:
   --video-overlay 0-1): pseudo-element nachodzacy na film staje sie osobna warstwa kompozycji i zmienia
   antyaliasing tekstu pod nim - dlatego, jak na PROD, istnieje tylko tam, gdzie nakladka jest ustawiona. */
.bg-video {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
}
.bg-video--overlay::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: var(--color-white);
  opacity: var(--video-overlay, 0);
}
/* Rozmiar filmu jak w skrypcie Elementora: prostokat 16:9 pokrywajacy sekcje, wysrodkowany. Wystaje poza
   sekcje (przyciete overflow), co wplywa na warstwy kompozycji i antyaliasing sasiedniego tekstu jak na PROD. */
.bg-video { container-type: size; }
.bg-video video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: max(100cqw, 100cqh * 16 / 9);
  height: max(100cqh, 100cqw * 9 / 16);
  object-fit: cover;
  transform: translate(-50%, -50%);
}