/**
 * FSPL theme - Motion
 * One consistent system: scroll-reveal (assets/js/motion.js sets data-fspl-reveal + --fspl-delay), hover transitions live
 * next to their components. Everything is disabled for prefers-reduced-motion and when JavaScript is off.
 */
:root{--fspl-reveal-distance:40px;--fspl-reveal-time:.85s}
.fspl-js [data-fspl-reveal]{opacity:0;transform:translate3d(0,var(--fspl-reveal-distance),0);will-change:opacity,transform;
  transition:opacity var(--fspl-reveal-time) var(--fspl-ease) var(--fspl-delay,0s),transform var(--fspl-reveal-time) var(--fspl-ease) var(--fspl-delay,0s)}
.fspl-js [data-fspl-reveal="left"]{transform:translate3d(-56px,0,0)}
.fspl-js [data-fspl-reveal="right"]{transform:translate3d(56px,0,0)}
.fspl-js [data-fspl-reveal="down"]{transform:translate3d(0,calc(var(--fspl-reveal-distance) * -1),0)}
.fspl-js [data-fspl-reveal="zoom"]{transform:scale(.97)}
.fspl-js [data-fspl-reveal].is-in{opacity:1;transform:none}
/* the footer is the last thing on the page: fade only, so nothing translates past the document end (no scroll-height jump) */
.fspl-js .fspl-footer [data-fspl-reveal]{transform:none}
@media(max-width:900px){
  .fspl-js [data-fspl-reveal="left"],.fspl-js [data-fspl-reveal="right"]{transform:translate3d(0,var(--fspl-reveal-distance),0)}
  .fspl-js [data-fspl-reveal].is-in{transform:none}
}
@media(prefers-reduced-motion:reduce){
  .fspl-js [data-fspl-reveal]{opacity:1;transform:none;transition:none;will-change:auto}
  html{scroll-behavior:auto}
}