Oversized wordmark footer

Create a statement footer with Tailwind CSS: a compact top row with three short link groups laid out horizontally and a "Back to top" link on the right, then an enormous clipped brand wordmark rendered in very large tight-tracking type that sits flush to the bottom edge with slight overflow, and a small legal line above it. Use a light background with near-black type and keep everything inside a max-width wrapper.

<footer class="overflow-hidden border-t border-neutral-200 bg-neutral-50">
  <div class="mx-auto max-w-6xl px-6 pt-14">
    <div class="flex flex-wrap items-start justify-between gap-10">
      <div class="flex flex-wrap gap-x-16 gap-y-8">
        <div>
          <h4 class="text-xs font-semibold uppercase tracking-wider text-neutral-400">Explore</h4>
          <ul class="mt-3 space-y-1.5 text-sm text-neutral-600">
            <li><a href="#" class="hover:text-neutral-900">Work</a></li>
            <li><a href="#" class="hover:text-neutral-900">Studio</a></li>
            <li><a href="#" class="hover:text-neutral-900">Journal</a></li>
          </ul>
        </div>
        <div>
          <h4 class="text-xs font-semibold uppercase tracking-wider text-neutral-400">Contact</h4>
          <ul class="mt-3 space-y-1.5 text-sm text-neutral-600">
            <li><a href="#" class="hover:text-neutral-900">[email protected]</a></li>
            <li><a href="#" class="hover:text-neutral-900">New enquiries</a></li>
          </ul>
        </div>
        <div>
          <h4 class="text-xs font-semibold uppercase tracking-wider text-neutral-400">Elsewhere</h4>
          <ul class="mt-3 space-y-1.5 text-sm text-neutral-600">
            <li><a href="#" class="hover:text-neutral-900">Instagram</a></li>
            <li><a href="#" class="hover:text-neutral-900">LinkedIn</a></li>
          </ul>
        </div>
      </div>
      <a href="#" class="text-sm font-medium text-neutral-900 hover:underline">Back to top ↑</a>
    </div>
    <p class="mt-14 text-xs text-neutral-400">© 2026 Meridian Studio · Registered in Berlin · VAT DE123456789</p>
  </div>
  <div class="select-none px-6 pt-4">
    <p class="-mb-4 text-center text-[18vw] font-semibold leading-none tracking-tighter text-neutral-900 sm:-mb-6">MERIDIAN</p>
  </div>
</footer>