/**
 * GSAP GenerateBlocks Styles - Slim & Safe
 * Keine Logik zum Verstecken, nur Performance & Layout-Schutz.
 */

/* 1. Hardware-Beschleunigung (Verhindert Ruckeln) */
[data-gsap-entrance],
[data-gsap-parallax-y],
[data-gsap-parallax-x],
[data-gsap-zoom] {
    will-change: transform, opacity; /* Sagt dem Browser: "Hier passiert gleich was" */
    transform: translateZ(0);        /* Aktiviert die Grafikkarte (GPU) */
    backface-visibility: hidden;     /* Schärferes Rendering in Chrome/Safari */
}

/* 2. Layout-Schutz für Zoom-Effekte */
/* WICHTIG: Sonst wird die Seite beim Zoomen breiter und wackelt */
[data-gsap-zoom] {
    overflow: hidden;
}

/* 3. Scroll-Verhalten */
/* Deaktiviert das weiche Scrollen des Browsers, damit GSAP die Kontrolle hat */
html {
    scroll-behavior: auto;
}

/* 4. Optional: "Nice to have" FOUC-Schutz */
/* Nur aktiv, wenn du 100% sicher bist, dass JS lädt. 
   Verhindert das kurze Aufblitzen. Wenn du unsicher bist, lass diesen Block weg. */
html:not(.no-js) [data-gsap-entrance] {
    opacity: 0;
}