/* GSAP Gutenberg Animator - Frontend Styles */

[data-gsap-animation] {
    visibility: hidden;
}

[data-gsap-animation]:not([data-gsap-animation*='"type":"none"']) {
    will-change: transform, opacity;
}

/* Glass Float effect helper class */
.gsap-glass-float {
    position: relative;
}

.gsap-glass-float::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: radial-gradient(
        ellipse at 30% 30%,
        rgba(100, 120, 255, 0.15) 0%,
        rgba(60, 80, 220, 0.08) 50%,
        transparent 70%
    );
    pointer-events: none;
    z-index: -1;
}

/* Logo Assembly container styles */
.gsap-logo-assemble {
    position: relative;
    overflow: visible;
}

.gsap-logo-assemble > * {
    position: relative;
    will-change: transform, opacity;
}

/* Mouse Parallax elements */
[data-gsap-parallax] {
    will-change: transform;
}

/* Blur Fade Up initial state */
[data-gsap-animation*='"type":"blurFadeUp"'] {
    filter: blur(10px);
}

/* Respect prefers-reduced-motion at CSS level as fallback */
@media (prefers-reduced-motion: reduce) {
    [data-gsap-animation] {
        visibility: visible !important;
        opacity: 1 !important;
        transform: none !important;
        filter: none !important;
        clip-path: none !important;
        animation: none !important;
        transition: none !important;
    }

    [data-gsap-parallax] {
        transform: none !important;
    }
}

/* Ensure smooth rendering */
[data-gsap-animation] {
    backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
}

/* Pin spacer fix for ScrollTrigger */
.pin-spacer {
    overflow: visible !important;
}