.splitting {
    .char {
      transition: transform .3s cubic-bezier(.3, 0, .3, 1), opacity .3s linear;
      transition-delay: calc( 10ms * var(--char-index) );
  
    }
  
    &[data-scroll="out"] .char {
      opacity: 0 ;
      transform: translateY( .25em);
    }
  }





   p.splitting {
    .char {
      transition: transform .1s cubic-bezier(.3, 0, .3, 1), opacity .3s linear;
      transition-delay: calc( 1ms * var(--char-index) );
  
    }
  
    &[data-scroll="out"] .char {
      opacity: 0;
      transform: translateY( .25em );
    }
  }