/* =========================================================
   HYDRA — animations.css
   Stato di partenza degli elementi animati. GSAP anima verso lo
   stato "visibile"; questo file garantisce che, se per qualche
   motivo JS non parte, il contenuto resti comunque leggibile
   dopo un breve istante (progressive enhancement).
   ========================================================= */

.anim-fade-up,
.anim-fade-in,
.anim-slide-left,
.anim-slide-right,
.anim-scale-in {
    opacity: 0;
    will-change: transform, opacity;
}

.anim-fade-up { transform: translateY(40px); }
.anim-slide-left { transform: translateX(-60px); }
.anim-slide-right { transform: translateX(60px); }
.anim-scale-in { transform: scale(0.92); }

/* Se JS è disabilitato, dopo il caricamento mostriamo comunque tutto. */
.no-js .anim-fade-up,
.no-js .anim-fade-in,
.no-js .anim-slide-left,
.no-js .anim-slide-right,
.no-js .anim-scale-in {
    opacity: 1;
    transform: none;
}

/* Slider immagini in entrata (usato dagli hero con Swiper). */
.hydra-slider { position: relative; overflow: hidden; }
.hydra-slider .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}