{{- $c := site.Data.content -}}
<section class="clarity" id="studio" aria-labelledby="c-title" data-clarity>
    <div class="c-pin">
      <h2 class="c-words d" id="c-title"><span>{{ $c.studio.span_1 }}</span><span class="r">{{ $c.studio.span_2 }}</span><span class="s"><span>{{ $c.studio.span_3 }}</span><span>{{ $c.studio.span_4 }}</span></span></h2>
      <div class="c-strip" aria-hidden="true">
        <figure><img class="cover" src="{{ ($c.studio.img_5_image | relURL) }}" alt loading="lazy" decoding="async"></figure>
        <figure class="mid"><img class="cover" src="{{ ($c.studio.img_6_image | relURL) }}" alt loading="lazy" decoding="async"></figure>
        <figure><img class="cover" src="{{ ($c.studio.img_7_image | relURL) }}" alt loading="lazy" decoding="async"></figure>
      </div>
      <div class="c-text">
        <p>{{ $c.studio.p_8 }}</p>
        <p>{{ $c.studio.p_9 }}</p>
      </div>
    </div>
  </section>