{{#extends "base"}}
{{#block "main"}}
<section class="section" aria-labelledby="hero-heading">
  <div class="container prose stack">
    <p class="eyebrow">{{eyebrow}}</p>
    <h1 id="hero-heading">{{headline}}</h1>
    <p class="lead">{{lead}}</p>
  </div>
</section>

<section class="section section-soft" aria-labelledby="latest-heading">
  <div class="container stack">
    <h2 id="latest-heading">{{label_recent}}</h2>
    <div class="grid grid-wide">
      <article class="card">
        <p class="eyebrow">{{card_one_eyebrow}}</p>
        <h3><a href="{{locale_path}}{{slug_articles}}">{{card_one_title}}</a></h3>
        <p>{{card_one_blurb}}</p>
      </article>
      <article class="card">
        <p class="eyebrow">{{card_two_eyebrow}}</p>
        <h3><a href="{{locale_path}}{{slug_papers}}">{{card_two_title}}</a></h3>
        <p>{{card_two_blurb}}</p>
      </article>
      <article class="card">
        <p class="eyebrow">{{card_three_eyebrow}}</p>
        <h3><a href="{{locale_path}}{{slug_about}}">{{card_three_title}}</a></h3>
        <p>{{card_three_blurb}}</p>
      </article>
    </div>
  </div>
</section>

<section class="section">
  <div class="container prose">
    {{!content}}
  </div>
</section>
{{/block}}