{{ define "main" }}
  <div class="bg-bg-deep border-b border-warm/10">
    <div class="max-w-[1280px] mx-auto px-8 max-[860px]:px-5 py-16">
      <div class="eyebrow mb-3">Archive</div>
      <h1 class="display text-[clamp(36px,6vw,72px)] mb-4">{{ .Title }}</h1>
    </div>
  </div>
  <div class="max-w-[1280px] mx-auto px-8 max-[860px]:px-5 py-16">
    <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4 mb-12">
      {{- range .Paginator.Pages -}}
        {{- partial "cocktail-card.html" . -}}
      {{- end -}}
    </div>
    {{- if gt .Paginator.TotalPages 1 -}}
      {{- partial "pagination.html" . -}}
    {{- end -}}
  </div>
{{ end }}