/* Signature quote journey: one controlled state system, with no looping animation. */
.sm-truck-route{container-type:inline-size}
.sm-truck-quote[data-state="initial"] .sm-truck{transform:translate3d(0,0,0)}
.sm-truck-quote[data-state="moving"] .sm-truck{transform:translate3d(calc(100cqw - 415px),-1px,0)}
.sm-truck-quote[data-state="impact"] .sm-truck{transform:translate3d(calc(100cqw - 405px),2px,0) rotate(-.65deg)}
.sm-truck-quote[data-state="revealed"] .sm-truck{transform:translate3d(calc(100cqw - 700px),0,0)}
.sm-truck-quote[data-state="impact"] .sm-quote-envelope{transform:translate3d(3px,0,0) rotate(.55deg)}
.sm-truck-quote[data-state="revealed"] .sm-quote-envelope{opacity:0;transform:translate3d(8px,0,0);pointer-events:none}
@media(prefers-reduced-motion:no-preference){
 .sm-truck{transition:transform 1.05s cubic-bezier(.2,.72,.2,1)}.sm-wheel{transition:transform 1.05s linear}.sm-quote-envelope{transition:opacity .24s ease,transform .24s ease}
 .sm-truck-quote[data-state="moving"] .sm-wheel{transform:rotate(760deg)}
 .sm-truck-quote[data-state="impact"] .sm-truck{animation:sm-truck-impact .22s ease-out}.sm-truck-quote[data-state="impact"] .sm-quote-envelope{animation:sm-quote-impact .22s ease-out}
 .sm-truck-quote[data-state="impact"] .sm-brick{animation:sm-brick-fly .48s ease-out forwards}.sm-truck-quote[data-state="impact"] .sm-brick-2{animation-delay:.03s}.sm-truck-quote[data-state="impact"] .sm-brick-3{animation-delay:.06s}.sm-truck-quote[data-state="impact"] .sm-brick-4{animation-delay:.09s}
 @keyframes sm-truck-impact{50%{transform:translate3d(calc(100cqw - 399px),4px,0) rotate(-1deg)}}@keyframes sm-quote-impact{50%{transform:translate3d(6px,0,0) rotate(1deg)}}@keyframes sm-brick-fly{0%{opacity:0;transform:translate(0,0) rotate(0)}25%{opacity:1}100%{opacity:0;transform:translate(-30px,-25px) rotate(140deg)}}
}
@media(max-width:900px){
 .sm-truck-quote[data-state="moving"] .sm-truck{transform:translate3d(calc(100cqw - 300px),-1px,0) scale(.8)}.sm-truck-quote[data-state="impact"] .sm-truck{transform:translate3d(calc(100cqw - 285px),2px,0) rotate(-.65deg) scale(.8)}.sm-truck-quote[data-state="revealed"] .sm-truck{transform:translate3d(0,0,0) scale(.8)}
 @media(prefers-reduced-motion:no-preference){@keyframes sm-truck-impact{50%{transform:translate3d(calc(100cqw - 279px),4px,0) rotate(-1deg) scale(.8)}}}
}
@media(prefers-reduced-motion:reduce){.sm-truck-quote[data-state="moving"] .sm-truck,.sm-truck-quote[data-state="impact"] .sm-truck,.sm-truck-quote[data-state="revealed"] .sm-truck{transform:none}}