@supports (animation-timeline:view()){#features-scroll-wrapper{height:400vh}#box1{animation:box1 ease-in both;animation-timeline:view();animation-range-start:5%;animation-range-end:90%}#box2{animation:box2 ease-in both;animation-timeline:view();animation-range-start:20%;animation-range-end:95%}#box3{animation:box3 ease-in both;animation-timeline:view();animation-range-start:20%;animation-range-end:85%}#box4{animation:box4 ease-in both;animation-timeline:view();animation-range-start:35%;animation-range-end:85%}#middleBlock{animation:middleBlock ease-in both;animation-timeline:view();animation-range-start:0;animation-range-end:100%}#jamesBox{animation:jamesBox ease-out both;animation-timeline:view();animation-range-start:25%;animation-range-end:100%}}@keyframes box1{0%{opacity:0;transform:translateY(-100%)}30%{opacity:1;transform:translateY(0)}60%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translate(-200%) translateY(50%)}}@keyframes box2{0%{opacity:0;transform:translateY(-100%)}30%{opacity:1;transform:translateY(0)}60%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translate(-200%) translateY(-50%)}}@keyframes box3{0%{opacity:0;transform:translateY(-100%)}30%{opacity:1;transform:translateY(0)}60%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translate(200%) translateY(50%)}}@keyframes box4{0%{opacity:0;transform:translateY(-100%)}30%{opacity:1;transform:translateY(0)}60%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translate(100%) translateY(-50%)}}@keyframes middleBlock{0%{opacity:0;transform:translateY(-30%)}30%{opacity:1;transform:translateY(0)}60%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-60%)}}@keyframes jamesBox{0%{opacity:.7;transform:translateY(130%)}40%{opacity:1;transform:translateY(-20%)}50%{opacity:1;transform:translateY(-20%)}to{opacity:.7;transform:translateY(130%)}}.default-carousel .carousel__slide{align-items:center}.default-carousel .carousel__track,.default-carousel .carousel__viewport{touch-action:pan-y pinch-zoom}