/* TOP FV only. Typography, layout, SVG arrows and header use the existing TOP CSS. */
.fv-motion-page [data-fv-motion] { overflow: hidden; background: #1d1d1f; }
.fv-motion-page .fv-motion-slider .mv-slider__track { overflow: visible; }
.fv-motion-page .fv-motion-slider .splide__list { position: relative; display: block; width: 100%; height: 100%; }
.fv-motion-page .fv-motion-slider .mv-slider__slide { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; pointer-events: none; }
.fv-motion-page .fv-motion-slider .mv-slider__slide:first-child { opacity: 1; }
.fv-motion-page .fv-motion-slider .mv-slider__slide.is-current { pointer-events: auto; }
.fv-motion-page .fv-motion-parallax { position: absolute; inset: 0; transform: translate3d(0,var(--fv-parallax-y,0px),0); will-change: transform; }
.fv-motion-page .fv-motion-slider .mv-slider__img { inset: 0; will-change: transform, opacity; -webkit-mask-image: linear-gradient(to bottom,#000 0%,#000 33%,transparent 66%,transparent 100%); mask-image: linear-gradient(to bottom,#000 0%,#000 33%,transparent 66%,transparent 100%); -webkit-mask-size: 100% 300%; mask-size: 100% 300%; -webkit-mask-position: 0 0; mask-position: 0 0; }
.fv-motion-page .fv-motion-slider .mv-slider__content { z-index: 1; }
.fv-motion-page [data-fv-motion] .mv__title { z-index: 5; }
.fv-motion-page .fv-motion-progress { position: absolute; z-index: 6; left: 0; bottom: 0; width: 100%; height: 5px; overflow: hidden; pointer-events: none; }
.fv-motion-page .fv-motion-progress span { display: block; width: 100%; height: 100%; background: #fff; transform: translate3d(-100%,0,0); will-change: transform; }
.fv-motion-page .fv-motion-progress[hidden] { display: none; }
@media (prefers-reduced-motion: reduce) {
    .fv-motion-page .fv-motion-parallax { transform: none; will-change: auto; }
}