{{/* v2 nav — shared between the homepage and the legal pages.
     Inputs (via dict context):
       .kind         "home" → full nav with section anchors, CTA, burger,
                              scroll progress.
                     "legal" → minimal nav: logo (links to /) + theme toggle.
       .logoUse      inline <svg><use href="#brand-logo"/></svg> snippet
       .discussHref  mailto string for the Discuss CTA (home only)
*/}}
{{ $kind := .kind | default "home" }}
{{ $logoUse := .logoUse }}
{{ $discussHref := .discussHref }}
{{ $logoHref := cond (eq $kind "home") "#top" "/" }}
<header class="page-header">
<nav class="nav{{ if eq $kind "legal" }} nav-minimal{{ end }}" id="nav" aria-label="Primary">
  <a class="logo" href="{{ $logoHref }}" aria-label="synapsyx home"><span aria-hidden="true">{{ $logoUse | safeHTML }}</span></a>
  {{ if eq $kind "home" }}
  <div class="links">
    <a href="#capabilities" data-target="capabilities">Capabilities</a>
    <a href="#proof" data-target="proof">Our work</a>
    <a href="#team" data-target="team">Founders</a>
    <a href="#partners" data-target="partners">Partners</a>
  </div>
  {{ end }}
  <button class="theme-toggle" id="themeToggle" type="button" aria-pressed="false" aria-label="Switch to light theme" title="Toggle theme">
    <svg class="moon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 12.8A9 9 0 1 1 11.2 3a7 7 0 0 0 9.8 9.8z"/></svg>
    <svg class="sun" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="4"/><path d="M12 2v2M12 20v2M4.2 4.2l1.4 1.4M18.4 18.4l1.4 1.4M2 12h2M20 12h2M4.2 19.8l1.4-1.4M18.4 5.6l1.4-1.4"/></svg>
  </button>
  {{ if eq $kind "home" }}
  <a class="cta" href="{{ $discussHref }}">Discuss a project <span aria-hidden="true">→</span></a>
  <button class="nav-burger" id="navBurger" type="button" aria-controls="navMenu" aria-expanded="false" aria-label="Open menu">
    <span class="bars" aria-hidden="true"><span></span><span></span><span></span></span>
  </button>
  <div class="nav-menu" id="navMenu" aria-hidden="true" inert>
    <a href="#capabilities" data-target="capabilities">Capabilities</a>
    <a href="#proof" data-target="proof">Our work</a>
    <a href="#team" data-target="team">Founders</a>
    <a href="#partners" data-target="partners">Partners</a>
    <a class="cta" href="{{ $discussHref }}">Discuss a project <span aria-hidden="true">→</span></a>
  </div>
  <div class="progress" aria-hidden="true"><div class="bar-fill" id="navProgress"></div></div>
  {{ end }}
</nav>
</header>