{{- define "main" -}}

<!-- Page header -->
<header class="gutter-x pt-36 pb-16 border-b border-mist">
  <div class="max-w-3xl">
    <h1 class="font-display text-5xl md:text-7xl text-paper text-balance mb-5">{{ .Title }}</h1>
    {{- with .Description -}}
    <p class="text-chalk text-xl leading-relaxed text-pretty">{{ . }}</p>
    {{- end -}}
  </div>
</header>

<!-- Page content -->
<article class="gutter-x py-16 md:py-24 max-w-3xl prose-editorial">
  {{ .Content }}
</article>

{{- end -}}