{{- $c := site.Data.content -}}
<section class="voices sheet" id="reviews" aria-labelledby="voices-h">
    <div class="voices-head">
      <div>
        <h2 class="h2" id="voices-h">{{ $c.reviews.h2_1 }}</h2>
        <span class="tag">{{ $c.reviews.span_2 }}</span>
      </div>
      <div class="arrows">
        <button type="button" data-prev aria-label="Previous review"><svg aria-hidden="true" style="transform:scaleX(-1)"><use href="#i-arrow" /></svg></button>
        <span class="count" aria-hidden="true">{{ $c.reviews.span_3_html | safeHTML }}</span>
        <button type="button" data-next aria-label="Next review"><svg aria-hidden="true"><use href="#i-arrow" /></svg></button>
      </div>
    </div>
    <div class="quotes" tabindex="0" role="region" aria-label="Reviews, scroll sideways">
      <figure class="q"><blockquote>{{ $c.reviews.blockquote_4 }}</blockquote><figcaption>{{ $c.reviews.figcaption_5_html | safeHTML }}</figcaption></figure>
      <figure class="q"><blockquote>{{ $c.reviews.blockquote_6 }}</blockquote><figcaption>{{ $c.reviews.figcaption_7_html | safeHTML }}</figcaption></figure>
      <figure class="q"><blockquote>{{ $c.reviews.blockquote_8 }}</blockquote><figcaption>{{ $c.reviews.figcaption_9_html | safeHTML }}</figcaption></figure>
      <figure class="q"><blockquote>{{ $c.reviews.blockquote_10 }}</blockquote><figcaption>{{ $c.reviews.figcaption_11_html | safeHTML }}</figcaption></figure>
    </div>
  </section>