<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">Our Craft</p>
                        <h2>Conquer ecommerce savagery, and amplify your brand</h2>
                    </header>
                    <div class="module text-editor text-center mt-sm">
                        <p class="p-sm">Our brand amplification system elevates your brand wherever it lives, driving brand impact, and boosting your bottom line, at every single step, from when we buy your products, to long term growth.</p>
                    </div>
                    <div class="module buttons mt-lg align-center">
                        <a href="/nto#" class="button button--down js-scroll-down">Scroll down</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": "Our Craft"
    },
    {
      "tag": "h2",
      "text": "Conquer ecommerce savagery, and amplify your brand"
    }
  ],
  "text": "<p class=\"p-sm\">Our brand amplification system elevates your brand wherever it lives, driving brand impact, and boosting your bottom line, at every single step, from when we buy your products, to long term growth.</p>",
  "buttons": [
    {
      "label": "Scroll down",
      "type": "button--down js-scroll-down",
      "url": "#"
    }
  ]
}) }}