script.js

/* Member reveal */
const members = document.querySelectorAll(".member");

const observer = new IntersectionObserver(
  entries => {
    entries.forEach(entry => {
      if (entry.isIntersecting) {
        entry.target.classList.add("show");
      }
    });
  },
  { threshold: 0.45 }
);

members.forEach(member => observer.observe(member));

/* Subtle background convergence without gaps */
const yellowBg = document.querySelector(".bg-yellow");
const blackBg = document.querySelector(".bg-black");

window.addEventListener("scroll", () => {
  const scrollY = window.scrollY;

  /* Yellow reduces */
  yellowBg.style.transform = `translateY(${-scrollY * 0.01}px)`;

  /* Black increases */
  blackBg.style.transform = `translateY(${-scrollY * 0.06}px)`;
});