/**
 * Aether — Animations-Layer (nur geladen, wenn Premium-Animationen aktiv).
 * Enthält die von Lenis empfohlenen Basis-Regeln fürs Smooth-Scrolling und
 * ein paar Grund-States, damit GSAP sauber übernehmen kann.
 */

/* Lenis: nativen Smooth-Scroll deaktivieren, damit Lenis die Kontrolle hat */
html.lenis,
html.lenis body { height: auto; }

.lenis.lenis-smooth { scroll-behavior: auto !important; }
.lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; }
.lenis.lenis-stopped { overflow: hidden; }
.lenis.lenis-smooth iframe { pointer-events: none; }

/* Parallax-Ebenen brauchen einen Kompositions-Layer für flüssige Transforms */
[data-parallax] { will-change: transform; }

/* GSAP steuert Reveals frame-genau → CSS-Transition abschalten (keine Doppel-
 * Animation). Der Vanilla-Fallback (app.js) läuft ohne die anim-premium-Klasse. */
.anim-premium .reveal { transition: none !important; }

/* Hero-Bild leicht überskaliert, damit Parallax keine Kanten zeigt.
 * (Reveals bleiben bereits über `html.js .reveal` in base.css versteckt, bis
 *  GSAP bzw. der Fallback sie einblendet — kein Aufblitzen.) */
.anim-premium .hero__img { transform: scale(1.06); }