{{- $c := site.Data.content -}}
<section class="sec tight" id="reviews" aria-labelledby="rv-h">
    <div class="wrap">
      <div class="rv-head">
        <div data-r>
          <span class="pill">{{ $c.reviews.span_1 }}</span>
          <h2 id="rv-h" style="margin-top:18px">{{ $c.reviews.h2_2_html | safeHTML }}</h2>
        </div>
        <div class="rating" data-r style="--d:1">
          <div><b>{{ $c.reviews.b_3 }}</b><span>{{ $c.reviews.span_4_html | safeHTML }}</span></div>
          <div><b>{{ $c.reviews.b_5 }}</b><span>{{ $c.reviews.span_6_html | safeHTML }}</span></div>
        </div>
      </div>
      <div class="track" id="track" role="region" tabindex="0" aria-label="Member reviews, scroll sideways">
        <article class="card review">
          <span class="stars" aria-label="5 out of 5">★★★★★</span>
          <h3>{{ $c.reviews.h3_7 }}</h3>
          <blockquote>{{ $c.reviews.blockquote_8 }}</blockquote>
          <footer><i aria-hidden="true">{{ $c.reviews.i_9 }}</i><div><b>{{ $c.reviews.b_10 }}</b><span>{{ $c.reviews.span_11 }}</span></div></footer>
        </article>
        <article class="card review">
          <span class="stars" aria-label="5 out of 5">★★★★★</span>
          <h3>{{ $c.reviews.h3_12 }}</h3>
          <blockquote>{{ $c.reviews.blockquote_13 }}</blockquote>
          <footer><i aria-hidden="true">{{ $c.reviews.i_14 }}</i><div><b>{{ $c.reviews.b_15 }}</b><span>{{ $c.reviews.span_16 }}</span></div></footer>
        </article>
        <article class="card review">
          <span class="stars" aria-label="5 out of 5">★★★★★</span>
          <h3>{{ $c.reviews.h3_17 }}</h3>
          <blockquote>{{ $c.reviews.blockquote_18 }}</blockquote>
          <footer><i aria-hidden="true">{{ $c.reviews.i_19 }}</i><div><b>{{ $c.reviews.b_20 }}</b><span>{{ $c.reviews.span_21 }}</span></div></footer>
        </article>
        <article class="card review">
          <span class="stars" aria-label="5 out of 5">★★★★★</span>
          <h3>{{ $c.reviews.h3_22 }}</h3>
          <blockquote>{{ $c.reviews.blockquote_23 }}</blockquote>
          <footer><i aria-hidden="true">{{ $c.reviews.i_24 }}</i><div><b>{{ $c.reviews.b_25 }}</b><span>{{ $c.reviews.span_26 }}</span></div></footer>
        </article>
        <article class="card review">
          <span class="stars" aria-label="5 out of 5">★★★★★</span>
          <h3>{{ $c.reviews.h3_27 }}</h3>
          <blockquote>{{ $c.reviews.blockquote_28 }}</blockquote>
          <footer><i aria-hidden="true">{{ $c.reviews.i_29 }}</i><div><b>{{ $c.reviews.b_30 }}</b><span>{{ $c.reviews.span_31 }}</span></div></footer>
        </article>
        <article class="card review">
          <span class="stars" aria-label="5 out of 5">★★★★★</span>
          <h3>{{ $c.reviews.h3_32 }}</h3>
          <blockquote>{{ $c.reviews.blockquote_33 }}</blockquote>
          <footer><i aria-hidden="true">{{ $c.reviews.i_34 }}</i><div><b>{{ $c.reviews.b_35 }}</b><span>{{ $c.reviews.span_36 }}</span></div></footer>
        </article>
      </div>
      <div class="rv-nav" style="margin-top:22px">
        <button type="button" data-dir="-1" aria-label="Previous reviews" aria-controls="track">←</button>
        <button type="button" data-dir="1" aria-label="Next reviews" aria-controls="track">→</button>
      </div>
    </div>
  </section>