<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">Our language isn’t our only colorful quality</h2>
                    </header>
                    <div class="module text-editor">
                        <p class="p-lg">Liberate big, bold brand expressions and content, like fireworks in the drab online marketplace world, cranking up the brightness and volume on your entire brand, and casting shadows on the competition.</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">
                            <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 is-active">
                            <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": 6
}) }}