{{- $c := site.Data.content -}}
<section class="tm" id="team" aria-labelledby="tm-h">
    <div class="tm-top">
      <p class="dot">{{ $c.team.p_1 }}</p>
      <p class="muted" data-rv>{{ $c.team.p_2 }}</p>
    </div>
    <h2 class="tm-h lines" id="tm-h" data-rv><span class="ln"><span>{{ $c.team.span_3_html | safeHTML }}</span></span></h2>
    <div class="tm-grid">
      <article class="tm-card">
        <div class="tm-ph ph bw"><img src="{{ ($c.team.img_4_image | relURL) }}" alt="{{ $c.team.img_4_alt }}" loading="lazy" decoding="async" width="800" height="1200"></div>
        <h3>{{ $c.team.h3_5 }}</h3>
        <span class="lbl">{{ $c.team.span_6 }}</span>
        <p>{{ $c.team.p_7 }}</p>
      </article>
      <article class="tm-card">
        <div class="tm-ph ph bw"><img src="{{ ($c.team.img_8_image | relURL) }}" alt="{{ $c.team.img_8_alt }}" loading="lazy" decoding="async" width="800" height="1200"></div>
        <h3>{{ $c.team.h3_9 }}</h3>
        <span class="lbl">{{ $c.team.span_10 }}</span>
        <p>{{ $c.team.p_11 }}</p>
      </article>
      <article class="tm-card">
        <div class="tm-ph ph bw"><img src="{{ ($c.team.img_12_image | relURL) }}" alt="{{ $c.team.img_12_alt }}" loading="lazy" decoding="async" width="800" height="1200"></div>
        <h3>{{ $c.team.h3_13 }}</h3>
        <span class="lbl">{{ $c.team.span_14 }}</span>
        <p>{{ $c.team.p_15 }}</p>
      </article>
    </div>
    <span class="say">{{ $c.team.span_16 }}</span>
  </section>