/**
 * HYMN | initGradientOnScroll
 * @build 01.01.26
 * @updated 06:01 AM
 */

export function initGradientOnScroll() {
  const target = `[data-id='header-gradient']`;
  if (!document.querySelector(target)) return;
  
  // 🦄 reveal header gradient when page scrolls
  gsap.set(target, { opacity: 0 });
  gsap.to(target, {
    opacity: 1,
    duration: 0.45,
    scrollTrigger: {
      trigger: document.body,
      start: '20px top',
      toggleActions: 'play reverse play reverse',
      markers: false,
    },
  });
}