Oversized Wordmark Footer

Build a footer with three small link columns at the top and a giant wordmark (about 22vw, 900 weight, -0.07em tracking) bleeding off the bottom edge, filled with a white-to-transparent vertical gradient via background-clip:text. Dark background. Links underline-slide on hover.

<style>*{box-sizing:border-box;margin:0}body{font-family:Inter,system-ui,sans-serif;overflow:hidden}</style><style>body{background:#0b0b0f;color:#eee;height:100vh;display:flex;flex-direction:column;justify-content:space-between;padding:26px}.r{display:flex;gap:40px;font-size:13px}.r div{display:flex;flex-direction:column;gap:6px;color:#888}.r b{color:#fff}
h1{font:900 22vw/0.8 system-ui;letter-spacing:-.07em;background:linear-gradient(#fff,#fff0);-webkit-background-clip:text;color:transparent}</style>
<div class="r"><div><b>Product</b>Gallery<br>Skills<br>Sections</div><div><b>Company</b>About<br>Sponsor<br>Contact</div><div><b>Legal</b>Terms<br>Privacy</div></div><h1>promptreel</h1>