{{- $c := site.Data.content -}}
<section class="visit" id="visit" aria-labelledby="visit-h">
    <div class="visit-panel">
      <div class="visit-grid wrap pad">
        <figure class="tall-arch" data-r="left"><img src="{{ ($c.visit.img_1_image | relURL) }}" alt="{{ $c.visit.img_1_alt }}" width="1024" height="1536" loading="lazy" decoding="async"></figure>
        <div>
          <p class="eyebrow">{{ $c.visit.p_2 }}</p>
          <h2 id="visit-h" data-r>{{ $c.visit.h2_3_html | safeHTML }}</h2>
          <ol class="steps" data-steps>
            <li data-r><span class="sn" aria-hidden="true">{{ $c.visit.span_4 }}</span><div><h3>{{ $c.visit.h3_5 }}</h3><p>{{ $c.visit.p_6 }}</p></div></li>
            <li data-r><span class="sn" aria-hidden="true">{{ $c.visit.span_7 }}</span><div><h3>{{ $c.visit.h3_8 }}</h3><p>{{ $c.visit.p_9 }}</p></div></li>
            <li data-r><span class="sn" aria-hidden="true">{{ $c.visit.span_10 }}</span><div><h3>{{ $c.visit.h3_11 }}</h3><p>{{ $c.visit.p_12 }}</p></div></li>
            <li data-r><span class="sn" aria-hidden="true">{{ $c.visit.span_13 }}</span><div><h3>{{ $c.visit.h3_14 }}</h3><p>{{ $c.visit.p_15 }}</p></div></li>
          </ol>
        </div>
      </div>
    </div>
  </section>