{{- $c := site.Data.content -}}
<section class="hero" id="top" aria-labelledby="hero-h">
    <div class="hero-stick">
      <div class="hero-media">
        <img src="{{ ($c.top.img_1_image | relURL) }}" alt="{{ $c.top.img_1_alt }}" width="1600" height="1067" fetchpriority="high">
        <div class="hero-frame" aria-hidden="true"><span class="lbl">{{ $c.top.span_2 }}</span><span class="lbl">{{ $c.top.span_3 }}</span></div>
      </div>
      <h1 class="hero-h ink" id="hero-h"><span>{{ $c.top.span_4 }}</span><span>{{ $c.top.span_5_html | safeHTML }}</span></h1>
      <div class="hero-h lite" aria-hidden="true"><span>{{ $c.top.span_6 }}</span><span>{{ $c.top.span_7_html | safeHTML }}</span></div>
      <p class="hero-run" aria-hidden="true">{{ $c.top.p_8_html | safeHTML }}</p>
      <div class="hero-tags lbl" aria-hidden="true"><span>{{ $c.top.span_9 }}</span><span>{{ $c.top.span_10 }}</span><span>{{ $c.top.span_11 }}</span></div>
      <div class="hero-foot">
        <div class="hero-where">
          <p class="lbl">{{ $c.top.p_12 }}</p>
          <p>{{ $c.top.p_13_html | safeHTML }}</p>
        </div>
        <p class="hero-note">{{ $c.top.p_14 }}</p>
      </div>
    </div>
  </section>