Gradient Footer

A full drop-in footer section with a CSS/SVG gradient glow anchored to the bottom edge. The glow is a shallow arch - a full-width band that hugs the bottom and reaches both bottom corners, rising to a taller peak in the centre (height tunable via data-anm-arch) - built entirely from layered CSS gradients (no WebGL, no canvas). It slowly drifts, reacts to scroll, and rises in with a slow power3.out fade on scroll-enter (slightly delayed on scroll-down). A giant brand wordmark sits above it, split into characters with GSAP SplitText and revealed as a masked per-letter rise (yPercent 110 -> 0, expo.out, staggered) on the same ScrollTrigger; the font-size auto-fits so the tight word fills the full container width for any brand name. The letters use a mix-blend overlay so they take on the glow's light. Above the wordmark: a 4-column link grid (Grok-footer alignment on the 12-col skeleton) with a slide-through underline hover (the Annnimate text-underline mechanic, signal yellow) and a slim legal row. Grain overlay via a static SVG feTurbulence (rendered once, GPU-composited - cheap). Responsive 320-1920: 2x2 link grid on mobile. VANTA editorial-sports demo brand.