{{- $c := hugo.Data.content -}}
<section class="section wrap" id="services" aria-labelledby="s-h">
    <header class="section-head"><h2 class="note note--ink" id="s-h">{{ $c.services.h2_1 }}</h2><a class="note link" href="#contact">{{ $c.services.a_2 }}</a></header>
    <ol class="services">
      <li class="service" data-reveal="up"><a class="service__link grid-12" href="#contact" data-fill>
        <span class="service__n note" aria-hidden="true">{{ $c.services.span_3 }}</span>
        <span class="service__title h2">{{ $c.services.span_4 }}</span>
        <span class="service__body">{{ $c.services.span_5 }}</span>
        <span class="service__tags"><span class="note">{{ $c.services.span_6 }}</span><span class="note">{{ $c.services.span_7 }}</span><span class="note">{{ $c.services.span_8 }}</span><span class="note">{{ $c.services.span_9 }}</span></span>
        <span class="service__arrow" aria-hidden="true">→</span>
      </a></li>
      <li class="service" data-reveal="up"><a class="service__link grid-12" href="#contact" data-fill>
        <span class="service__n note" aria-hidden="true">{{ $c.services.span_10 }}</span>
        <span class="service__title h2">{{ $c.services.span_11 }}</span>
        <span class="service__body">{{ $c.services.span_12 }}</span>
        <span class="service__tags"><span class="note">{{ $c.services.span_13 }}</span><span class="note">{{ $c.services.span_14 }}</span><span class="note">{{ $c.services.span_15 }}</span></span>
        <span class="service__arrow" aria-hidden="true">→</span>
      </a></li>
      <li class="service" data-reveal="up"><a class="service__link grid-12" href="#contact" data-fill>
        <span class="service__n note" aria-hidden="true">{{ $c.services.span_16 }}</span>
        <span class="service__title h2">{{ $c.services.span_17 }}</span>
        <span class="service__body">{{ $c.services.span_18 }}</span>
        <span class="service__tags"><span class="note">{{ $c.services.span_19 }}</span><span class="note">{{ $c.services.span_20 }}</span><span class="note">{{ $c.services.span_21 }}</span></span>
        <span class="service__arrow" aria-hidden="true">→</span>
      </a></li>
    </ol>
  </section>