/* scroll-motion: reveal on scroll. Matches Webflow defaults (50px rise, 8vw side slide, ~700ms ease-out). */
:root{--rv-y:50px;--rv-x:8vw;--rv-t:.7s;--rv-ease:cubic-bezier(.22,.61,.36,1)}
html.js .rv,html.js .rv-left,html.js .rv-right{opacity:0;transition:opacity var(--rv-t) var(--rv-ease),transform var(--rv-t) var(--rv-ease);will-change:opacity,transform}
html.js .rv{transform:translate3d(0,var(--rv-y),0)}
html.js .rv-left{transform:translate3d(calc(var(--rv-x) * -1),3vw,0)}
html.js .rv-right{transform:translate3d(var(--rv-x),3vw,0)}
html.js .rv.in,html.js .rv-left.in,html.js .rv-right.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html.js .rv,html.js .rv-left,html.js .rv-right{opacity:1;transform:none;transition:none}}