/* Motion page only: calm image travel, without changing native scroll. */
.score-shell[data-page="motion-design"] .motion-strip{transform:translate3d(calc(var(--motion-p,0)*-1.8vw),0,0) rotate(-1deg) scale(1.02)}
.score-shell[data-page="motion-design"] .motion-strip figure{transition:clip-path 1.1s cubic-bezier(.22,.61,.36,1),transform 1.1s cubic-bezier(.22,.61,.36,1)}
.score-shell[data-page="motion-design"] .signature-motion:not(.is-visible) .motion-strip figure:nth-child(odd){clip-path:inset(0 0 12% 0);transform:translateY(18px)}
.score-shell[data-page="motion-design"] .signature-motion:not(.is-visible) .motion-strip figure:nth-child(even){clip-path:inset(8% 0 0 0);transform:translateY(-14px)}
.score-shell[data-page="motion-design"] .motion-edit-track{transform:translate3d(calc(var(--motion-p,0)*-3.2vw),0,0) rotate(-.7deg);will-change:transform}
@media(max-width:700px){
 .score-shell[data-page="motion-design"] .motion-strip{transform:translate3d(calc(var(--motion-p,0)*-1.2vw),0,0) rotate(-.6deg) scale(1.01)}
 .score-shell[data-page="motion-design"] .motion-edit-track{transform:translate3d(calc(var(--motion-p,0)*-1.1vw),0,0) rotate(-.5deg)}
 .score-shell[data-page="motion-design"] .signature-motion:not(.is-visible) .motion-strip figure:nth-child(odd){transform:translateY(12px)}
 .score-shell[data-page="motion-design"] .signature-motion:not(.is-visible) .motion-strip figure:nth-child(even){transform:translateY(-10px)}
}
@media(prefers-reduced-motion:reduce){
 .score-shell[data-page="motion-design"] :is(.motion-strip,.motion-strip figure,.motion-edit-track){transform:none!important;transition:none!important;clip-path:none!important;will-change:auto}
}