(function () {
  var mq = window.matchMedia("(hover: hover) and (pointer: fine)");

  function init() {
    if (!mq.matches) return;

    var links = document.querySelectorAll('[data-underline="line"]');
    links.forEach(function (el) {
      if (el.dataset.underlineInit === "1") return;
      el.dataset.underlineInit = "1";

      function hardResetLeft() {
        el.classList.add("reset-left");
        el.classList.remove("is-enter");
        el.classList.remove("is-leave");
        void el.offsetWidth;
        el.classList.remove("reset-left");
      }

      function onEnter() {
        hardResetLeft();
        el.classList.add("is-enter");
      }

      function onLeave() {
        el.classList.remove("is-enter");
        el.classList.add("is-leave");
      }

      el.addEventListener("transitionend", function (e) {
        if (e.propertyName !== "clip-path") return;
        if (el.matches(":hover")) return;
        if (!el.classList.contains("is-leave")) return;
        hardResetLeft();
      });

      el.addEventListener("pointerenter", onEnter);
      el.addEventListener("pointerleave", onLeave);
    });
  }

  if (document.readyState === "loading") {
    document.addEventListener("DOMContentLoaded", init);
  } else {
    init();
  }

  if (window.Webflow) window.Webflow.push(init);
})();