{{- $c := site.Data.content -}}
<section class="team" id="team" aria-labelledby="team-h">
    <div class="wrap">
      <div class="sec-head">
        <div>
          <span class="eyebrow rv">{{ $c.team.span_1 }}</span>
          <h2 id="team-h" class="rv" style="--d:.1s">{{ $c.team.h2_2 }}</h2>
        </div>
        <p class="rv" style="--d:.2s">{{ $c.team.p_3 }}</p>
      </div>
      <div class="people">
        <article class="person rv">
          <div class="frame"><div class="ph"><img src="{{ ($c.team.img_4_image | relURL) }}" alt="{{ $c.team.img_4_alt }}" width="800" height="800" loading="lazy"></div></div>
          <h3>{{ $c.team.h3_5 }}</h3>
          <span class="role">{{ $c.team.span_6 }}</span>
          <p>{{ $c.team.p_7 }}</p>
        </article>
        <article class="person rv" style="--d:.15s">
          <div class="frame"><div class="ph"><img src="{{ ($c.team.img_8_image | relURL) }}" alt="{{ $c.team.img_8_alt }}" width="800" height="800" loading="lazy"></div></div>
          <h3>{{ $c.team.h3_9 }}</h3>
          <span class="role">{{ $c.team.span_10 }}</span>
          <p>{{ $c.team.p_11 }}</p>
        </article>
        <article class="person rv" style="--d:.3s">
          <div class="frame"><div class="ph"><img src="{{ ($c.team.img_12_image | relURL) }}" alt="{{ $c.team.img_12_alt }}" width="800" height="800" loading="lazy"></div></div>
          <h3>{{ $c.team.h3_13 }}</h3>
          <span class="role">{{ $c.team.span_14 }}</span>
          <p>{{ $c.team.p_15 }}</p>
        </article>
      </div>
    </div>
  </section>