{{- define "main" -}}
  <header>
    {{- with .Params.hero.tags -}}
    <!--<ul class="tag-list" aria-label="Case study tags">
      {{- range . -}}
      <li>
        <span class="tag{{ with .tone }} tag-{{ . }}{{ end }}">{{ .label }}</span>
      </li>
      {{- end -}}
    </ul>-->
    {{- end -}}
    <h1>{{ with .Params.hero.title }}{{ . }}{{ else }}{{ .Title }}{{ end }}</h1>
    {{- with .Params.hero.deck -}}
    <p class="lede">{{ . }}</p>
    {{- end -}}
    {{- if and (not .Params.hero.deck) .Summary -}}
    <p class="lede">{{ .Summary }}</p>
    {{- end -}}
  </header>

  {{- with .Params.study -}}
  <aside aria-label="Study metadata">
    {{- with .facts -}}
    {{- range . -}}
    <figure>
      {{- with .icon -}}
      {{ partial "icon.html" (dict "name" .) }}
      {{- end -}}
      <label>{{ .label }}</label>
      <figcaption>{{ .value }}</figcaption>
    </figure>
    {{- end -}}
    {{- end -}}
  </aside>
  {{- end -}}

  <div style="width: 100%; height: 50dvh; border-bottom: 2px solid #171717;"></div>

  <article>
    {{- with .Params.study.toc -}}
    <nav id="toc" aria-label="Table of contents">
      <ol>
        {{- range . -}}
        <li><a href="#{{ .id }}">{{ .label }}</a></li>
        {{- end -}}
      </ol>
    </nav>
    {{- end -}}

    <div id="content">
      {{ .Content }}
    </div>
  </article>
{{- end -}}