export function initExperienceHoverGlow() {
  const container = document.querySelector("#experience-list");
  if (!container) return;
  const items = Array.from(container.querySelectorAll(".experience-grid__item"));
  const cards = Array.from(container.querySelectorAll(".exp-card"));

  container.addEventListener("pointermove", (e) => {
    items.forEach((item) => {
      const rect = item.getBoundingClientRect();
      const x = e.clientX - rect.left;
      const y = e.clientY - rect.top;
      item.style.setProperty("--mouse-x", `${x}px`);
      item.style.setProperty("--mouse-y", `${y}px`);
    });

    cards.forEach((card) => {
      const rect = card.getBoundingClientRect();
      const x = e.clientX - rect.left;
      const y = e.clientY - rect.top;
      card.style.setProperty("--mouse-x", `${x}px`);
      card.style.setProperty("--mouse-y", `${y}px`);
    });
  });
}