/* Desktop/tablet stage geometry. Mobile <=600px keeps its approved composition. */
@media(min-width:601px){
 #process-visual .design-window{top:50%;left:50%;transform:translate(-50%,-50%) rotate(-5deg)}
 #process-visual[data-stage="1"] .design-window{transform:translate(-50%,-50%) rotate(2deg)}
 #process-visual[data-stage="3"] .design-window{transform:translate(-50%,calc(-50% - 40px)) scale(.7)}
 #process-visual .design-chip{top:27%;left:8%}
 #process-visual .shirt-print{left:50%;transform:translateX(-50%) scale(.7);text-align:center}
 #process-visual[data-stage="1"] .shirt-print,#process-visual[data-stage="2"] .shirt-print{transform:translateX(-50%) scale(1)}
 #process-visual .parcel{top:50%;left:50%;transform:translate(-50%,calc(-50% + 40px)) rotate(6deg) scale(.8)}
 #process-visual[data-stage="3"] .parcel{transform:translate(-50%,-50%) rotate(-6deg) scale(1)}
}
/* Important scan shorthand used by the original scene must not defeat pause. */
.motion-stopped #process-visual .print-scanner,.motion-paused #process-visual .print-scanner,
.motion-hidden #process-visual .print-scanner,#process-visual.motion-offscreen .print-scanner{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){#process-visual .print-scanner{animation:none!important}}