/* ===== Variante 2: „Dynamisch & Slide-In" — Inhalte gleiten herein, Karten steigen auf ===== */

/* Hero-Hintergrund: langsames Schwenken (Pan) */
.hero-slide.is-active .hero-bg{animation:slide-pan 11s linear forwards}
@keyframes slide-pan{from{transform:scale(1.12) translateX(-2.5%)}to{transform:scale(1.12) translateX(2.5%)}}

/* Hero-Text: von links hereingleiten */
.hero-slide .hero-content>*{opacity:0;transform:translateX(-42px)}
.hero-slide.is-active .hero-content>h1{animation:slide-in 1s .25s cubic-bezier(.22,.61,.36,1) forwards}
.hero-slide.is-active .hero-content>p{animation:slide-in 1s .45s cubic-bezier(.22,.61,.36,1) forwards}
.hero-slide.is-active .hero-content>a{animation:slide-in 1s .65s cubic-bezier(.22,.61,.36,1) forwards}
@keyframes slide-in{to{opacity:1;transform:none}}

/* Scroll-Reveal: aufsteigen + leicht skalieren (weicher, länger) */
.reveal{opacity:0;transform:translateY(48px) scale(.97);transition:opacity .85s ease,transform .85s cubic-bezier(.22,.61,.36,1);transition-delay:var(--d,0s)}
.reveal.is-visible{opacity:1;transform:none}