<section class="content-block template-media-accordion">
    <div class="grid-container">
        <div class="template-media-accordion__list">
            <nav class="template-media-accordion__tab-wrapper">
                <div class="template-media-accordion__item ">
                    <div class="template-media-accordion__title is-active">
                        <div class="template-media-accordion__header">
                            <a href="#tab0">
                                <h5>High-Quality Product &amp; Lifestyle Photography</h5>
                            </a>
                        </div>
                        <div class="template-media-accordion__content">
                            <div class="template-media-accordion__description">
                                <p>Our pictures aren’t worth just a lousy thousand words; they tell epic tales and intimate stories, to hold your customers’ attention, and showcase your product’s details and quality, through advanced techniques and state-of-the-art equipment.</p>
                            </div>
                            <picture class="module image image--bordered accordion-image show-for-small-only">
                                <img alt="High-Quality Product &amp; Lifestyle Photography" src="/nto/assets/images/cms/accordion-img-1.png" class="image__main">
                            </picture>
                        </div>
                    </div>
                    <div class="template-media-accordion__title ">
                        <div class="template-media-accordion__header">
                            <a href="#tab1">
                                <h5>Engaging Videography &amp; Multimedia Content</h5>
                            </a>
                        </div>
                        <div class="template-media-accordion__content">
                            <div class="template-media-accordion__description">
                                <p>Go beyond dated product demonstrations, and sculpt engaging narratives to connect emotionally, enhance brand recall, and urge purchase decisions, with dynamic product videos and immersive viewer experiences.</p>
                            </div>
                            <lottie-player class="show-for-small-only" src="https://lottie.host/272b60dd-462d-42a3-8ed6-fec4143633d6/X4FxBascRI.json" background="transparent" loop></lottie-player>
                        </div>
                    </div>
                    <div class="template-media-accordion__title ">
                        <div class="template-media-accordion__header">
                            <a href="#tab2">
                                <h5>Innovative Graphic Design &amp; Visual Branding</h5>
                            </a>
                        </div>
                        <div class="template-media-accordion__content">
                            <div class="template-media-accordion__description">
                                <p>Make your brand appointment viewing, with stunning product, packaging, graphic, and promotional designs, merging creativity with brand strategy, to generate cohesive and compelling brand visuals.</p>
                            </div>
                            <picture class="module image image--bordered accordion-image show-for-small-only">
                                <img alt="Innovative Graphic Design &amp; Visual Branding" src="/nto/assets/images/cms/accordion-img-1.png" class="image__main">
                            </picture>
                        </div>
                    </div>
                    <div class="template-media-accordion__title ">
                        <div class="template-media-accordion__header">
                            <a href="#tab3">
                                <h5>3D Modeling &amp; AR/VR Experiences</h5>
                            </a>
                        </div>
                        <div class="template-media-accordion__content">
                            <div class="template-media-accordion__description">
                                <p>Give flat, lifeless content depth, with cutting-edge 3D modeling and AR/VR content, enables your customers to interact with, and immerse themselves in, your products.</p>
                            </div>
                            <picture class="module image image--bordered accordion-image show-for-small-only">
                                <img alt="3D Modeling &amp; AR/VR Experiences" src="/nto/assets/images/cms/accordion-img-2.png" class="image__main">
                            </picture>
                        </div>
                    </div>
                    <div class="template-media-accordion__title ">
                        <div class="template-media-accordion__header">
                            <a href="#tab4">
                                <h5>Custom Illustration &amp; Artwork</h5>
                            </a>
                        </div>
                        <div class="template-media-accordion__content">
                            <div class="template-media-accordion__description">
                                <p>Your customers deserve customization and personality. Tailored illustration styles evoke your brand’s personality, to distinguish it in a crowded marketplace, and leave competitors feeling inadequate and stale.</p>
                            </div>
                            <picture class="module image image--bordered accordion-image show-for-small-only">
                                <img alt="Custom Illustration &amp; Artwork" src="/nto/assets/images/cms/accordion-img-1.png" class="image__main">
                            </picture>
                        </div>
                    </div>
                    <div class="template-media-accordion__title ">
                        <div class="template-media-accordion__header">
                            <a href="#tab5">
                                <h5>Content Strategy &amp; Copywriting</h5>
                            </a>
                        </div>
                        <div class="template-media-accordion__content">
                            <div class="template-media-accordion__description">
                                <p>Whether your story is like an inspirational tearjerker, or a buddy cop comedy, frame your products in their narrative with comprehensive content strategies and copywriting, always written with thorough research and targeted for audience resonance.</p>
                            </div>
                            <picture class="module image image--bordered accordion-image show-for-small-only">
                                <img alt="Content Strategy &amp; Copywriting" src="/nto/assets/images/cms/accordion-img-2.png" class="image__main">
                            </picture>
                        </div>
                    </div>
                </div>
            </nav>
            <div class="template-media-accordion__tab-content">
                <div class="template-media-accordion__panel is-active">
                    <div class="template-media-accordion__panel-inner">
                        <picture class="module image image--bordered accordion-image">
                            <img alt="High-Quality Product &amp; Lifestyle Photography" src="/nto/assets/images/cms/accordion-img-1.png" class="image__main">
                        </picture>
                    </div>
                </div>
                <div class="template-media-accordion__panel ">
                    <div class="template-media-accordion__panel-inner">
                        <lottie-player src="https://lottie.host/272b60dd-462d-42a3-8ed6-fec4143633d6/X4FxBascRI.json" background="transparent" loop></lottie-player>
                    </div>
                </div>
                <div class="template-media-accordion__panel ">
                    <div class="template-media-accordion__panel-inner">
                        <picture class="module image image--bordered accordion-image">
                            <img alt="Innovative Graphic Design &amp; Visual Branding" src="/nto/assets/images/cms/accordion-img-1.png" class="image__main">
                        </picture>
                    </div>
                </div>
                <div class="template-media-accordion__panel ">
                    <div class="template-media-accordion__panel-inner">
                        <picture class="module image image--bordered accordion-image">
                            <img alt="3D Modeling &amp; AR/VR Experiences" src="/nto/assets/images/cms/accordion-img-2.png" class="image__main">
                        </picture>
                    </div>
                </div>
                <div class="template-media-accordion__panel ">
                    <div class="template-media-accordion__panel-inner">
                        <picture class="module image image--bordered accordion-image">
                            <img alt="Custom Illustration &amp; Artwork" src="/nto/assets/images/cms/accordion-img-1.png" class="image__main">
                        </picture>
                    </div>
                </div>
                <div class="template-media-accordion__panel ">
                    <div class="template-media-accordion__panel-inner">
                        <picture class="module image image--bordered accordion-image">
                            <img alt="Content Strategy &amp; Copywriting" src="/nto/assets/images/cms/accordion-img-2.png" class="image__main">
                        </picture>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
{{ template("media-accordion", {
  "tabs": [
    {
      "title": "High-Quality Product & Lifestyle Photography",
      "description": "Our pictures aren’t worth just a lousy thousand words; they tell epic tales and intimate stories, to hold your customers’ attention, and showcase your product’s details and quality, through advanced techniques and state-of-the-art equipment.",
      "classes": "is-active",
      "image": "/assets/images/cms/accordion-img-1.png"
    },
    {
      "title": "Engaging Videography & Multimedia Content",
      "description": "Go beyond dated product demonstrations, and sculpt engaging narratives to connect emotionally, enhance brand recall, and urge purchase decisions, with dynamic product videos and immersive viewer experiences.",
      "lottie": true
    },
    {
      "title": "Innovative Graphic Design & Visual Branding",
      "description": "Make your brand appointment viewing, with stunning product, packaging, graphic, and promotional designs, merging creativity with brand strategy, to generate cohesive and compelling brand visuals.",
      "image": "/assets/images/cms/accordion-img-1.png"
    },
    {
      "title": "3D Modeling & AR/VR Experiences",
      "description": "Give flat, lifeless content depth, with cutting-edge 3D modeling and AR/VR content, enables your customers to interact with, and immerse themselves in, your products.",
      "image": "/assets/images/cms/accordion-img-2.png"
    },
    {
      "title": "Custom Illustration & Artwork",
      "description": "Your customers deserve customization and personality. Tailored illustration styles evoke your brand’s personality, to distinguish it in a crowded marketplace, and leave competitors feeling inadequate and stale.",
      "image": "/assets/images/cms/accordion-img-1.png"
    },
    {
      "title": "Content Strategy & Copywriting",
      "description": "Whether your story is like an inspirational tearjerker, or a buddy cop comedy, frame your products in their narrative with comprehensive content strategies and copywriting, always written with thorough research and targeted for audience resonance.",
      "image": "/assets/images/cms/accordion-img-2.png"
    }
  ]
}) }}