// Sticky CTA bar — reveals once hero is out of viewport. (function () { var stick = document.getElementById(‘kn-tap-stick’); var hero = document.querySelector(‘.kn-tap-hero’); if (!stick || !hero || !(‘IntersectionObserver’ in window)) return; var io = new IntersectionObserver(function (entries) { entries.forEach(function (e) { if (e.isIntersecting) { stick.classList.remove(‘is-visible’); stick.setAttribute(‘aria-hidden’, ‘true’); } else { stick.classList.add(‘is-visible’); stick.setAttribute(‘aria-hidden’, ‘false’); } }); }, { rootMargin: ‘-50px 0px 0px 0px’ }); io.observe(hero); })(); // Hero carousel — auto-advance, pause on hover, dot click. (function () { var carousel = document.querySelector(‘.kn-tap-hero__carousel’); if (!carousel) return; var slides = carousel.querySelectorAll(‘.kn-tap-hero__slide’); var dots = carousel.querySelectorAll(‘.kn-tap-hero__dots button’); if (!slides.length || !dots.length) return; var current = 0; var timer = null; var INTERVAL = 7000; var reduced = window.matchMedia && window.matchMedia(‘(prefers-reduced-motion: reduce)’).matches; function go(i) { slides[current].classList.remove(‘is-active’); dots[current].classList.remove(‘is-active’); current = (i + slides.length) % slides.length; slides[current].classList.add(‘is-active’); dots[current].classList.add(‘is-active’); } function advance() { go(current + 1); } function play() { stop(); if (reduced) return; timer = window.setInterval(advance, INTERVAL); } function stop() { if (timer) { window.clearInterval(timer); timer = null; } } dots.forEach(function (d, i) { d.addEventListener(‘click’, function () { go(i); play(); }); }); carousel.addEventListener(‘mouseenter’, stop); carousel.addEventListener(‘mouseleave’, play); play(); })();