window.__STYLEGALLERY_ASSETS__={};
gsap.registerPlugin(ScrollTrigger);
var panels = gsap.utils.toArray(".section");
panels.pop();
panels.forEach((panel, i) => {
  let innerpanel = panel.querySelector(".section-inner");
  let panelHeight = innerpanel.offsetHeight;
  console.log(panelHeight);
  let windowHeight = window.innerHeight;
  let difference = panelHeight - windowHeight;
  let fakeScrollRatio = difference > 0 ? difference / (difference + windowHeight) : 0;
  if (fakeScrollRatio) {
    panel.style.marginBottom = panelHeight * fakeScrollRatio + "px";
  }
  let tl = gsap.timeline({
    scrollTrigger: {
      trigger: panel,
      start: "bottom bottom",
      end: () => fakeScrollRatio ? `+=${innerpanel.offsetHeight}` : "bottom top",
      pinSpacing: false,
      pin: true,
      scrub: true
    }
  });
  if (fakeScrollRatio) {
    tl.to(innerpanel, { yPercent: -100, y: window.innerHeight, duration: 1 / (1 - fakeScrollRatio) - 1, ease: "none" });
  }
  tl.fromTo(panel, { scale: 1, opacity: 1 }, { scale: 0.7, opacity: 0.5, duration: 0.9 }).to(panel, { opacity: 0, duration: 0.1 });
});