Infinite Logo Marquee

Build a 'trusted by' logo strip: off-white background, small uppercase tracked label, then a row of company wordmarks that scrolls left forever with no visible seam (duplicate the list once and translate -50% over 18s linear). Fade both edges with a CSS mask gradient. Pause on hover. HTML/CSS only.

<style>*{box-sizing:border-box;margin:0}body{font-family:Inter,system-ui,sans-serif;overflow:hidden}</style><style>body{background:#fafaf7;height:100vh;display:grid;align-content:center;gap:18px}
p{text-align:center;color:#888;font-size:13px;letter-spacing:.2em;text-transform:uppercase}
.t{display:flex;gap:64px;width:max-content;animation:m 18s linear infinite;font:800 34px/1 Georgia,serif;color:#222}
@keyframes m{to{transform:translateX(-50%)}}.w{overflow:hidden;mask:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent)}</style>
<p>Trusted by teams at</p><div class="w"><div class="t"><span>Northwind</span><span>Halcyon</span><span>Parallel</span><span>Kiln</span><span>Ostrich</span><span>Meridian</span><span>Northwind</span><span>Halcyon</span><span>Parallel</span><span>Kiln</span><span>Ostrich</span><span>Meridian</span></div></div>