<section class="content-block template-masthead bg-black bg-dark">
    <div class="grid-container">
        <div class="grid-x container-width-10 container-align-center">
            <div class="cell medium-12">
                <div class="cell__inner">
                    <header class="module header align-center">
                        <p class=" p-tag">Careers</p>
                        <h2>Become a brand amplifier</h2>
                    </header>
                    <div class="module text-editor text-center mt-sm">
                        <p class="p-sm">We’re as particular in picking our trenchmates as we are in picking our partners. If you need to work hard, play harder, live big, and be bold, give us a shout today.</p>
                    </div>
                    <div class="module buttons mt-lg align-center">
                        <a href="/nto#" class="button button--outlined">Explore openings</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

{{ template("masthead", {
  "innerContent": "templates/masthead/context/default.njk",
  "class": "bg-dark",
  "bg": {
    "color": "black"
  },
  "headers": [
    {
      "tag": "p",
      "class": "p-tag",
      "text": "Careers"
    },
    {
      "tag": "h2",
      "text": "Become a brand amplifier"
    }
  ],
  "text": "<p class=\"p-sm\">We’re as particular in picking our trenchmates as we are in picking our partners. If you need to work hard, play harder, live big, and be bold, give us a shout today.</p>",
  "buttons": [
    {
      "label": "Explore openings",
      "type": "button--outlined",
      "url": "#"
    }
  ]
}) }}