/* =========================================================
   HOME - HERO SLIDESHOW
   ========================================================= */

.hero-slideshow {
    position: relative;
    overflow: hidden;
}


/* =========================================================
   SLIDE FOTOGRAFICHE
   ========================================================= */

.hero-slide {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    opacity: 0;

    z-index: 1;

    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}


/* Prima immagine visibile prima dell'avvio GSAP */
.hero-slide-1 {
    opacity: 1;
}


/* =========================================================
   CLAIM
   Sempre sopra alle immagini.
   Non fa parte dello slideshow.
   ========================================================= */

.hero-claim {
    position: relative;
    z-index: 100;

    width: 100%;

    background: transparent !important;
}