{{- $c := site.Data.content -}}
<section class="vs dark grain" id="visit" aria-labelledby="vs-h">
    <div class="vs-head">
      <div>
        <p class="dot">{{ $c.visit.p_1 }}</p>
        <h2 class="h2 lines" id="vs-h" data-rv><span class="ln"><span>{{ $c.visit.span_2 }}</span></span><span class="ln"><span>{{ $c.visit.span_3_html | safeHTML }}</span></span></h2>
      </div>
      <p class="muted" data-rv>{{ $c.visit.p_4 }}</p>
    </div>
    <div class="vs-cards">
      <article class="vs-card" style="--i:0">
        <div class="ph"><img src="{{ ($c.visit.img_5_image | relURL) }}" alt="{{ $c.visit.img_5_alt }}" loading="lazy" decoding="async" width="1600" height="1067"></div>
        <div class="vs-txt">
          <span class="vs-num">{{ $c.visit.span_6 }}</span>
          <h3>{{ $c.visit.h3_7 }}</h3>
          <p>{{ $c.visit.p_8 }}</p>
          <dl><div><dt class="lbl">{{ $c.visit.dt_9 }}</dt><dd>{{ $c.visit.dd_10 }}</dd></div><div><dt class="lbl">{{ $c.visit.dt_11 }}</dt><dd>{{ $c.visit.dd_12 }}</dd></div></dl>
        </div>
        <span class="tab lbl" aria-hidden="true">{{ $c.visit.span_13 }}</span>
      </article>
      <article class="vs-card" style="--i:1">
        <div class="ph"><img src="{{ ($c.visit.img_14_image | relURL) }}" alt="{{ $c.visit.img_14_alt }}" loading="lazy" decoding="async" width="1254" height="1254"></div>
        <div class="vs-txt">
          <span class="vs-num">{{ $c.visit.span_15 }}</span>
          <h3>{{ $c.visit.h3_16 }}</h3>
          <p>{{ $c.visit.p_17 }}</p>
          <dl><div><dt class="lbl">{{ $c.visit.dt_18 }}</dt><dd>{{ $c.visit.dd_19 }}</dd></div><div><dt class="lbl">{{ $c.visit.dt_20 }}</dt><dd>{{ $c.visit.dd_21 }}</dd></div></dl>
        </div>
        <span class="tab lbl" aria-hidden="true">{{ $c.visit.span_22 }}</span>
      </article>
      <article class="vs-card solid" style="--i:2">
        <div class="vs-txt">
          <span class="vs-num">{{ $c.visit.span_23 }}</span>
          <h3>{{ $c.visit.h3_24_html | safeHTML }}</h3>
          <p>{{ $c.visit.p_25 }}</p>
          <dl><div><dt class="lbl">{{ $c.visit.dt_26 }}</dt><dd>{{ $c.visit.dd_27 }}</dd></div><div><dt class="lbl">{{ $c.visit.dt_28 }}</dt><dd>{{ $c.visit.dd_29 }}</dd></div></dl>
        </div>
        <svg class="vs-mark" viewBox="0 0 32 32" aria-hidden="true"><path d="M16 3.5a12.5 12.5 0 0 0 0 25" fill="none" stroke="currentColor" stroke-width=".22" /><path d="M16 3.5a12.5 12.5 0 0 1 0 25z" fill="currentColor" opacity=".16" /></svg>
        <span class="tab lbl" aria-hidden="true">{{ $c.visit.span_30 }}</span>
      </article>
    </div>
  </section>