/* ============================================
   ALANT NATUR - Hero Ken Burns Zoom
   CSS-Klasse: alant-hero-zoom

   Auf die Hero-Section anwenden:
   Divi → Section → Advanced → CSS Class → alant-hero-zoom

   Divi 5 setzt background-image direkt auf die Section.
   Trick: Pseudo-Element übernimmt das BG-Bild und wird animiert.
   ============================================ */

.alant-hero-zoom {
    overflow: hidden;
    position: relative;
}

.alant-hero-zoom::before {
    content: '';
    position: absolute;
    inset: 0;
    background: inherit;
    animation: alant-hero-zoom-in 12s ease-out forwards;
    will-change: transform;
    z-index: 0;
}

@keyframes alant-hero-zoom-in {
    from { transform: scale(1); }
    to   { transform: scale(1.08); }
}