{{- $c := site.Data.content -}}
<a class="skip" href="#ask">{{ $c.header.a_1 }}</a>
<svg width="0" height="0" style="position:absolute" aria-hidden="true">
  <symbol id="slice" viewBox="0 0 100 100">
    <circle cx="50" cy="50" r="49" fill="#ef7a2e" />
    <circle cx="50" cy="50" r="41" fill="#fde2c4" />
    <g fill="#f59a52">
      <path d="M50 50 L50 13 A37 37 0 0 1 76.2 23.8Z" /><path d="M50 50 L76.2 23.8 A37 37 0 0 1 87 50Z" />
      <path d="M50 50 L87 50 A37 37 0 0 1 76.2 76.2Z" /><path d="M50 50 L76.2 76.2 A37 37 0 0 1 50 87Z" />
      <path d="M50 50 L50 87 A37 37 0 0 1 23.8 76.2Z" /><path d="M50 50 L23.8 76.2 A37 37 0 0 1 13 50Z" />
      <path d="M50 50 L13 50 A37 37 0 0 1 23.8 23.8Z" /><path d="M50 50 L23.8 23.8 A37 37 0 0 1 50 13Z" />
    </g>
    <g stroke="#fde2c4" stroke-width="3.2"><path d="M50 10v80M10 50h80M21.7 21.7l56.6 56.6M78.3 21.7 21.7 78.3" /></g>
    <circle cx="50" cy="50" r="5" fill="#fde2c4" />
  </symbol>
</svg>
<header class="top">
  <div class="bar">
    <a class="logo" href="#top"><svg viewBox="0 0 100 100" aria-hidden="true"><use href="#slice" /></svg>{{ $c.header.text_2 }}</a>
    <nav class="nav" aria-label="Main">
      <a href="#shop">{{ $c.header.a_3 }}</a><a href="#workshop">{{ $c.header.a_4 }}</a><a href="#commission">{{ $c.header.a_5 }}</a><a href="#visit">{{ $c.header.a_6 }}</a>
      <a class="order" href="#order">{{ $c.header.a_7 }}</a>
    </nav>
  </div>
  <div class="meta">
    <p>{{ $c.header.p_8_html | safeHTML }}</p>
    <p class="r">{{ $c.header.p_9_html | safeHTML }}</p>
  </div>
</header>