script.js

document.addEventListener('DOMContentLoaded', () => {

  /* ── Sticky Nav ─────────────────────────── */
  const nav = document.getElementById('nav');
  window.addEventListener('scroll', () => {
    nav.classList.toggle('solid', window.scrollY > 60);
  }, { passive: true });

  /* ── Mobile Drawer ──────────────────────── */
  const burger  = document.getElementById('navBurger');
  const drawer  = document.getElementById('navDrawer');
  const back    = document.getElementById('drawerBackdrop');
  const close   = document.getElementById('drawerClose');

  const openDrawer  = () => { drawer.classList.add('open'); back.classList.add('show'); document.body.style.overflow = 'hidden'; };
  const closeDrawer = () => { drawer.classList.remove('open'); back.classList.remove('show'); document.body.style.overflow = ''; };

  if (burger)  burger.addEventListener('click', openDrawer);
  if (close)   close.addEventListener('click', closeDrawer);
  if (back)    back.addEventListener('click', closeDrawer);
  drawer?.querySelectorAll('a').forEach(a => a.addEventListener('click', closeDrawer));

  /* ── Reveal on Scroll ───────────────────── */
  const reveals = document.querySelectorAll('.reveal');
  const io = new IntersectionObserver(entries => {
    entries.forEach(e => {
      if (e.isIntersecting) {
        e.target.classList.add('visible');
        io.unobserve(e.target);
      }
    });
  }, { threshold: 0.1, rootMargin: '0px 0px -60px 0px' });
  reveals.forEach(el => io.observe(el));

  /* ── Number Count-Up ────────────────────── */
  const stats = document.querySelectorAll('.istat__n[data-target]');
  const counter = new IntersectionObserver(entries => {
    entries.forEach(e => {
      if (!e.isIntersecting) return;
      const el = e.target;
      const target = +el.getAttribute('data-target');
      const dur = 1600;
      const step = target / (dur / 16);
      let cur = 0;
      const tick = () => {
        cur = Math.min(cur + step, target);
        el.textContent = Math.round(cur).toLocaleString();
        if (cur < target) requestAnimationFrame(tick);
      };
      requestAnimationFrame(tick);
      counter.unobserve(el);
    });
  }, { threshold: 0.6 });
  stats.forEach(el => counter.observe(el));

  /* ── Parallax Hero Photo ────────────────── */
  const heroPhoto = document.querySelector('.hero__photo');
  if (heroPhoto) {
    window.addEventListener('scroll', () => {
      if (window.scrollY < window.innerHeight * 1.1) {
        heroPhoto.style.transform = `scale(1.07) translateY(${window.scrollY * 0.08}px)`;
      }
    }, { passive: true });
  }

});