/* Scroll Reveal GSAP Essentials */
/* On garde les classes pour GSAP, mais on ne cache rien en CSS brut pour éviter les bugs si JS échoue */

.reveal-text {
    position: relative;
    display: block;
    overflow: hidden;
}

.reveal-text span {
    display: inline-block;
}

/* On garde le clip-path seulement si on veut l'effet de masquage */
.mask-text {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}

/* Animation de flottement pour le Hero */
@keyframes float {
    0% { transform: translateY(0px) rotate(0deg); }
    50% { transform: translateY(-20px) rotate(5deg); }
    100% { transform: translateY(0px) rotate(0deg); }
}

.circle-1 {
    animation: float 10s ease-in-out infinite;
}

.circle-2 {
    animation: float 12s ease-in-out infinite reverse;
}

/* Image Hover Effects */
.image-wrapper {
    overflow: hidden;
    border-radius: 10px;
}

.image-wrapper img {
    transition: transform 1s cubic-bezier(0.5, 0, 0, 1);
}

.image-wrapper:hover img {
    transform: scale(1.1);
}