.hero-slide .hero-title,.hero-slide .hero-description,.hero-slide .hero-text>.eyebrow,.hero-slide .hero-text>.button{opacity:0;transform:translateY(24px)}
.hero-slide.is-active .hero-text>.eyebrow{animation:hero-content-in 1s .12s both}
.hero-slide.is-active .hero-title{animation:hero-content-in 1.15s .23s both}
.hero-slide.is-active .hero-description{animation:hero-content-in 1.1s .38s both}
.hero-slide.is-active .hero-text>.button{animation:hero-content-in 1.1s .52s both}
.hero-slide.is-active .hero-truck{animation:hero-photo-drift 8s linear both;transform-origin:65% 55%}
.hero-carousel.rotation-paused .hero-truck{animation-play-state:paused}
@keyframes hero-content-in{to{opacity:1;transform:translateY(0)}}
@keyframes hero-photo-drift{from{transform:scale(1.035)}to{transform:scale(1)}}
@media(min-width:1100px){html{scroll-snap-type:y proximity}main>section{scroll-snap-align:start;scroll-margin-top:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;scroll-snap-type:none}*,*:before,*:after{animation:none!important;transition:none!important}.hero-slide .hero-title,.hero-slide .hero-description,.hero-slide .hero-text>.eyebrow,.hero-slide .hero-text>.button{opacity:1;transform:none}}