/*
  animo.css
  Required helper styles for Animo.js
*/

/* 
  Targets any element with an animation defined, giving the browser
  a performance hint to prepare for changes to transform and opacity.
  This is CRITICAL for smooth animations.
*/
[anim*=":"] {
  will-change: transform, opacity;
}

/* 
  For 'pinned' and 'sticky' modes, children are positioned absolutely 
  to allow for independent animation within the container. 
  You can override this in Webflow by setting a different position.
*/
[anim="pinned"] > * > [anim],
[anim="sticky"] > [anim] {
  position: absolute;
}