{{- $c := site.Data.content -}}
<section class="team" id="team" aria-labelledby="team-h">
    <div class="wrap">
      <div class="sec-head">
        <div class="rv">
          <span class="eyebrow">{{ $c.team.span_1 }}</span>
          <h2 class="h2" id="team-h">{{ $c.team.h2_2 }}</h2>
        </div>
        <p class="lead rv" style="--d:.1s">{{ $c.team.p_3 }}</p>
      </div>
      <div class="team-grid">
        <article class="person rv">
          <div class="ph"><span class="shp p1"></span><div class="frame"><img src="{{ ($c.team.img_4_image | relURL) }}" alt="{{ $c.team.img_4_alt }}" width="800" height="1200" loading="lazy"></div></div>
          <h3>{{ $c.team.h3_5 }}</h3>
          <p class="role">{{ $c.team.p_6 }}</p>
          <p>{{ $c.team.p_7 }}</p>
        </article>
        <article class="person rv" style="--d:.1s">
          <div class="ph"><span class="shp p2"></span><div class="frame"><img src="{{ ($c.team.img_8_image | relURL) }}" alt="{{ $c.team.img_8_alt }}" width="800" height="1200" loading="lazy"></div></div>
          <h3>{{ $c.team.h3_9 }}</h3>
          <p class="role">{{ $c.team.p_10 }}</p>
          <p>{{ $c.team.p_11 }}</p>
        </article>
        <article class="person rv" style="--d:.2s">
          <div class="ph"><span class="shp p3"></span><div class="frame"><img src="{{ ($c.team.img_12_image | relURL) }}" alt="{{ $c.team.img_12_alt }}" width="800" height="1200" loading="lazy"></div></div>
          <h3>{{ $c.team.h3_13 }}</h3>
          <p class="role">{{ $c.team.p_14 }}</p>
          <p>{{ $c.team.p_15 }}</p>
        </article>
      </div>
      <div class="facts rv">
        <div><b>{{ $c.team.b_16 }}</b><span>{{ $c.team.span_17 }}</span></div>
        <div><b>{{ $c.team.b_18 }}</b><span>{{ $c.team.span_19 }}</span></div>
        <div><b>{{ $c.team.b_20 }}</b><span>{{ $c.team.span_21 }}</span></div>
      </div>
    </div>
  </section>