(function(){ const speed = 1, gap = 40, sel = '.marquee-container p'; function init(){ document.querySelectorAll(sel).forEach(p=>{ const w = p.parentElement, orig = p._orig || p.innerHTML.trim(); if(p._raf) cancelAnimationFrame(p._raf); p._orig = orig; p.innerHTML = orig; p.style.transform = ''; const m = document.createElement('span'); Object.assign(m.style,{position:'absolute',visibility:'hidden',whiteSpace:'nowrap',display:'inline-block'}); m.innerHTML = orig; document.body.appendChild(m); const tw = m.offsetWidth; document.body.removeChild(m); if(tw <= w.clientWidth) return; p.innerHTML = orig + `` + orig; let pos = 0, cycle = tw + gap; (function tick(){ pos -= speed; if(pos { clearTimeout(window._mh); window._mh = setTimeout(init, 100); }); })();