{{- $c := site.Data.content -}}
<section class="visit" id="visit" aria-labelledby="visit-h">
    <div class="wrap">
      <span class="eyebrow rv">{{ $c.visit.span_1 }}</span>
      <h2 id="visit-h" class="rv" style="--d:.1s">{{ $c.visit.h2_2 }}</h2>
      <ol class="steps">
        <li class="trail" aria-hidden="true"><svg viewBox="0 0 1200 60" preserveAspectRatio="none"><path d="M0 34C150 4 250 64 400 34S650 4 800 34s250 30 400 0" fill="none" stroke="#FF9FC6" stroke-width="4" stroke-dasharray="2 14" stroke-linecap="round" vector-effect="non-scaling-stroke" /></svg></li>
        <li class="step rv"><span class="num" aria-hidden="true">{{ $c.visit.span_3 }}</span><h3>{{ $c.visit.h3_4 }}</h3><p>{{ $c.visit.p_5 }}</p></li>
        <li class="step rv" style="--d:.15s"><span class="num" aria-hidden="true">{{ $c.visit.span_6 }}</span><h3>{{ $c.visit.h3_7 }}</h3><p>{{ $c.visit.p_8 }}</p></li>
        <li class="step rv" style="--d:.3s"><span class="num" aria-hidden="true">{{ $c.visit.span_9 }}</span><h3>{{ $c.visit.h3_10 }}</h3><p>{{ $c.visit.p_11 }}</p></li>
        <li class="step rv" style="--d:.45s"><span class="num" aria-hidden="true">{{ $c.visit.span_12 }}</span><h3>{{ $c.visit.h3_13 }}</h3><p>{{ $c.visit.p_14 }}</p></li>
      </ol>
    </div>
  </section>