{{ define "main" }}
  <div class="min-h-[70vh] flex items-center justify-center text-center">
    <div>
      <div class="font-serif italic text-[120px] md:text-[200px] leading-none text-ink-faint/20 mb-4">404</div>
      <h1 class="display text-[clamp(28px,4vw,48px)] mb-4">Glass not found.</h1>
      <p class="text-ink-soft text-lg mb-8 max-w-md mx-auto">That cocktail seems to have slipped off the menu. Perhaps it was too good to last.</p>
      <a href="/" class="btn btn-gold">Back to the bar</a>
    </div>
  </div>
{{ end }}