/* Ten-second process cycle; restrained detail motion preserves stage geometry. */
@media(prefers-reduced-motion:no-preference){
 #process-visual[data-stage="0"] .design-chip,#process-visual[data-stage="1"] .design-chip{animation:process-float 3.6s ease-in-out infinite}
 #process-visual[data-stage="2"] .label-chip{transform-origin:50% 10%;animation:process-label-swing 2.8s ease-in-out infinite}
 #process-visual[data-stage="2"] .print-scanner{animation:process-print-scan 2.6s ease-in-out infinite!important}
 #process-visual[data-stage="2"] .shirt-print{animation:process-ink 2.6s ease-in-out infinite}
 #process-visual[data-stage="3"] .delivery-chip{animation:process-float 3.6s ease-in-out infinite}
}
@keyframes process-float{0%,100%{translate:0 0}50%{translate:0 -6px}}
@keyframes process-label-swing{0%,100%{transform:translateY(0) rotate(10deg)}50%{transform:translateY(-8px) rotate(16deg)}}
@keyframes process-print-scan{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(115px);opacity:1}}
@keyframes process-ink{0%,100%{filter:brightness(1)}50%{filter:brightness(1.22)}}
.motion-stopped #process-visual *, .motion-paused #process-visual *,
.motion-hidden #process-visual *,#process-visual.motion-offscreen *{animation-play-state:paused!important}
.motion-stopped #process-visual[data-stage] .print-scanner,.motion-paused #process-visual[data-stage] .print-scanner,.motion-hidden #process-visual[data-stage] .print-scanner,#process-visual.motion-offscreen[data-stage] .print-scanner{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){#process-visual *,#process-visual[data-stage] .print-scanner{animation:none!important;translate:none!important}}