[data-scroll-motion]{--scroll-motion-duration:1.2s;--scroll-motion-delay:0s}
[data-scroll-motion^=fade]:not(.scroll-motion-visible){opacity:0}
[data-scroll-motion=unfold-left]:not(.scroll-motion-visible){clip-path:inset(0 100% 0 0)}
[data-scroll-motion=unfold-right]:not(.scroll-motion-visible){clip-path:inset(0 0 0 100%)}
[data-scroll-motion].scroll-motion-visible{animation-duration:var(--scroll-motion-duration);animation-delay:var(--scroll-motion-delay);animation-timing-function:cubic-bezier(.22,.7,.2,1);animation-fill-mode:both}
[data-scroll-motion=fade].scroll-motion-visible{animation-name:scroll-motion-fade}
[data-scroll-motion=fade-up].scroll-motion-visible{animation-name:scroll-motion-up}
[data-scroll-motion=fade-down].scroll-motion-visible{animation-name:scroll-motion-down}
[data-scroll-motion=fade-left].scroll-motion-visible{animation-name:scroll-motion-left}
[data-scroll-motion=fade-right].scroll-motion-visible{animation-name:scroll-motion-right}
[data-scroll-motion=unfold-left].scroll-motion-visible{animation-name:scroll-motion-unfold-left}
[data-scroll-motion=unfold-right].scroll-motion-visible{animation-name:scroll-motion-unfold-right}
@keyframes scroll-motion-fade{from{opacity:0}to{opacity:1}}
@keyframes scroll-motion-up{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}
@keyframes scroll-motion-down{from{opacity:0;transform:translateY(-32px)}to{opacity:1;transform:translateY(0)}}
@keyframes scroll-motion-left{from{opacity:0;transform:translateX(-32px)}to{opacity:1;transform:translateX(0)}}
@keyframes scroll-motion-right{from{opacity:0;transform:translateX(32px)}to{opacity:1;transform:translateX(0)}}
@keyframes scroll-motion-unfold-left{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}
@keyframes scroll-motion-unfold-right{from{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0)}}
html:is([data-local-animation-editing],[data-local-text-editing],[data-local-image-editing],[data-local-layout-editing]) [data-scroll-motion]{animation:none!important;opacity:1;transform:none;clip-path:none}
@media(prefers-reduced-motion:reduce){[data-scroll-motion]{animation:none!important;opacity:1!important;transform:none!important;clip-path:none!important}}

[data-scroll-motion-inline]{display:inline-block}
[data-scroll-motion].scroll-motion-visible:not(.scroll-motion-complete){will-change:transform,opacity}
[data-scroll-motion].scroll-motion-complete{animation:none;opacity:1;transform:none;clip-path:none;will-change:auto}
/* A selected group moves together instead of stacking child entrance effects. */
[data-scroll-motion]:not([data-scroll-motion=none]) [data-scroll-motion]{animation:none;opacity:1;transform:none;clip-path:none;will-change:auto}

/* Treatment copy overlaps gently; all body paragraphs move in one wrapper. */
.athin-program-copy>[data-scroll-motion=fade-up].scroll-motion-visible:not(.scroll-motion-complete){animation-name:scroll-motion-program-up;animation-timing-function:cubic-bezier(.25,.46,.45,.94)}
@keyframes scroll-motion-program-up{from{opacity:0;transform:translate3d(0,16px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
