script.js

(() => {
  const prefersReducedMotion = window.matchMedia("(prefers-reduced-motion: reduce)").matches;

  const revealTargets = document.querySelectorAll(".reveal, .stagger-group");
  const showElement = (el) => el.classList.add("visible");

  if ("IntersectionObserver" in window) {
    const revealObserver = new IntersectionObserver((entries, observer) => {
      entries.forEach((entry) => {
        if (!entry.isIntersecting) return;
        showElement(entry.target);
        observer.unobserve(entry.target);
      });
    }, { threshold: 0.1 });

    revealTargets.forEach((el) => revealObserver.observe(el));
  } else {
    revealTargets.forEach(showElement);
  }

  document.querySelectorAll(".stagger-group").forEach((group) => {
    const stagger = Number.parseInt(group.dataset.stagger || "100", 10);

    group.querySelectorAll(".stagger-child").forEach((child, index) => {
      child.style.transitionDelay = `${index * stagger}ms`;
    });
  });

  document.querySelectorAll(".reveal[data-delay]").forEach((el) => {
    el.style.transitionDelay = `${el.dataset.delay}ms`;
  });

  const nav = document.querySelector(".nav");

  if (nav) {
    let wasScrolled = false;

    const onScroll = () => {
      const isScrolled = window.scrollY > 40;

      if (isScrolled === wasScrolled) return;

      nav.classList.toggle("scrolled", isScrolled);
      wasScrolled = isScrolled;
    };

    window.addEventListener("scroll", onScroll, { passive: true });
    onScroll();
  }

  const heroContent = document.querySelector(".hero-content");

  if (heroContent && !prefersReducedMotion) {
    let ticking = false;

    window.addEventListener("scroll", () => {
      if (ticking) return;

      requestAnimationFrame(() => {
        heroContent.style.transform = `translateY(${window.scrollY * 0.04}px)`;
        ticking = false;
      });

      ticking = true;
    }, { passive: true });
  }

  const mobileBtn = document.querySelector(".nav-mobile-btn");
  const mobileMenu = document.querySelector(".nav-mobile-menu");
  const mobileIcon = document.querySelector(".nav-mobile-icon");

  const setMobileMenuOpen = (open) => {
    if (!mobileBtn || !mobileMenu || !mobileIcon) return;

    mobileMenu.hidden = !open;
    mobileMenu.classList.toggle("open", open);
    mobileBtn.setAttribute("aria-expanded", String(open));
    mobileIcon.textContent = open ? "✕" : "☰";
  };

  if (mobileBtn && mobileMenu) {
    setMobileMenuOpen(false);

    mobileBtn.addEventListener("click", () => {
      setMobileMenuOpen(mobileMenu.hidden);
    });

    document.addEventListener("keydown", (event) => {
      if (event.key === "Escape") setMobileMenuOpen(false);
    });

    mobileMenu.querySelectorAll("a").forEach((link) => {
      link.addEventListener("click", () => setMobileMenuOpen(false));
    });
  }

  document.querySelectorAll('a[href^="#"]').forEach((link) => {
    link.addEventListener("click", (event) => {
      const href = link.getAttribute("href");

      if (!href || href === "#") return;

      const target = document.querySelector(href);

      if (!target) return;

      event.preventDefault();

      target.scrollIntoView({
        behavior: prefersReducedMotion ? "auto" : "smooth",
        block: "start"
      });

      setMobileMenuOpen(false);
    });
  });

  const currentYear = document.querySelector("#current-year");

  if (currentYear) {
    currentYear.textContent = new Date().getFullYear();
  }
})();