/* FV custom motion */
body.home .hero__slides span {
    animation: none !important;
    transform: none !important;
    opacity: 0;
    z-index: 0;
    clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    transition: clip-path 1.44s cubic-bezier(.7, 0, .3, 1), opacity .01s linear 1.44s;
    will-change: clip-path;
}

body.home .hero__slides span.is-prev {
    opacity: 1;
    z-index: 1;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    transition: none;
}

body.home .hero__slides span.is-active {
    opacity: 1;
    z-index: 2;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    transition: clip-path 1.44s cubic-bezier(.7, 0, .3, 1), opacity .01s linear;
}

body.home .hero__slides span.is-entering {
    clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
}

body.home .hero__slide-shadow {
    clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    transition: clip-path 1.44s cubic-bezier(.7, 0, .3, 1);
    will-change: clip-path;
}

body.home .hero.is-show .hero__slide-shadow {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

body.home .hero.is-slider-ready .hero__slides span {
    clip-path: none;
    filter: blur(1.6rem);
    opacity: 0;
    transform: none !important;
    transition: opacity 1.44s cubic-bezier(.45, 0, .2, 1), filter 1.44s cubic-bezier(.45, 0, .2, 1);
    will-change: opacity, filter;
}

body.home .hero.is-slider-ready .hero__slides span.is-prev {
    clip-path: none;
    filter: blur(1.6rem);
    opacity: 0;
    z-index: 1;
    transition: opacity 1.44s cubic-bezier(.45, 0, .2, 1), filter 1.44s cubic-bezier(.45, 0, .2, 1);
}

body.home .hero.is-slider-ready .hero__slides span.is-active {
    clip-path: none;
    filter: blur(0);
    opacity: 1;
    z-index: 2;
    transition: opacity 1.44s cubic-bezier(.45, 0, .2, 1), filter 1.44s cubic-bezier(.45, 0, .2, 1);
}

body.home .hero.is-slider-ready .hero__slides span.is-entering {
    clip-path: none;
    filter: blur(1.6rem);
    opacity: 0;
}

@media (prefers-reduced-motion: reduce) {
    body.home .hero__slides span,
    body.home .hero__slides span.is-prev,
    body.home .hero__slides span.is-active,
    body.home .hero.is-slider-ready .hero__slides span,
    body.home .hero.is-slider-ready .hero__slides span.is-prev,
    body.home .hero.is-slider-ready .hero__slides span.is-active,
    body.home .hero.is-slider-ready .hero__slides span.is-entering,
    body.home .hero__slide-shadow {
        transition: none;
    }

    body.home .hero.is-slider-ready .hero__slides span,
    body.home .hero.is-slider-ready .hero__slides span.is-active {
        clip-path: none;
        filter: none;
    }

    body.home .hero__slide-shadow {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    }
}
