.customer-craft{--bf-ink:#443125;--bf-paper:#fff9ef;--bf-ground:#f1e6d6;--bf-line:#e1d2c1;--bf-muted:#8a735f}.customer-hero-record{animation:customer-record 18s ease infinite}.customer-hero-journey{animation:customer-journey 18s ease infinite}.customer-hero-action{animation:customer-action 18s ease infinite}.customer-hero-phase{transform-box:fill-box;transform-origin:left}.customer-craft[data-locale=ar] .customer-hero-phase{transform-origin:right}.customer-hero-phase-0{animation:customer-phase-one 18s linear infinite}.customer-hero-phase-1{animation:customer-phase-two 18s linear infinite}.customer-hero-phase-2{animation:customer-phase-three 18s linear infinite}@keyframes customer-record{0%,to{opacity:.6}12%,94%{opacity:1}}@keyframes customer-journey{0%,24%,to{opacity:.45}37%,94%{opacity:1}}@keyframes customer-action{0%,53%,to{opacity:.45;translate:0 7px}65%,94%{opacity:1;translate:0 0}}@keyframes customer-phase-one{0%,to{transform:scaleX(0)}28%,94%{transform:scaleX(1)}}@keyframes customer-phase-two{0%,30%,to{transform:scaleX(0)}59%,94%{transform:scaleX(1)}}@keyframes customer-phase-three{0%,60%,to{transform:scaleX(0)}94%{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.customer-craft *{animation:none!important;opacity:1;translate:none}}