<a class="skip-link" href="#main-content">Skip to content</a>
<header role="banner" class="[ site-head ]">
  <div class="wrapper">
    <div class="[ site-head__inner ]">
      <a href="/" class="[ site-head__site-name ]">
        <span class="visually-hidden">{{ site.name }} - Home</span>
        {% include "../../../images/astrolabe/astrolabe_logo.svg" %}
      </a>
      <button class="menu-toggle" onclick="menuToggle(this)" title="ouvrir / fermer le menu">
        <svg id="icon-show" aria-hidden="true" width="32" height="32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13 10h12M6 16h19m-15 6h15" stroke="#111" stroke-width="2" stroke-linecap="round"/></svg>
        <svg id="icon-close" aria-hidden="true" width="32" height="32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M25.5 7l-19 17m19 0L6.5 7" stroke="#111" stroke-width="2" stroke-linecap="round"/></svg>
        <span class="menu-toggle__label">menu</span>
      </button>
      {% set ariaLabel = 'navigation' %}
      {% include "partials/components/nav.njk" %}
    </div>
  </div>
</header>
