{{ define "main" }}
<article class="page-enter">
  <section class="section">
    <div class="container container--narrow">
      <p class="section__label">{{ .Date.Format "January 2, 2006" }}</p>
      <h1>{{ .Title }}</h1>
      {{ with .Params.summary }}
        <p class="section__body" style="margin-top:var(--fk-space-md)">{{ . }}</p>
      {{ end }}
    </div>
  </section>
  {{ with .Params.hero_image }}
  <section class="section">
    <div class="container">
      <img src="{{ . }}" alt="{{ $.Title }}" style="border-radius:var(--fk-radius-lg);width:100%;max-height:500px;object-fit:cover">
    </div>
  </section>
  {{ end }}
  <section class="section">
    <div class="container container--narrow">
      <div class="section__body">{{ .Content }}</div>
    </div>
  </section>
</article>
{{ end }}