{{- $c := site.Data.content -}}
<section class="sec collections" id="collections" aria-labelledby="c-h">
    <div class="screen grid-on">
      <h2 id="c-h" class="disp" data-k="c-head" data-snap data-rise>{{ $c.collections.h2_1 }}</h2>
      <a class="b ink small c-cta" href="#contact" data-k="c-cta" data-rows="1"><span data-hover>{{ $c.collections.span_2 }}</span><span aria-hidden="true">→</span></a>
      <ul class="c-list">
        <li class="b c-row" data-k="c-row" data-rows="2"><a class="c-a" href="#contact"><span class="small c-n">{{ $c.collections.span_3 }}</span><span class="c-name">{{ $c.collections.span_4 }}</span><span class="c-spec">{{ $c.collections.span_5 }}</span><span class="small c-go"><span data-hover>{{ $c.collections.span_6 }}</span><span aria-hidden="true">→</span></span></a></li>
        <li class="b c-row" data-k="c-row" data-rows="2"><a class="c-a" href="#contact"><span class="small c-n">{{ $c.collections.span_7 }}</span><span class="c-name">{{ $c.collections.span_8 }}</span><span class="c-spec">{{ $c.collections.span_9 }}</span><span class="small c-go"><span data-hover>{{ $c.collections.span_10 }}</span><span aria-hidden="true">→</span></span></a></li>
        <li class="b c-row" data-k="c-row" data-rows="2"><a class="c-a" href="#contact"><span class="small c-n">{{ $c.collections.span_11 }}</span><span class="c-name">{{ $c.collections.span_12 }}</span><span class="c-spec">{{ $c.collections.span_13 }}</span><span class="small c-go"><span data-hover>{{ $c.collections.span_14 }}</span><span aria-hidden="true">→</span></span></a></li>
        <li class="b c-row" data-k="c-row" data-rows="2"><a class="c-a" href="#contact"><span class="small c-n">{{ $c.collections.span_15 }}</span><span class="c-name">{{ $c.collections.span_16 }}</span><span class="c-spec">{{ $c.collections.span_17 }}</span><span class="small c-go"><span data-hover>{{ $c.collections.span_18 }}</span><span aria-hidden="true">→</span></span></a></li>
      </ul>
    </div>
  </section>