{{- $c := site.Data.content -}}
<section class="visit" id="visit" aria-labelledby="visit-h">
    <div class="visit-stage">
      <div class="wrap visit-head">
        <div>
          <p class="eyebrow">{{ $c.visit.p_1 }}</p>
          <h2 id="visit-h">{{ $c.visit.h2_2 }}</h2>
          <p class="lead">{{ $c.visit.p_3 }}</p>
        </div>
        <p class="visit-count" aria-hidden="true">{{ $c.visit.p_4_html | safeHTML }}</p>
      </div>
      <div class="wheel" aria-hidden="true">
        <span class="wheel-sun"></span>
        <div class="wheel-ring">
          <span class="wheel-dot" style="--i:0"><b>{{ $c.visit.b_5 }}</b></span>
          <span class="wheel-dot" style="--i:1"><b>{{ $c.visit.b_6 }}</b></span>
          <span class="wheel-dot" style="--i:2"><b>{{ $c.visit.b_7 }}</b></span>
          <span class="wheel-dot" style="--i:3"><b>{{ $c.visit.b_8 }}</b></span>
          <span class="wheel-dot" style="--i:4"><b>{{ $c.visit.b_9 }}</b></span>
        </div>
      </div>
      <ol class="wrap steps">
        <li class="step" data-reveal><span class="step-n">{{ $c.visit.span_10 }}</span><h3>{{ $c.visit.h3_11 }}</h3><p>{{ $c.visit.p_12 }}</p></li>
        <li class="step" data-reveal style="--d:.06s"><span class="step-n">{{ $c.visit.span_13 }}</span><h3>{{ $c.visit.h3_14 }}</h3><p>{{ $c.visit.p_15 }}</p></li>
        <li class="step" data-reveal style="--d:.12s"><span class="step-n">{{ $c.visit.span_16 }}</span><h3>{{ $c.visit.h3_17 }}</h3><p>{{ $c.visit.p_18 }}</p></li>
        <li class="step" data-reveal style="--d:.18s"><span class="step-n">{{ $c.visit.span_19 }}</span><h3>{{ $c.visit.h3_20 }}</h3><p>{{ $c.visit.p_21 }}</p></li>
        <li class="step" data-reveal style="--d:.24s"><span class="step-n">{{ $c.visit.span_22 }}</span><h3>{{ $c.visit.h3_23 }}</h3><p>{{ $c.visit.p_24 }}</p></li>
      </ol>
    </div>
  </section>