{{- $c := site.Data.content -}}
<section class="appr" id="approach" aria-labelledby="appr-h">
    <div class="appr-top">
      <h2 class="dot" id="appr-h">{{ $c.approach.h2_1 }}</h2>
      <div class="appr-side" data-rv>
        <p>{{ $c.approach.p_2 }}</p>
        <div class="faces" aria-hidden="true">
          <div class="ph bw"><img src="{{ ($c.approach.img_3_image | relURL) }}" alt loading="lazy" decoding="async" width="800" height="1200"></div>
          <div class="ph bw"><img src="{{ ($c.approach.img_4_image | relURL) }}" alt loading="lazy" decoding="async" width="800" height="1200"></div>
          <div class="ph bw"><img src="{{ ($c.approach.img_5_image | relURL) }}" alt loading="lazy" decoding="async" width="800" height="1200"></div>
          <span class="more">{{ $c.approach.span_6 }}</span>
        </div>
      </div>
    </div>
    <div class="appr-main">
      <p class="wfill" data-fill><span class="lead">{{ $c.approach.span_7 }}</span> <span class="inl"><img src="{{ ($c.approach.img_8_image | relURL) }}" alt="{{ $c.approach.img_8_alt }}" loading="lazy" decoding="async" width="1254" height="1254"></span> {{ $c.approach.text_9 }} <em>{{ $c.approach.em_10 }}</em>.</p>
    </div>
  </section>