<!doctype html>
<html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
<style>
*{box-sizing:border-box;margin:0;padding:0}
html,body{width:100%;height:100%;overflow:hidden;background:#0f0f10;font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.stage{position:absolute;inset:0;display:grid;place-items:center;container-type:size}
.h{display:flex;gap:.25em;font-weight:900;font-size:11cqw;letter-spacing:-.04em;color:#f5efe6}
.w{display:flex;overflow:hidden;padding:.05em 0}
.w.a{color:#f5b942}
.l{display:inline-block;transform:translateY(110%);animation:rise 4s cubic-bezier(.2,1.4,.4,1) infinite}
@keyframes rise{0%{transform:translateY(110%)}18%,70%{transform:translateY(0)}88%,100%{transform:translateY(-110%)}}
</style></head>
<body><div class="stage"><div class="h" id="h"></div></div><script>var words=["MAKE","IT","MOVE"],h=document.getElementById("h"),i=0;words.forEach(function(w,wi){var s=document.createElement("span");s.className="w"+(wi===2?" a":"");w.split("").forEach(function(c){var l=document.createElement("span");l.className="l";l.textContent=c;l.style.animationDelay=(i++*0.04)+"s";s.appendChild(l)});h.appendChild(s)});</script></body></html>