.truck-hero{--landscape-shift:0px;isolation:isolate}.truck-scene{position:relative;order:2;width:100%;aspect-ratio:3/1;overflow:hidden;pointer-events:none;contain:paint}.truck-scene img{display:block;width:100%;height:100%;-o-object-fit:fill;object-fit:fill}.truck-original{position:relative}.truck-chassis,.truck-clouds,.truck-cutout,.truck-departure,.truck-distance,.truck-landscape,.truck-layers{position:absolute;inset:0}.truck-layers{opacity:0;transition:opacity .35s ease}.truck-hero[data-truck-ready=true] .truck-layers{opacity:1}.truck-distance{-webkit-mask-image:linear-gradient(#000,#000 52%,transparent 81%);mask-image:linear-gradient(#000,#000 52%,transparent 81%);transform:translate3d(0,var(--landscape-shift),0)}.truck-clouds{-webkit-mask-image:linear-gradient(#000,#000 24%,transparent 51%);mask-image:linear-gradient(#000,#000 24%,transparent 51%);animation:atx-cloud-drift 32s ease-in-out infinite alternate;transform-origin:50% 0}.truck-hero[data-scene-visible=false] .truck-clouds{animation-play-state:paused}.truck-hero .hero-grid{z-index:2}.truck-chassis{transform-origin:56.74% 86.15%}.truck-wheel{position:absolute;width:.65%;aspect-ratio:1;transform:translate(-50%,-50%);opacity:0}.truck-wheel svg{display:block;width:100%;height:100%}.truck-hero[data-departing=true] .truck-departure{animation:atx-truck-drive .66s cubic-bezier(.44,0,.8,.35) both;will-change:transform}.truck-hero[data-departing=true] .truck-chassis{animation:atx-truck-start .66s ease-out both}.truck-hero[data-departing=true] .truck-wheel{opacity:.9}.truck-hero[data-departing=true] .truck-wheel svg{animation:atx-wheel-roll .66s cubic-bezier(.44,0,.8,.35) both}.truck-hero[data-departing=true] .hero-copy{animation:atx-copy-depart .2s ease-out both}@keyframes atx-cloud-drift{0%{transform:scale(1.02) translate3d(-.3%,0,0)}to{transform:scale(1.02) translate3d(.3%,.35%,0)}}@keyframes atx-truck-drive{0%,8%{transform:translateZ(0)}to{transform:translate3d(-88%,0,0)}}@keyframes atx-truck-start{0%{transform:translateY(0) rotate(0deg)}12%{transform:translateY(.8px) rotate(-.09deg)}25%{transform:translateY(-.3px) rotate(0deg)}to{transform:translateY(0) rotate(0deg)}}@keyframes atx-wheel-roll{to{transform:rotate(-3turn)}}@keyframes atx-copy-depart{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){html:not([data-motion-preview=true]) .truck-hero .truck-layers{display:none;transition:none}html:not([data-motion-preview=true]) .truck-hero .hero-copy{animation:none}}