{{- $c := site.Data.content -}}
<a class="skip" href="#main">{{ $c.header.a_1 }}</a>
<header class="hdr top">
  <a class="logo" href="#top" aria-label="Odera, back to top">
    <svg viewBox="0 0 32 32" aria-hidden="true"><path d="M16 3.5a12.5 12.5 0 0 0 0 25" fill="none" stroke="currentColor" stroke-width="1.6" /><path class="half" d="M16 3.5a12.5 12.5 0 0 1 0 25z" /></svg>
    {{ $c.header.text_2 }}
  </a>
  <nav class="nav" aria-label="Main">
    <a href="#treatments">{{ $c.header.a_3 }}</a>
    <a href="#visit">{{ $c.header.a_4 }}</a>
    <a href="#team">{{ $c.header.a_5 }}</a>
    <a href="#reviews">{{ $c.header.a_6 }}</a>
    <a href="#faq">{{ $c.header.a_7 }}</a>
  </nav>
  <div class="hdr-r">
    <a class="phone" href="tel:+15550140190">{{ $c.header.a_8_html | safeHTML }}</a>
    <div class="slant">
      <a class="sl call" href="tel:+15550140190">{{ $c.header.a_9 }}</a>
      <a class="sl fill" href="#book">{{ $c.header.a_10_html | safeHTML }}</a>
    </div>
    <button class="m-btn" type="button" aria-expanded="false" aria-controls="menu"><span class="m-t">{{ $c.header.span_11 }}</span><i aria-hidden="true"></i></button>
  </div>
</header>
<nav class="menu" id="menu" aria-label="Menu">
  <a href="#treatments">{{ $c.header.a_12 }}</a>
  <a href="#visit">{{ $c.header.a_13 }}</a>
  <a href="#team">{{ $c.header.a_14 }}</a>
  <a href="#reviews">{{ $c.header.a_15 }}</a>
  <a href="#faq">{{ $c.header.a_16 }}</a>
  <a href="#book">{{ $c.header.a_17 }}</a>
  <p class="lbl muted">{{ $c.header.p_18 }}</p>
</nav>