<section class="content-block template-masthead bg-black layout-services bg-dark">
    <div class="grid-container">
        <div class="grid-x">
            <div class="cell medium-8">
                <div class="cell__inner">
                    <header class="module header">
                        <h2 class=" h1">We’re your brand’s sheriff against digital desperados</h2>
                    </header>
                    <div class="module text-editor">
                        <p class="p-lg">Unauthorized sellers can take a 2x4 to your brand if you’re not careful. Strap on the spurs with proactive moves to protect your brand, track your prices, and detect and deflect threats, to keep your brand squeaky clean.</p>
                    </div>
                    <div class="module buttons mt-xl">
                        <a href="/nto#" class="button button--down js-scroll-down">Scroll down</a>
                    </div>
                </div>
            </div>
            <div class="cell medium-4">
                <div class="cell__inner">
                    <picture class="module image">
                        <img src="/nto/assets/images/cms/masthead_img.jpg" alt="" class="image__main">
                    </picture>
                </div>
            </div>
        </div>
        <div class="splide template-masthead__slider-navigation" role="group">
            <div class="splide__track">
                <div class="splide__list">
                    <div class="splide__slide">
                        <a href="/nto/marketplace-management/" class="template-masthead__slider-navigation-btn">
                        <img src="/nto/assets/images/cms/masthead-service-icon-1.svg" alt="Marketplace Management">
                        Marketplace Management<span class="show-for-sr">Marketplace Management</span>
                        </a>
                    </div>
                    <div class="splide__slide">
                        <a href="/nto/logistics-fulfillment/" class="template-masthead__slider-navigation-btn">
                            <img src="/nto/assets/images/cms/masthead-service-icon-2.svg" alt="Logistics &amp; Fulfillment">
                            Logistics &amp; Fulfillment<span class="show-for-sr">Logistics &amp; Fulfillment</span>
                        </a>
                    </div>
                    <div class="splide__slide">
                        <a href="/nto/brand-protection/" class="template-masthead__slider-navigation-btn is-active">
                            <img src="/nto/assets/images/cms/masthead-service-icon-3.svg" alt="Brand Protection">
                            Brand Protection<span class="show-for-sr">Brand Protection</span>
                        </a>
                    </div>
                    <div class="splide__slide">
                        <a href="/nto/marketing/" class="template-masthead__slider-navigation-btn">
                        <img src="/nto/assets/images/cms/masthead-service-icon-4.svg" alt="Marketing">
                        Marketing<span class="show-for-sr">Marketing</span>
                        </a>
                    </div>
                    <div class="splide__slide">
                        <a href="/nto/advertising/" class="template-masthead__slider-navigation-btn">
                            <img src="/nto/assets/images/cms/masthead-service-icon-5.svg" alt="Advertising">
                            Advertising<span class="show-for-sr">Advertising</span>
                        </a>
                    </div>
                    <div class="splide__slide">
                        <a href="/nto/creative/" class="template-masthead__slider-navigation-btn">
                            <img src="/nto/assets/images/cms/masthead-service-icon-6.svg" alt="Creative">
                            Creative<span class="show-for-sr">Creative</span>
                        </a>
                    </div>
                    <div class="splide__slide">
                        <a href="/nto/creative/" class="template-masthead__slider-navigation-btn">
                            <img src="/nto/assets/images/cms/masthead-service-icon-6.svg" alt="Reporting &amp; Insights">
                            Reporting &amp; Insights<span class="show-for-sr">Reporting &amp; Insights</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

{{ template("masthead", {
  "innerContent": "templates/masthead/context/services.njk",
  "class": "layout-services bg-dark",
  "bg": {
    "color": "black"
  },
  "currentPage": 3
}) }}