{{- $c := site.Data.content -}}
<section class="hero" id="top" aria-labelledby="h-title" data-hero>
    <div class="h-pin">
      <figure class="h-frame dots"><img class="cover" src="{{ ($c.top.img_1_image | relURL) }}" alt="{{ $c.top.img_1_alt }}"></figure>
      <figure class="h-frame dots"><img class="cover" src="{{ ($c.top.img_2_image | relURL) }}" alt decoding="async"></figure>
      <h1 class="h-title d" id="h-title"><span>{{ $c.top.span_3 }}</span> <span>{{ $c.top.span_4 }}</span></h1>
      <p class="h-down">{{ $c.top.p_5 }}</p>
    </div>
  </section>