{{- $c := site.Data.content -}}
<section class="approach" id="approach" aria-labelledby="ap-h">
    <div class="wrap split">
      <div class="ph rv fade"><img src="{{ ($c.approach.img_1_image | relURL) }}" alt="{{ $c.approach.img_1_alt }}" width="1024" height="1536" loading="lazy"></div>
      <div class="split-text">
        <span class="eyebrow rv">{{ $c.approach.span_2 }}</span>
        <h2 id="ap-h" class="rv" style="--d:.1s">{{ $c.approach.h2_3 }}</h2>
        <p class="rv" style="--d:.2s">{{ $c.approach.p_4 }}</p>
        <ul class="checks rv" style="--d:.3s">
          <li>{{ $c.approach.li_5 }}</li>
          <li>{{ $c.approach.li_6 }}</li>
          <li>{{ $c.approach.li_7 }}</li>
          <li>{{ $c.approach.li_8 }}</li>
        </ul>
        <a class="btn rv" style="--d:.4s" href="#visit">{{ $c.approach.a_9 }}</a>
      </div>
    </div>
  </section>