.cinematic-wrapper {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: 0;
}

/* ŠIROKÝ SVETELNÝ LÚČ */
.beam {
  position: absolute;
  width: 5%; /* ŠÍRKA LÚČA — konečne viditeľná */
  height: 75%;
  top: -40%;
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(
    to bottom,
    rgba(0, 255, 242, 0) 0%,
    rgba(0, 255, 242, 0.4) 40%,
    rgba(0, 255, 242, 0.18) 75%,
    rgba(0, 255, 242, 0) 100%
  );
  opacity: 0.75;
  filter: blur(40px); /* mäkké okraje ako skutočný reflektor */
  transform-origin: top center;
  animation: wideSweep 14s ease-in-out infinite alternate;
}
@media (max-width: 767px) {
  .beam {
    width: 20%;
    height: 60%;
    top: -50%;
    transform: translateX(-50%);
    opacity: 1;
    animation: wideSweep 20s ease-in-out infinite alternate;
  }
}
/* Druhý lúč */
.beam.second {
  left: 35%;
  background: linear-gradient(
    to bottom,
    rgba(0, 255, 242, 0) 0%,
    rgba(0, 255, 242, 0.167) 40%,
    rgba(0, 255, 242, 0.18) 75%,
    rgba(0, 255, 242, 0) 100%
  );
  animation-duration: 20s;
  animation-delay: -6s;
  opacity: 0.6;
}

/* Tretí doplnkový lúč */
.beam.third {
  left: 65%;
  background: linear-gradient(
    to bottom,
    rgba(0, 255, 242, 0) 0%,
    rgba(211, 255, 253, 0.45) 35%,
    rgba(218, 241, 240, 0.22) 70%,
    rgba(0, 255, 242, 0) 100%
  );
  animation-duration: 18s;
  animation-delay: -12s;
  opacity: 0.5;
}

/* Plynulé pohyby */
@keyframes wideSweep {
  0% {
    transform: translateX(-50%) rotate(-12deg) scale(1.1);
  }
  100% {
    transform: translateX(-50%) rotate(14deg) scale(1.2);
  }
}
.page-title-container {
  padding-block: 9rem 0rem;
}