/* Ken-Burns Effekt */
.kenburns-stage{
  position:absolute;
  inset:0;
}

.kenburns-stage .kenburns-img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:0;
  transform:scale(1.06);
  transition:opacity 1.4s ease;
  will-change:transform;
}

.kenburns-stage .kenburns-img.is-active{
  opacity:1;
  animation:kl-kenburns 14s linear forwards;
}

@keyframes kl-kenburns{
  0%{transform:scale(1.06) translate3d(0,0,0)}
  50%{transform:scale(1.12) translate3d(-1.5%, -1.0%, 0)}
  100%{transform:scale(1.18) translate3d(-3.0%, -2.0%, 0)}
}

/* Kombination: Parallax + Ken-Burns (Basisebene) */
.parallax-layer.is-kenburns .parallax-img{
  animation:kl-kenburns-parallax 18s linear infinite;
  transform-origin:center;
  will-change:transform;
}

@keyframes kl-kenburns-parallax{
  0%{transform:scale(1.02) translate3d(0,0,0)}
  50%{transform:scale(1.08) translate3d(-1.2%, -0.8%, 0)}
  100%{transform:scale(1.12) translate3d(-2.4%, -1.6%, 0)}
}

@media (prefers-reduced-motion: reduce){
  .kenburns-stage .kenburns-img.is-active{animation:none}
  .parallax-layer.is-kenburns .parallax-img{animation:none}
}
