{{- $c := site.Data.content -}}
<section class="sec hero" aria-label="Introduction">
    <div class="screen">
      <div class="frame" data-k="frame" data-orb="sphere" data-orb-color="white" data-orb-scale=".28">
        <i></i><i></i><i></i><i></i>
        <span class="mono readout" data-readout aria-hidden="true"></span>
      </div>
      <p class="label h-lab" data-k="tl">{{ $c.sec.p_1_html | safeHTML }}</p>
      <p class="label h-lab r" data-k="tr">{{ $c.sec.p_2_html | safeHTML }}</p>
      <p class="label h-lab" data-k="bl"><b>{{ $c.sec.b_3 }}</b><span>{{ $c.sec.span_4_html | safeHTML }}</span></p>
      <p class="label h-lab r" data-k="br">{{ $c.sec.p_5_html | safeHTML }}</p>
      <h1 class="hw" data-k="wl"><span>{{ $c.sec.span_6 }}</span><span>{{ $c.sec.span_7 }}</span></h1>
      <p class="hw r" data-k="wr"><span>{{ $c.sec.span_8 }}</span><span>{{ $c.sec.span_9 }}</span></p>
    </div>
  </section>