js.js

// Create 2 splits, one used to wrap the inner lines with overflow: hidden lines
const outerSplit = new SplitText(title, { type: 'lines' })
const innerSplit = new SplitText(outerSplit.lines, { type: 'lines' })

new gsap.timeline({
  onComplete: () => {
    // Remove wrappings when complete
    innerSplit.revert()
    outerSplit.revert()
  }
})
.set(outerSplit.lines, {
  overflow: 'hidden'
})
.from(innerSplit.lines, {
  yPercent: 100,
  duration: 1,
  stagger: 0.1,
  ease: 'expo'
})