main.js

(function initReveal() {
  const reveals = document.querySelectorAll('.reveal');
  if (!reveals.length) return;

  const observer = new IntersectionObserver(
    (entries) => {
      entries.forEach((entry) => {
        if (entry.isIntersecting) entry.target.classList.add('visible');
      });
    },
    { threshold: 0.1 }
  );

  reveals.forEach((el) => observer.observe(el));
})();

(function initLightbox() {
  const lb = document.getElementById('lightbox');
  const lbi = document.getElementById('lightbox-img');
  const closeBtn = lb?.querySelector('.lightbox__x');
  if (!lb || !lbi) return;

  function open(src, alt) {
    lbi.src = src;
    lbi.alt = alt || '';
    lb.classList.add('open');
    document.body.style.overflow = 'hidden';
  }

  function close() {
    lb.classList.remove('open');
    lbi.src = '';
    document.body.style.overflow = '';
  }

  document.querySelectorAll('.gallery-card').forEach((card) => {
    card.addEventListener('click', () => {
      const img = card.querySelector('img');
      open(card.dataset.src || img?.src || '', img?.alt || '');
    });
  });

  lb.addEventListener('click', (e) => {
    if (e.target === lb || e.target === closeBtn) close();
  });

  document.addEventListener('keydown', (e) => {
    if (e.key === 'Escape' && lb.classList.contains('open')) close();
  });
})();

(function initVideoObserver() {
  const videos = document.querySelectorAll('.hero-video, .feature-video');
  if (!videos.length) return;

  if (!('IntersectionObserver' in window)) {
    videos.forEach((v) => v.play().catch(() => {}));
    return;
  }

  const observer = new IntersectionObserver(
    (entries) => {
      entries.forEach((entry) => {
        const vid = entry.target;
        if (entry.isIntersecting) vid.play().catch(() => {});
        else vid.pause();
      });
    },
    { threshold: 0.15 }
  );

  videos.forEach((v) => observer.observe(v));
})();

(function initSmoothScroll() {
  document.querySelectorAll('a[href^="#"]').forEach((link) => {
    link.addEventListener('click', (e) => {
      const id = link.getAttribute('href');
      if (!id || id === '#') return;
      const target = document.querySelector(id);
      if (!target) return;
      e.preventDefault();
      target.scrollIntoView({ behavior: 'smooth', block: 'start' });
    });
  });
})();