{{- $c := site.Data.content -}}
<section class="reviews pad" id="reviews" aria-labelledby="rev-h">
    <div class="rev-grid wrap">
      <div class="rev-side">
        <div class="stick">
          <span class="qmark" aria-hidden="true">“</span>
          <p class="eyebrow">{{ $c.reviews.p_1 }}</p>
          <h2 id="rev-h">{{ $c.reviews.h2_2_html | safeHTML }}</h2>
        </div>
      </div>
      <div>
        <figure class="rq"><blockquote><p>{{ $c.reviews.p_3 }}</p></blockquote><figcaption>{{ $c.reviews.figcaption_4 }}</figcaption></figure>
        <figure class="rq"><blockquote><p>{{ $c.reviews.p_5 }}</p></blockquote><figcaption>{{ $c.reviews.figcaption_6 }}</figcaption></figure>
        <figure class="rq"><blockquote><p>{{ $c.reviews.p_7 }}</p></blockquote><figcaption>{{ $c.reviews.figcaption_8 }}</figcaption></figure>
      </div>
    </div>
    <div class="marquee">
      <div class="mq-track">
        <ul class="mq-group">
          <li class="chip">{{ $c.reviews.li_9_html | safeHTML }}</li>
          <li class="chip">{{ $c.reviews.li_10_html | safeHTML }}</li>
          <li class="chip">{{ $c.reviews.li_11_html | safeHTML }}</li>
          <li class="chip">{{ $c.reviews.li_12_html | safeHTML }}</li>
          <li class="chip">{{ $c.reviews.li_13_html | safeHTML }}</li>
        </ul>
        <ul class="mq-group" aria-hidden="true">
          <li class="chip">{{ $c.reviews.li_14_html | safeHTML }}</li>
          <li class="chip">{{ $c.reviews.li_15_html | safeHTML }}</li>
          <li class="chip">{{ $c.reviews.li_16_html | safeHTML }}</li>
          <li class="chip">{{ $c.reviews.li_17_html | safeHTML }}</li>
          <li class="chip">{{ $c.reviews.li_18_html | safeHTML }}</li>
        </ul>
      </div>
    </div>
  </section>