window.__STYLEGALLERY_ASSETS__={};
gsap.registerPlugin(SplitText, ScrollTrigger);
console.clear();
gsap.set(".split", { opacity: 1 });
document.fonts.ready.then(() => {
  let containers = gsap.utils.toArray(".container");
  containers.forEach((container) => {
    let text = container.querySelector(".split");
    let animation;
    SplitText.create(text, {
      type: "words,lines",
      mask: "lines",
      linesClass: "line",
      autoSplit: true,
      onSplit: (instance) => {
        console.log("split");
        return gsap.from(instance.lines, {
          yPercent: 120,
          stagger: 0.1,
          scrollTrigger: {
            trigger: container,
            // markers: true,
            scrub: true,
            start: "clamp(top center)",
            end: "clamp(bottom center)"
          }
        });
      }
    });
  });
});
addEventListener("load", () => document.fonts.ready.then(() => requestAnimationFrame(() => {
  ScrollTrigger.refresh();
  const first = ScrollTrigger.getAll().find((item) => item.trigger?.matches(".container"));
  if (first) {
    first.scroll(first.start + (first.end - first.start) * 0.72);
    ScrollTrigger.update();
  }
})));