{{- $c := site.Data.content -}}
<section class="team" id="team" aria-labelledby="team-h">
    <div class="team-panel">
      <div class="team-grid wrap pad">
        <div class="team-intro">
          <p class="eyebrow">{{ $c.team.p_1 }}</p>
          <h2 id="team-h" data-r>{{ $c.team.h2_2_html | safeHTML }}</h2>
          <p data-r style="--d:.1s">{{ $c.team.p_3 }}</p>
          <a class="circle-link" href="#book" data-r style="--d:.2s">{{ $c.team.text_4 }}<br>{{ $c.team.text_5 }}<svg class="i" aria-hidden="true"><use href="#i-ne" /></svg></a>
        </div>
        <ul class="people">
          <li class="person" data-r>
            <figure class="round"><img src="{{ ($c.team.img_6_image | relURL) }}" alt="{{ $c.team.img_6_alt }}" width="1024" height="1536" loading="lazy" decoding="async" style="object-position:50% 18%"></figure>
            <h3>{{ $c.team.h3_7 }}</h3>
            <p class="role">{{ $c.team.p_8 }}</p>
            <p class="bio">{{ $c.team.p_9 }}</p>
          </li>
          <li class="person" data-r style="--d:.12s">
            <figure class="round"><img src="{{ ($c.team.img_10_image | relURL) }}" alt="{{ $c.team.img_10_alt }}" width="800" height="800" loading="lazy" decoding="async"></figure>
            <h3>{{ $c.team.h3_11 }}</h3>
            <p class="role">{{ $c.team.p_12 }}</p>
            <p class="bio">{{ $c.team.p_13 }}</p>
          </li>
          <li class="person" data-r>
            <figure class="round"><img src="{{ ($c.team.img_14_image | relURL) }}" alt="{{ $c.team.img_14_alt }}" width="800" height="800" loading="lazy" decoding="async"></figure>
            <h3>{{ $c.team.h3_15 }}</h3>
            <p class="role">{{ $c.team.p_16 }}</p>
            <p class="bio">{{ $c.team.p_17 }}</p>
          </li>
          <li class="person" data-r style="--d:.12s">
            <figure class="round"><img src="{{ ($c.team.img_18_image | relURL) }}" alt="{{ $c.team.img_18_alt }}" width="800" height="800" loading="lazy" decoding="async"></figure>
            <h3>{{ $c.team.h3_19 }}</h3>
            <p class="role">{{ $c.team.p_20 }}</p>
            <p class="bio">{{ $c.team.p_21 }}</p>
          </li>
        </ul>
      </div>
    </div>
  </section>