{{- $onCellar := hasPrefix .RelPermalink "/recipes/" -}}
<header class="sticky top-0 z-[60] backdrop-blur-[14px] border-b border-warm/10 bg-[linear-gradient(to_bottom,rgba(13,10,7,0.92),rgba(13,10,7,0.66))]">
  <div class="max-w-[1280px] mx-auto px-8 max-[860px]:px-5 flex items-center gap-7 h-[72px]">

    <!-- Brand -->
    <a href="/" class="flex items-center gap-[13px] shrink-0" aria-label="{{ .Site.Title }}">
      {{- partial "mark.html" (dict "size" 34) -}}
      <div class="flex flex-col leading-none whitespace-nowrap">
        <b class="font-serif font-semibold text-[21px] tracking-[0.02em] text-ink">Bar Pivoine</b>
        <span class="font-mono text-[8.5px] tracking-[0.42em] uppercase text-gold mt-[3px]">bar.pivoine.art</span>
      </div>
    </a>

    <!-- Cellar button -->
    <a
      href="/recipes/"
      class="cellar-btn{{ if $onCellar }} active{{ end }}"
      aria-current="{{ if $onCellar }}page{{ end }}"
    >
      {{- partial "icon.html" "coupe" -}}
      Cellar
    </a>

  </div>
</header>