document.addEventListener("DOMContentLoaded", () => { gsap.registerPlugin(ScrollTrigger); const element = document.querySelector(".anim-text"); if (!element) return; const words = element.innerHTML.split(" "); element.innerHTML = words.map(word => `${word}`).join(" "); gsap.set(".word", { color: "#7A7A7A", opacity: 0.2 }); gsap.to(".word", { scrollTrigger: { trigger: element, start: "top 80%", end: "bottom 20%", scrub: true, }, color: "#DCD8CF", opacity: 1, stagger: 0.1, duration: 0.3, ease: "power2.out" }); window.addEventListener("load", () => { setTimeout(() => ScrollTrigger.refresh(), 500); }); });