{{- $c := site.Data.content -}}
<section class="services" id="services" aria-labelledby="s-title">
    <div class="s-list">
      <h2 id="s-title">{{ $c.services.h2_1 }}</h2>
      <ul class="d">
        <li class="rise">{{ $c.services.li_2 }}</li>
        <li class="rise" style="--d:.06s">{{ $c.services.li_3 }}</li>
        <li class="rise" style="--d:.12s">{{ $c.services.li_4 }}</li>
        <li class="rise" style="--d:.18s">{{ $c.services.li_5 }}</li>
        <li class="rise" style="--d:.24s">{{ $c.services.li_6 }}</li>
        <li class="rise" style="--d:.3s">{{ $c.services.li_7 }}</li>
      </ul>
    </div>
    <figure class="s-photo"><img class="cover" src="{{ ($c.services.img_8_image | relURL) }}" alt="{{ $c.services.img_8_alt }}" loading="lazy" decoding="async"></figure>
  </section>