const logo = document.querySelector(".footer__logo-svg");

// PREP: make sure SVG behaves like line art
gsap.set(logo, {
  opacity: 0,
  filter: "drop-shadow(0 0 0px rgba(200,169,106,0))",
  scale: 0.9
});

// MAIN REVEAL
gsap.to(logo, {
  opacity: 1,
  scale: 1,
  duration: 1.2,
  ease: "power4.out",
  scrollTrigger: {
    trigger: ".footer",
    start: "top 85%"
  }
});

// GLOW PULSE LOOP
gsap.to(logo, {
  filter: "drop-shadow(0 0 12px rgba(200,169,106,0.6)) drop-shadow(0 0 25px rgba(200,169,106,0.3))",
  duration: 2.2,
  repeat: -1,
  yoyo: true,
  ease: "sine.inOut"
});

const paths = document.querySelectorAll(".footer__logo-svg path");

paths.forEach((path) => {
  const length = path.getTotalLength();

  gsap.set(path, {
    strokeDasharray: length,
    strokeDashoffset: length,
    opacity: 1
  });

  gsap.to(path, {
    strokeDashoffset: 0,
    duration: 1.8,
    ease: "power3.out",
    scrollTrigger: {
      trigger: ".footer",
      start: "top 85%"
    }
  });
});

gsap.to(".footer__logo-wrap", {
  y: -3,
  scale: 1.02,
  duration: 3,
  repeat: -1,
  yoyo: true,
  ease: "sine.inOut"
});