/* #region BANNER Parallax bg */

/* .p-parallax : banner parallax
speed: auto - comble la différence > scrollsmoother.js
 */

.p-parallax {
    position: relative;
    height: 40vh;
    overflow: hidden;
}

.p-parallax img {
    display: block;
    height: 50vh;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    object-fit: cover;

    will-change: transform;
}

@media (min-width: 768px) {
    .p-parallax {
        height: 60vh;
    }

    .p-parallax img {
        height: 70vh;
    }
}

/* #endregion */

/* #region REVEAL ON SCROLL */

.p-reveal-inner,
.p-reveal-group-item {
    will-change: transform;
}

.js .p-reveal-class {
    position: relative;
    opacity: 0;
    top: 30px;

    transition: opacity 1s .2s, top 1s .2s ease-out;
}

.js .p-visible {
    opacity: 1;
    top: 0;
}

/* #endregion */


/* #region STICKY */

.p-sticky {
    z-index: 3;
    will-change: transform;
}

/* #endregion */