/* 
 * Zenzula Global Scroll Animations
 * Reusable utility-first animation system
 */

/* Prevent Flash of Unstyled Content (FOUC) when Javascript is active */
.js-enabled .anim-left,
.js-enabled .anim-right,
.js-enabled .anim-up,
.js-enabled .anim-fade,
.js-enabled .anim-zoom,
.js-enabled .anim-stagger > *,
.js-enabled .split-heading {
  opacity: 0;
  visibility: hidden;
}

/* Ensure smooth text splitting transitions without layout shifting */
.split-line {
  overflow: hidden;
  display: block;
}

.split-word {
  display: inline-block;
}

.split-char {
  display: inline-block;
  will-change: transform, opacity;
}

/* Hardware accelerate animating classes to maximize performance on mobile/tablet */
.anim-left,
.anim-right,
.anim-up,
.anim-fade,
.anim-zoom,
.anim-stagger > * {
  will-change: transform, opacity;
}