/**
 * scroll-reveal.js
 * IntersectionObserver for revealing elements on scroll
 */

export function initScrollReveal() {
  'use strict';

  const revealElements = document.querySelectorAll('.reveal');
  if (!revealElements.length) return;

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

  revealElements.forEach((el) => {
    observer.observe(el);
  });
}