{{ define "main" }}
  <section class="page-hero">
    <p class="eyebrow">Portfolio</p>
    <h1>Case studies with room for the full story.</h1>
    <p class="lede">
      A custom Hugo setup for showcasing product and UX work without relying on a theme.
    </p>
  </section>

  <section class="page-section">
    <div class="section-heading">
      <p class="eyebrow">Selected work</p>
      <h2>Current case studies</h2>
    </div>
    <div class="study-list">
      {{ range where .Site.RegularPages "Section" "studies" }}
        <article>
          <p class="study-card-meta">{{ with .Params.hero.title }}{{ . }}{{ else }}{{ .Title }}{{ end }}</p>
          <h3><a href="{{ .RelPermalink }}">{{ .Title }}</a></h3>
          <p>{{ .Summary }}</p>
        </article>
      {{ end }}
    </div>
  </section>
{{ end }}