<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"><span>Shout your</span> brand from the rooftops</h2>
                    </header>
                    <div class="module text-editor">
                        <p class="p-lg">Cut through the noise with data-driven, full-funnel advertising strategies and attention-grabbing multimedia content to keep your brand stuck in their head like a new favorite song.</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 is-active">
                            <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": 5
}) }}