{"id":13,"date":"2026-09-04T07:44:44","date_gmt":"2026-09-04T07:44:44","guid":{"rendered":"https:\/\/voodoomedia.co.za\/?page_id=13"},"modified":"2026-09-14T09:59:53","modified_gmt":"2026-09-14T09:59:53","slug":"home-bigger-brands","status":"publish","type":"page","link":"https:\/\/voodoomedia.co.za\/","title":{"rendered":"Home &#8211; Bigger Brands"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"13\" class=\"elementor elementor-13\">\n\t\t\t\t<div class=\"elementor-element elementor-element-892c696 e-con e-atomic-element e-flexbox-base e-bf4fa31 \" data-id=\"892c696\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"892c696\">\n    \t\t<div class=\"elementor-element elementor-element-68e5002 elementor-widget elementor-widget-html\" data-id=\"68e5002\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     VOODOO MEDIA\n     CINEMATIC ORBITAL SCROLL INTRO\n========================================================= -->\n\n<div id=\"vd-intro\" class=\"vd-intro\">\n\n    <div class=\"vd-stage\">\n\n        <!-- =====================================================\n             SCROLL CONTROLLED VIDEO\n        ====================================================== -->\n\n        <video\n            id=\"vd-video\"\n            class=\"vd-video\"\n            muted\n            playsinline\n            preload=\"auto\"\n        >\n            <source\n                src=\"https:\/\/voodoomedia.co.za\/wp-content\/uploads\/2026\/09\/download-3.mp4\"\n                type=\"video\/mp4\"\n            >\n        <\/video>\n\n\n        <!-- =====================================================\n             VERY SUBTLE READABILITY OVERLAY\n        ====================================================== -->\n\n        <div class=\"vd-overlay\"><\/div>\n\n\n        <!-- =====================================================\n             TOP BRAND\n        ====================================================== -->\n\n        <a\n            href=\"\/\"\n            class=\"vd-logo\"\n            aria-label=\"Voodoo Media home\"\n        >\n            VOODOO\n        <\/a>\n\n\n        <!-- =====================================================\n             MENU BUTTON\n        ====================================================== -->\n\n        <button\n            id=\"vd-menu-button\"\n            class=\"vd-menu-button\"\n            type=\"button\"\n            aria-label=\"Open navigation\"\n            aria-expanded=\"false\"\n            aria-controls=\"vd-full-menu\"\n        >\n            <span><\/span>\n            <span><\/span>\n        <\/button>\n\n\n        <!-- =====================================================\n             ORBITAL NAVIGATION\n        ====================================================== -->\n\n        <nav\n            id=\"vd-wheel\"\n            class=\"vd-wheel\"\n            aria-label=\"Main navigation\"\n        >\n\n            <!-- =================================================\n                 SUBTLE ORBITAL DECORATION\n            ================================================== -->\n\n            <div\n                class=\"vd-orbit-decoration\"\n                aria-hidden=\"true\"\n            >\n\n                <div class=\"vd-orbit vd-orbit-one\"><\/div>\n\n                <div class=\"vd-orbit vd-orbit-two\"><\/div>\n\n                <div class=\"vd-tracker vd-tracker-one\"><\/div>\n\n                <div class=\"vd-tracker vd-tracker-two\"><\/div>\n\n            <\/div>\n\n\n            <!-- =================================================\n                 NAVIGATION ITEMS\n            ================================================== -->\n\n            <a\n                href=\"\/\"\n                class=\"vd-link vd-home\"\n                style=\"\n                    --vd-x: 0%;\n                    --vd-y: -45%;\n                    --vd-hover-x: 0px;\n                    --vd-hover-y: -6px;\n                \"\n            >\n                <span class=\"vd-link-number\">01<\/span>\n\n                <span class=\"vd-link-label\">\n                    Home\n                <\/span>\n\n                <span class=\"vd-link-line\"><\/span>\n            <\/a>\n\n\n            <a\n                href=\"\/#what-we-do\"\n                class=\"vd-link vd-services\"\n                style=\"\n                    --vd-x: 42%;\n                    --vd-y: -24%;\n                    --vd-hover-x: 6px;\n                    --vd-hover-y: -3px;\n                \"\n            >\n                <span class=\"vd-link-number\">02<\/span>\n\n                <span class=\"vd-link-label\">\n                    What We Do\n                <\/span>\n\n                <span class=\"vd-link-line\"><\/span>\n            <\/a>\n\n\n            <a\n                href=\"\/#who-we-are\"\n                class=\"vd-link vd-about\"\n                style=\"\n                    --vd-x: 44%;\n                    --vd-y: 18%;\n                    --vd-hover-x: 6px;\n                    --vd-hover-y: 2px;\n                \"\n            >\n                <span class=\"vd-link-number\">03<\/span>\n\n                <span class=\"vd-link-label\">\n                    Who We Are\n                <\/span>\n\n                <span class=\"vd-link-line\"><\/span>\n            <\/a>\n\n\n            <a\n                href=\"\/?page_id=5#our-work\"\n                class=\"vd-link vd-work\"\n                style=\"\n                    --vd-x: 24%;\n                    --vd-y: 45%;\n                    --vd-hover-x: 4px;\n                    --vd-hover-y: 5px;\n                \"\n            >\n                <span class=\"vd-link-number\">04<\/span>\n\n                <span class=\"vd-link-label\">\n                    Our Work\n                <\/span>\n\n                <span class=\"vd-link-line\"><\/span>\n            <\/a>\n\n\n            <a\n                href=\"\/#blog\"\n                class=\"vd-link vd-blog\"\n                style=\"\n                    --vd-x: -24%;\n                    --vd-y: 45%;\n                    --vd-hover-x: -4px;\n                    --vd-hover-y: 5px;\n                \"\n            >\n                <span class=\"vd-link-number\">05<\/span>\n\n                <span class=\"vd-link-label\">\n                    Blog\n                <\/span>\n\n                <span class=\"vd-link-line\"><\/span>\n            <\/a>\n\n\n            <a\n                href=\"\/?page_id=5#our-work\"\n                class=\"vd-link vd-resources\"\n                style=\"\n                    --vd-x: -44%;\n                    --vd-y: 18%;\n                    --vd-hover-x: -6px;\n                    --vd-hover-y: 2px;\n                \"\n            >\n                <span class=\"vd-link-number\">06<\/span>\n\n                <span class=\"vd-link-label\">\n                    Resources\n                <\/span>\n\n                <span class=\"vd-link-line\"><\/span>\n            <\/a>\n\n\n            <a\n                href=\"tel:+27633818714\"\n                class=\"vd-link vd-contact\"\n                style=\"\n                    --vd-x: -42%;\n                    --vd-y: -24%;\n                    --vd-hover-x: -6px;\n                    --vd-hover-y: -3px;\n                \"\n            >\n                <span class=\"vd-link-number\">07<\/span>\n\n                <span class=\"vd-link-label\">\n                    Get in Touch\n                <\/span>\n\n                <span class=\"vd-link-line\"><\/span>\n            <\/a>\n\n\n            <!-- =================================================\n                 CENTRE IDENTITY\n            ================================================== -->\n\n            <div\n                id=\"vd-centre\"\n                class=\"vd-centre\"\n                aria-hidden=\"true\"\n            >\n\n                <div class=\"vd-centre-orbit vd-centre-orbit-one\"><\/div>\n\n                <div class=\"vd-centre-orbit vd-centre-orbit-two\"><\/div>\n\n                <span class=\"vd-centre-dot vd-centre-dot-one\"><\/span>\n\n                <span class=\"vd-centre-dot vd-centre-dot-two\"><\/span>\n\n                <div class=\"vd-centre-content\">\n\n                    <span class=\"vd-centre-mark\">\n                        V\n                    <\/span>\n\n                    <span class=\"vd-centre-copy\">\n                        EXPLORE\n                    <\/span>\n\n                <\/div>\n\n            <\/div>\n\n        <\/nav>\n\n\n        <!-- =====================================================\n             FULLSCREEN MENU\n        ====================================================== -->\n\n        <div\n            id=\"vd-full-menu\"\n            class=\"vd-full-menu\"\n            aria-hidden=\"true\"\n        >\n\n            <div class=\"vd-full-menu-inner\">\n\n                <div class=\"vd-full-menu-heading\">\n                    NAVIGATION\n                <\/div>\n\n\n                <nav\n                    class=\"vd-full-nav\"\n                    aria-label=\"Expanded navigation\"\n                >\n\n                    <a\n                        href=\"\/\"\n                        class=\"vd-full-link\"\n                        style=\"--vd-delay: 0ms;\"\n                    >\n                        <span class=\"vd-full-number\">\n                            01\n                        <\/span>\n\n                        <span class=\"vd-full-label\">\n                            Home\n                        <\/span>\n\n                        <span class=\"vd-full-arrow\">\n                            \u2197\n                        <\/span>\n                    <\/a>\n\n\n                    <a\n                        href=\"\/#what-we-do\"\n                        class=\"vd-full-link\"\n                        style=\"--vd-delay: 55ms;\"\n                    >\n                        <span class=\"vd-full-number\">\n                            02\n                        <\/span>\n\n                        <span class=\"vd-full-label\">\n                            What We Do\n                        <\/span>\n\n                        <span class=\"vd-full-arrow\">\n                            \u2197\n                        <\/span>\n                    <\/a>\n\n\n                    <a\n                        href=\"\/#who-we-are\"\n                        class=\"vd-full-link\"\n                        style=\"--vd-delay: 110ms;\"\n                    >\n                        <span class=\"vd-full-number\">\n                            03\n                        <\/span>\n\n                        <span class=\"vd-full-label\">\n                            Who We Are\n                        <\/span>\n\n                        <span class=\"vd-full-arrow\">\n                            \u2197\n                        <\/span>\n                    <\/a>\n\n\n                    <a\n                        href=\"\/?page_id=5#our-work\"\n                        class=\"vd-full-link\"\n                        style=\"--vd-delay: 165ms;\"\n                    >\n                        <span class=\"vd-full-number\">\n                            04\n                        <\/span>\n\n                        <span class=\"vd-full-label\">\n                            Our Work\n                        <\/span>\n\n                        <span class=\"vd-full-arrow\">\n                            \u2197\n                        <\/span>\n                    <\/a>\n\n\n                    <a\n                        href=\"\/#blog\"\n                        class=\"vd-full-link\"\n                        style=\"--vd-delay: 220ms;\"\n                    >\n                        <span class=\"vd-full-number\">\n                            05\n                        <\/span>\n\n                        <span class=\"vd-full-label\">\n                            Blog\n                        <\/span>\n\n                        <span class=\"vd-full-arrow\">\n                            \u2197\n                        <\/span>\n                    <\/a>\n\n\n                    <a\n                        href=\"\/?page_id=5#our-work\"\n                        class=\"vd-full-link\"\n                        style=\"--vd-delay: 275ms;\"\n                    >\n                        <span class=\"vd-full-number\">\n                            06\n                        <\/span>\n\n                        <span class=\"vd-full-label\">\n                            Resources\n                        <\/span>\n\n                        <span class=\"vd-full-arrow\">\n                            \u2197\n                        <\/span>\n                    <\/a>\n\n\n                    <a\n                        href=\"tel:+27633818714\"\n                        class=\"vd-full-link\"\n                        style=\"--vd-delay: 330ms;\"\n                    >\n                        <span class=\"vd-full-number\">\n                            07\n                        <\/span>\n\n                        <span class=\"vd-full-label\">\n                            Get in Touch\n                        <\/span>\n\n                        <span class=\"vd-full-arrow\">\n                            \u2197\n                        <\/span>\n                    <\/a>\n\n                <\/nav>\n\n\n                <div class=\"vd-full-footer\">\n\n                    <span>\n                        VOODOO MEDIA\n                    <\/span>\n\n                    <span>\n                        CREATIVE STUDIO\n                    <\/span>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- =====================================================\n             SCROLL INDICATOR\n        ====================================================== -->\n\n        <div\n            id=\"vd-scroll\"\n            class=\"vd-scroll\"\n            aria-hidden=\"true\"\n        >\n\n            <span class=\"vd-scroll-text\">\n                SCROLL TO ENTER\n            <\/span>\n\n            <span class=\"vd-scroll-line\"><\/span>\n\n        <\/div>\n\n    <\/div>\n\n<\/div>\n\n\n\n<style>\n\nhtml {\n    scroll-behavior: smooth;\n}\n\n\/* =========================================================\n   VARIABLES\n========================================================= *\/\n\n.vd-intro {\n\n    --vd-white:\n        #ffffff;\n\n    --vd-soft-white:\n        rgba(255,255,255,.72);\n\n    --vd-muted-white:\n        rgba(255,255,255,.45);\n\n    --vd-faint-white:\n        rgba(255,255,255,.16);\n\n    --vd-dark:\n        rgba(4,4,5,.84);\n\n    --vd-transition:\n        cubic-bezier(.22,.61,.36,1);\n\n}\n\n\n\/* =========================================================\n   RESET\n========================================================= *\/\n\n.vd-intro,\n.vd-intro *,\n.vd-intro *::before,\n.vd-intro *::after {\n\n    box-sizing:\n        border-box;\n\n}\n\n\n\/* =========================================================\n   ELEMENTOR FULL WIDTH\n========================================================= *\/\n\n.elementor-widget-html:has(#vd-intro),\n.elementor-widget-html:has(#vd-intro) > .elementor-widget-container {\n\n    overflow:\n        visible !important;\n\n}\n\n\n\/* =========================================================\n   SCROLL TRACK\n========================================================= *\/\n\n.vd-intro {\n\n    position:\n        relative;\n\n    width:\n        100vw;\n\n    max-width:\n        none !important;\n\n    height:\n        400vh;\n\n    margin-left:\n        calc(50% - 50vw);\n\n    margin-right:\n        calc(50% - 50vw);\n\n    padding:\n        0 !important;\n\n    background:\n        #000;\n\n}\n\n\n\/* =========================================================\n   STICKY VIEWPORT\n========================================================= *\/\n\n.vd-stage {\n\n    position:\n        sticky;\n\n    top:\n        0;\n\n    width:\n        100vw;\n\n    height:\n        100vh;\n\n    overflow:\n        hidden;\n\n    background:\n        #000;\n\n    isolation:\n        isolate;\n\n}\n\n\n\/* =========================================================\n   VIDEO\n========================================================= *\/\n\n.vd-video {\n\n    position:\n        absolute;\n\n    z-index:\n        1;\n\n    inset:\n        0;\n\n    width:\n        100%;\n\n    height:\n        100%;\n\n    object-fit:\n        cover;\n\n    object-position:\n        center center;\n\n    transform:\n        scale(1.015);\n\n    transform-origin:\n        center center;\n\n    will-change:\n        transform;\n\n}\n\n\n\/* =========================================================\n   OVERLAY\n========================================================= *\/\n\n.vd-overlay {\n\n    position:\n        absolute;\n\n    z-index:\n        2;\n\n    inset:\n        0;\n\n    pointer-events:\n        none;\n\n    background:\n        radial-gradient(\n            circle at 50% 50%,\n            rgba(0,0,0,.015) 0%,\n            rgba(0,0,0,.04) 45%,\n            rgba(0,0,0,.16) 100%\n        );\n\n}\n\n\n\/* =========================================================\n   TYPOGRAPHY\n========================================================= *\/\n\n.vd-intro,\n.vd-intro button,\n.vd-intro a {\n\n    font-family:\n        \"Helvetica Neue\",\n        Helvetica,\n        Arial,\n        sans-serif;\n\n}\n\n\n\/* =========================================================\n   FIXED TOP NAV READABILITY\n========================================================= *\/\n\n.vd-stage::before {\n\n    content:\n        \"\";\n\n    position:\n        fixed;\n\n    z-index:\n        9999;\n\n    left:\n        0;\n\n    top:\n        0;\n\n    width:\n        100%;\n\n    height:\n        95px;\n\n    pointer-events:\n        none;\n\n    background:\n        linear-gradient(\n            to bottom,\n            rgba(0,0,0,.58),\n            rgba(0,0,0,0)\n        );\n\n}\n\n\n\/* =========================================================\n   LOGO\n========================================================= *\/\n\n.vd-logo {\n\n    position:\n        fixed;\n\n    z-index:\n        10001;\n\n    left:\n        46px;\n\n    top:\n        40px;\n\n    display:\n        inline-block;\n\n    color:\n        var(--vd-white) !important;\n\n    font-size:\n        18px;\n\n    font-weight:\n        600;\n\n    line-height:\n        1;\n\n    letter-spacing:\n        6px;\n\n    text-decoration:\n        none !important;\n\n    transition:\n        opacity .35s ease;\n\n}\n\n.vd-logo:hover {\n\n    color:\n        var(--vd-white) !important;\n\n    opacity:\n        .58;\n\n}\n\n\n\/* =========================================================\n   MENU BUTTON\n========================================================= *\/\n\n.vd-menu-button {\n\n    position:\n        fixed;\n\n    z-index:\n        10002;\n\n    right:\n        46px;\n\n    top:\n        38px;\n\n    width:\n        42px;\n\n    height:\n        30px;\n\n    margin:\n        0;\n\n    padding:\n        0;\n\n    border:\n        0 !important;\n\n    outline:\n        0;\n\n    background:\n        transparent !important;\n\n    appearance:\n        none;\n\n    cursor:\n        pointer;\n\n}\n\n.vd-menu-button span {\n\n    position:\n        absolute;\n\n    left:\n        2px;\n\n    width:\n        38px;\n\n    height:\n        1px;\n\n    background:\n        var(--vd-white);\n\n    transform-origin:\n        center center;\n\n    transition:\n        transform .45s var(--vd-transition),\n        top .45s var(--vd-transition),\n        opacity .3s ease;\n\n}\n\n.vd-menu-button span:nth-child(1) {\n\n    top:\n        9px;\n\n}\n\n.vd-menu-button span:nth-child(2) {\n\n    top:\n        20px;\n\n}\n\n.vd-menu-button:not(.active):hover span:nth-child(1) {\n\n    transform:\n        translateX(4px);\n\n}\n\n.vd-menu-button:not(.active):hover span:nth-child(2) {\n\n    transform:\n        translateX(-4px);\n\n}\n\n.vd-menu-button.active span:nth-child(1) {\n\n    top:\n        15px;\n\n    transform:\n        rotate(45deg);\n\n}\n\n.vd-menu-button.active span:nth-child(2) {\n\n    top:\n        15px;\n\n    transform:\n        rotate(-45deg);\n\n}\n\n\n\/* =========================================================\n   MAIN ORBITAL NAVIGATION\n========================================================= *\/\n\n.vd-wheel {\n\n    position:\n        absolute;\n\n    z-index:\n        20;\n\n    left:\n        50%;\n\n    top:\n        50%;\n\n    width:\n        min(740px, 80vw);\n\n    height:\n        min(540px, 68vh);\n\n    transform:\n        translate(-50%, -50%)\n        scale(1);\n\n    transform-origin:\n        center center;\n\n    opacity:\n        1;\n\n    will-change:\n        opacity,\n        transform;\n\n    transition:\n        opacity .45s ease;\n\n}\n\n\n\/* =========================================================\n   NAV ITEMS\n========================================================= *\/\n\n.vd-link {\n\n    position:\n        absolute;\n\n    z-index:\n        30;\n\n    left:\n        calc(50% + var(--vd-x));\n\n    top:\n        calc(50% + var(--vd-y));\n\n    display:\n        inline-flex;\n\n    align-items:\n        center;\n\n    gap:\n        9px;\n\n    min-height:\n        34px;\n\n    padding:\n        6px 4px;\n\n    color:\n        var(--vd-white) !important;\n\n    font-size:\n        14px !important;\n\n    font-weight:\n        450 !important;\n\n    line-height:\n        1 !important;\n\n    letter-spacing:\n        .01em;\n\n    white-space:\n        nowrap;\n\n    text-decoration:\n        none !important;\n\n    border:\n        0 !important;\n\n    box-shadow:\n        none !important;\n\n    transform:\n        translate(-50%, -50%);\n\n    transition:\n        opacity .4s var(--vd-transition),\n        transform .4s var(--vd-transition),\n        letter-spacing .4s var(--vd-transition);\n\n}\n\n.vd-link-number {\n\n    display:\n        inline-block;\n\n    color:\n        rgba(255,255,255,.42);\n\n    font-size:\n        9px;\n\n    font-weight:\n        400;\n\n    letter-spacing:\n        .12em;\n\n    transition:\n        color .35s ease;\n\n}\n\n.vd-link-label {\n\n    display:\n        inline-block;\n\n}\n\n.vd-link-line {\n\n    display:\n        inline-block;\n\n    width:\n        0;\n\n    height:\n        1px;\n\n    margin-left:\n        1px;\n\n    background:\n        rgba(255,255,255,.68);\n\n    transition:\n        width .4s var(--vd-transition),\n        opacity .4s ease;\n\n    opacity:\n        0;\n\n}\n\n\n\/* =========================================================\n   HOVER RELATIONSHIP\n========================================================= *\/\n\n.vd-wheel.vd-is-hovering .vd-link {\n\n    opacity:\n        .38;\n\n}\n\n.vd-wheel.vd-is-hovering .vd-link.vd-active-link {\n\n    opacity:\n        1;\n\n    transform:\n        translate(\n            calc(-50% + var(--vd-hover-x)),\n            calc(-50% + var(--vd-hover-y))\n        );\n\n    letter-spacing:\n        .035em;\n\n}\n\n.vd-link.vd-active-link .vd-link-number {\n\n    color:\n        rgba(255,255,255,.72);\n\n}\n\n.vd-link.vd-active-link .vd-link-line {\n\n    width:\n        26px;\n\n    opacity:\n        1;\n\n}\n\n\n\/* =========================================================\n   CENTRE\n========================================================= *\/\n\n.vd-centre {\n\n    position:\n        absolute;\n\n    z-index:\n        35;\n\n    left:\n        50%;\n\n    top:\n        50%;\n\n    width:\n        172px;\n\n    height:\n        172px;\n\n    transform:\n        translate(-50%, -50%);\n\n    border-radius:\n        50%;\n\n    background:\n        rgba(3,3,5,.80);\n\n    border:\n        1px solid\n        rgba(255,255,255,.17);\n\n    backdrop-filter:\n        blur(5px);\n\n    -webkit-backdrop-filter:\n        blur(5px);\n\n    display:\n        flex;\n\n    align-items:\n        center;\n\n    justify-content:\n        center;\n\n    transition:\n        transform .45s var(--vd-transition),\n        border-color .45s ease,\n        background .45s ease;\n\n}\n\n\n\/* =========================================================\n   CENTRE CONTENT\n========================================================= *\/\n\n.vd-centre-content {\n\n    position:\n        relative;\n\n    z-index:\n        10;\n\n    display:\n        flex;\n\n    flex-direction:\n        column;\n\n    align-items:\n        center;\n\n    justify-content:\n        center;\n\n}\n\n.vd-centre-mark {\n\n    display:\n        block;\n\n    color:\n        var(--vd-white);\n\n    font-size:\n        40px;\n\n    font-weight:\n        600;\n\n    line-height:\n        .95;\n\n    letter-spacing:\n        -.04em;\n\n}\n\n.vd-centre-copy {\n\n    display:\n        block;\n\n    margin-top:\n        13px;\n\n    color:\n        rgba(255,255,255,.42);\n\n    font-size:\n        7px;\n\n    font-weight:\n        500;\n\n    line-height:\n        1;\n\n    letter-spacing:\n        .30em;\n\n    transform:\n        translateX(.15em);\n\n}\n\n\n\/* =========================================================\n   CENTRE ORBITS\n========================================================= *\/\n\n.vd-centre-orbit {\n\n    position:\n        absolute;\n\n    pointer-events:\n        none;\n\n    border-radius:\n        50%;\n\n    transition:\n        border-color .45s ease;\n\n}\n\n.vd-centre-orbit-one {\n\n    inset:\n        7px;\n\n    border:\n        1px solid\n        rgba(255,255,255,.34);\n\n    border-left-color:\n        rgba(255,255,255,.04);\n\n    border-bottom-color:\n        rgba(255,255,255,.09);\n\n    animation:\n        vd-centre-spin\n        26s\n        linear\n        infinite;\n\n}\n\n.vd-centre-orbit-two {\n\n    inset:\n        -9px;\n\n    border:\n        1px solid\n        rgba(255,255,255,.10);\n\n    border-right-color:\n        transparent;\n\n    border-top-color:\n        rgba(255,255,255,.22);\n\n    animation:\n        vd-centre-spin-reverse\n        38s\n        linear\n        infinite;\n\n}\n\n.vd-centre-dot {\n\n    position:\n        absolute;\n\n    z-index:\n        5;\n\n    width:\n        5px;\n\n    height:\n        5px;\n\n    border-radius:\n        50%;\n\n    background:\n        rgba(255,255,255,.95);\n\n}\n\n.vd-centre-dot-one {\n\n    left:\n        29px;\n\n    top:\n        22px;\n\n}\n\n.vd-centre-dot-two {\n\n    right:\n        20px;\n\n    bottom:\n        38px;\n\n    width:\n        4px;\n\n    height:\n        4px;\n\n    opacity:\n        .7;\n\n}\n\n\n\/* =========================================================\n   LARGE SUBTLE ORBIT\n========================================================= *\/\n\n.vd-orbit-decoration {\n\n    position:\n        absolute;\n\n    z-index:\n        10;\n\n    left:\n        50%;\n\n    top:\n        50%;\n\n    width:\n        286px;\n\n    height:\n        286px;\n\n    transform:\n        translate(-50%, -50%);\n\n    pointer-events:\n        none;\n\n    transition:\n        transform .6s var(--vd-transition),\n        opacity .5s ease;\n\n}\n\n.vd-orbit {\n\n    position:\n        absolute;\n\n    border-radius:\n        50%;\n\n}\n\n.vd-orbit-one {\n\n    inset:\n        12px;\n\n    border:\n        1px solid\n        rgba(255,255,255,.065);\n\n    border-top-color:\n        rgba(255,255,255,.20);\n\n    border-right-color:\n        rgba(255,255,255,.035);\n\n    transform:\n        rotate(18deg);\n\n}\n\n.vd-orbit-two {\n\n    inset:\n        0;\n\n    border:\n        1px solid\n        rgba(255,255,255,.045);\n\n    border-left-color:\n        rgba(255,255,255,.15);\n\n    border-bottom-color:\n        transparent;\n\n    transform:\n        rotate(-28deg);\n\n}\n\n.vd-tracker {\n\n    position:\n        absolute;\n\n    width:\n        3px;\n\n    height:\n        3px;\n\n    border-radius:\n        50%;\n\n    background:\n        rgba(255,255,255,.74);\n\n}\n\n.vd-tracker-one {\n\n    left:\n        30px;\n\n    top:\n        66px;\n\n}\n\n.vd-tracker-two {\n\n    right:\n        46px;\n\n    bottom:\n        45px;\n\n    opacity:\n        .46;\n\n}\n\n\n\/* =========================================================\n   HOVER REACTION\n========================================================= *\/\n\n.vd-wheel.vd-is-hovering .vd-centre {\n\n    transform:\n        translate(-50%, -50%)\n        scale(1.012);\n\n    border-color:\n        rgba(255,255,255,.28);\n\n    background:\n        rgba(2,2,3,.85);\n\n}\n\n.vd-wheel.vd-is-hovering .vd-orbit-decoration {\n\n    transform:\n        translate(-50%, -50%)\n        rotate(4deg)\n        scale(1.018);\n\n}\n\n\n\/* =========================================================\n   ORBIT ANIMATION\n========================================================= *\/\n\n@keyframes vd-centre-spin {\n\n    from {\n        transform:\n            rotate(0deg);\n    }\n\n    to {\n        transform:\n            rotate(360deg);\n    }\n\n}\n\n@keyframes vd-centre-spin-reverse {\n\n    from {\n        transform:\n            rotate(360deg);\n    }\n\n    to {\n        transform:\n            rotate(0deg);\n    }\n\n}\n\n\n\/* =========================================================\n   FULLSCREEN MENU\n========================================================= *\/\n\n.vd-full-menu {\n\n    position:\n        fixed;\n\n    z-index:\n        10000;\n\n    inset:\n        0;\n\n    visibility:\n        hidden;\n\n    opacity:\n        0;\n\n    pointer-events:\n        none;\n\n    background:\n        rgba(3,3,4,.94);\n\n    backdrop-filter:\n        blur(12px);\n\n    -webkit-backdrop-filter:\n        blur(12px);\n\n    transition:\n        opacity .48s var(--vd-transition),\n        visibility .48s;\n\n}\n\n.vd-full-menu.is-open {\n\n    visibility:\n        visible;\n\n    opacity:\n        1;\n\n    pointer-events:\n        auto;\n\n}\n\n.vd-full-menu-inner {\n\n    position:\n        absolute;\n\n    inset:\n        0;\n\n    display:\n        flex;\n\n    flex-direction:\n        column;\n\n    justify-content:\n        center;\n\n    padding:\n        90px\n        clamp(35px, 8vw, 150px)\n        55px;\n\n}\n\n\n\/* =========================================================\n   FULLSCREEN MENU TITLE\n========================================================= *\/\n\n.vd-full-menu-heading {\n\n    margin-bottom:\n        30px;\n\n    color:\n        rgba(255,255,255,.36);\n\n    font-size:\n        8px;\n\n    font-weight:\n        500;\n\n    letter-spacing:\n        .28em;\n\n}\n\n\n\/* =========================================================\n   FULLSCREEN LINKS\n========================================================= *\/\n\n.vd-full-nav {\n\n    width:\n        100%;\n\n    max-width:\n        1150px;\n\n}\n\n.vd-full-link {\n\n    position:\n        relative;\n\n    display:\n        grid;\n\n    grid-template-columns:\n        56px\n        1fr\n        45px;\n\n    align-items:\n        center;\n\n    width:\n        100%;\n\n    min-height:\n        69px;\n\n    color:\n        var(--vd-white) !important;\n\n    text-decoration:\n        none !important;\n\n    border-top:\n        1px solid\n        rgba(255,255,255,.10);\n\n    opacity:\n        0;\n\n    transform:\n        translateY(16px);\n\n    transition:\n        opacity .55s var(--vd-transition),\n        transform .55s var(--vd-transition),\n        padding-left .4s var(--vd-transition);\n\n}\n\n.vd-full-link:last-child {\n\n    border-bottom:\n        1px solid\n        rgba(255,255,255,.10);\n\n}\n\n.vd-full-menu.is-open .vd-full-link {\n\n    opacity:\n        1;\n\n    transform:\n        translateY(0);\n\n    transition-delay:\n        calc(\n            120ms + var(--vd-delay)\n        );\n\n}\n\n.vd-full-number {\n\n    color:\n        rgba(255,255,255,.35);\n\n    font-size:\n        9px;\n\n    font-weight:\n        400;\n\n    letter-spacing:\n        .13em;\n\n}\n\n.vd-full-label {\n\n    font-size:\n        clamp(30px, 4vw, 58px);\n\n    font-weight:\n        400;\n\n    line-height:\n        1;\n\n    letter-spacing:\n        -.035em;\n\n}\n\n.vd-full-arrow {\n\n    justify-self:\n        end;\n\n    color:\n        rgba(255,255,255,.25);\n\n    font-size:\n        19px;\n\n    transform:\n        translateX(-8px);\n\n    opacity:\n        0;\n\n    transition:\n        opacity .35s ease,\n        transform .35s var(--vd-transition);\n\n}\n\n.vd-full-link:hover {\n\n    padding-left:\n        10px;\n\n}\n\n.vd-full-link:hover .vd-full-arrow {\n\n    opacity:\n        .8;\n\n    transform:\n        translateX(0);\n\n}\n\n\n\/* =========================================================\n   FULL MENU FOOTER\n========================================================= *\/\n\n.vd-full-footer {\n\n    display:\n        flex;\n\n    justify-content:\n        space-between;\n\n    align-items:\n        center;\n\n    margin-top:\n        30px;\n\n    padding-top:\n        18px;\n\n    color:\n        rgba(255,255,255,.28);\n\n    font-size:\n        7px;\n\n    font-weight:\n        500;\n\n    letter-spacing:\n        .24em;\n\n}\n\n\n\/* =========================================================\n   SCROLL INDICATOR\n========================================================= *\/\n\n.vd-scroll {\n\n    position:\n        absolute;\n\n    z-index:\n        25;\n\n    left:\n        50%;\n\n    bottom:\n        28px;\n\n    display:\n        flex;\n\n    flex-direction:\n        column;\n\n    align-items:\n        center;\n\n    transform:\n        translateX(-50%);\n\n    opacity:\n        .66;\n\n    pointer-events:\n        none;\n\n}\n\n.vd-scroll-text {\n\n    color:\n        rgba(255,255,255,.62);\n\n    font-size:\n        8px;\n\n    font-weight:\n        500;\n\n    line-height:\n        1;\n\n    letter-spacing:\n        .24em;\n\n    transform:\n        translateX(.12em);\n\n}\n\n.vd-scroll-line {\n\n    position:\n        relative;\n\n    display:\n        block;\n\n    width:\n        1px;\n\n    height:\n        34px;\n\n    margin-top:\n        12px;\n\n    overflow:\n        hidden;\n\n    background:\n        rgba(255,255,255,.18);\n\n}\n\n.vd-scroll-line::after {\n\n    content:\n        \"\";\n\n    position:\n        absolute;\n\n    left:\n        0;\n\n    top:\n        -100%;\n\n    width:\n        1px;\n\n    height:\n        70%;\n\n    background:\n        rgba(255,255,255,.8);\n\n    animation:\n        vd-scroll-line\n        1.9s\n        cubic-bezier(.45,0,.55,1)\n        infinite;\n\n}\n\n@keyframes vd-scroll-line {\n\n    0% {\n        transform:\n            translateY(0);\n    }\n\n    100% {\n        transform:\n            translateY(250%);\n    }\n\n}\n\n\n\/* =========================================================\n   MENU OPEN STATE\n========================================================= *\/\n\n.vd-intro.vd-menu-open .vd-wheel {\n\n    opacity:\n        0 !important;\n\n    pointer-events:\n        none;\n\n}\n\n.vd-intro.vd-menu-open .vd-scroll {\n\n    opacity:\n        0 !important;\n\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 950px) {\n\n    .vd-wheel {\n\n        width:\n            min(610px, 86vw);\n\n        height:\n            470px;\n\n    }\n\n    .vd-link {\n\n        font-size:\n            13px !important;\n\n    }\n\n    .vd-centre {\n\n        width:\n            145px;\n\n        height:\n            145px;\n\n    }\n\n    .vd-centre-mark {\n\n        font-size:\n            35px;\n\n    }\n\n    .vd-orbit-decoration {\n\n        width:\n            245px;\n\n        height:\n            245px;\n\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 600px) {\n\n    .vd-stage::before {\n\n        height:\n            76px;\n\n    }\n\n\n    .vd-intro {\n\n        height:\n            320vh;\n\n    }\n\n\n    \/* TOP *\/\n\n    .vd-logo {\n\n        left:\n            21px;\n\n        top:\n            27px;\n\n        font-size:\n            15px;\n\n        letter-spacing:\n            4.5px;\n\n    }\n\n    .vd-menu-button {\n\n        right:\n            20px;\n\n        top:\n            20px;\n\n        width:\n            35px;\n\n    }\n\n    .vd-menu-button span {\n\n        width:\n            32px;\n\n    }\n\n\n    \/* WHEEL *\/\n\n    .vd-wheel {\n\n        width:\n            calc(100vw - 34px);\n\n        height:\n            min(470px, 66vh);\n\n        top:\n            51%;\n\n    }\n\n    .vd-link {\n\n        font-size:\n            11.5px !important;\n\n        gap:\n            5px;\n\n        min-height:\n            30px;\n\n        padding:\n            5px 2px;\n\n    }\n\n    .vd-link-number {\n\n        font-size:\n            7px;\n\n    }\n\n    .vd-link-line {\n\n        display:\n            none;\n\n    }\n\n\n    \/* MOBILE POSITIONS *\/\n\n    .vd-home {\n\n        left:\n            50% !important;\n\n        top:\n            3% !important;\n\n    }\n\n    .vd-services {\n\n        left:\n            auto !important;\n\n        right:\n            0 !important;\n\n        top:\n            25% !important;\n\n        transform:\n            none !important;\n\n    }\n\n    .vd-about {\n\n        left:\n            auto !important;\n\n        right:\n            0 !important;\n\n        top:\n            63% !important;\n\n        transform:\n            none !important;\n\n    }\n\n    .vd-work {\n\n        left:\n            auto !important;\n\n        right:\n            10% !important;\n\n        top:\n            auto !important;\n\n        bottom:\n            1% !important;\n\n        transform:\n            none !important;\n\n    }\n\n    .vd-blog {\n\n        left:\n            14% !important;\n\n        top:\n            auto !important;\n\n        bottom:\n            1% !important;\n\n        transform:\n            none !important;\n\n    }\n\n    .vd-resources {\n\n        left:\n            0 !important;\n\n        top:\n            63% !important;\n\n        transform:\n            none !important;\n\n    }\n\n    .vd-contact {\n\n        left:\n            0 !important;\n\n        top:\n            25% !important;\n\n        transform:\n            none !important;\n\n    }\n\n\n    \/* CENTRE *\/\n\n    .vd-centre {\n\n        width:\n            108px;\n\n        height:\n            108px;\n\n    }\n\n    .vd-centre-mark {\n\n        font-size:\n            29px;\n\n    }\n\n    .vd-centre-copy {\n\n        margin-top:\n            8px;\n\n        font-size:\n            5.5px;\n\n    }\n\n    .vd-centre-orbit-one {\n\n        inset:\n            5px;\n\n    }\n\n    .vd-centre-orbit-two {\n\n        inset:\n            -6px;\n\n    }\n\n    .vd-centre-dot-one {\n\n        left:\n            18px;\n\n        top:\n            14px;\n\n        width:\n            4px;\n\n        height:\n            4px;\n\n    }\n\n    .vd-centre-dot-two {\n\n        right:\n            13px;\n\n        bottom:\n            26px;\n\n        width:\n            3px;\n\n        height:\n            3px;\n\n    }\n\n    .vd-orbit-decoration {\n\n        width:\n            178px;\n\n        height:\n            178px;\n\n    }\n\n\n    \/* SCROLL *\/\n\n    .vd-scroll {\n\n        bottom:\n            20px;\n\n    }\n\n    .vd-scroll-text {\n\n        font-size:\n            6.5px;\n\n    }\n\n    .vd-scroll-line {\n\n        height:\n            26px;\n\n        margin-top:\n            9px;\n\n    }\n\n\n    \/* FULL MENU *\/\n\n    .vd-full-menu-inner {\n\n        justify-content:\n            center;\n\n        padding:\n            85px 22px 30px;\n\n    }\n\n    .vd-full-menu-heading {\n\n        margin-bottom:\n            18px;\n\n        font-size:\n            7px;\n\n    }\n\n    .vd-full-link {\n\n        grid-template-columns:\n            35px\n            1fr\n            25px;\n\n        min-height:\n            58px;\n\n    }\n\n    .vd-full-number {\n\n        font-size:\n            7px;\n\n    }\n\n    .vd-full-label {\n\n        font-size:\n            clamp(27px, 9vw, 40px);\n\n    }\n\n    .vd-full-arrow {\n\n        font-size:\n            14px;\n\n    }\n\n    .vd-full-footer {\n\n        font-size:\n            5.5px;\n\n        letter-spacing:\n            .16em;\n\n    }\n\n}\n\n\n\/* =========================================================\n   VERY SMALL MOBILE\n========================================================= *\/\n\n@media (max-width: 370px) {\n\n    .vd-wheel {\n\n        height:\n            430px;\n\n    }\n\n    .vd-link {\n\n        font-size:\n            10.5px !important;\n\n    }\n\n    .vd-link-number {\n\n        display:\n            none;\n\n    }\n\n    .vd-centre {\n\n        width:\n            96px;\n\n        height:\n            96px;\n\n    }\n\n    .vd-centre-mark {\n\n        font-size:\n            27px;\n\n    }\n\n    .vd-orbit-decoration {\n\n        width:\n            155px;\n\n        height:\n            155px;\n\n    }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .vd-centre-orbit-one,\n    .vd-centre-orbit-two,\n    .vd-scroll-line::after {\n\n        animation:\n            none !important;\n\n    }\n\n    .vd-link,\n    .vd-centre,\n    .vd-orbit-decoration,\n    .vd-full-link,\n    .vd-menu-button span {\n\n        transition-duration:\n            .01ms !important;\n\n    }\n\n}\n\n<\/style>\n\n\n\n<script>\n\n(function () {\n\n    function initialiseVoodooIntro() {\n\n\n        \/* =====================================================\n           ELEMENTS\n        ====================================================== *\/\n\n        const intro =\n            document.getElementById(\n                'vd-intro'\n            );\n\n        const video =\n            document.getElementById(\n                'vd-video'\n            );\n\n        const wheel =\n            document.getElementById(\n                'vd-wheel'\n            );\n\n        const centre =\n            document.getElementById(\n                'vd-centre'\n            );\n\n        const scrollIndicator =\n            document.getElementById(\n                'vd-scroll'\n            );\n\n        const menuButton =\n            document.getElementById(\n                'vd-menu-button'\n            );\n\n        const fullMenu =\n            document.getElementById(\n                'vd-full-menu'\n            );\n\n        const orbitalLinks =\n            intro\n                ? intro.querySelectorAll(\n                    '.vd-link'\n                )\n                : [];\n\n\n        if (\n            !intro ||\n            !video\n        ) {\n\n            return;\n\n        }\n\n\n        \/*\n         * Stop Elementor initialising twice.\n         *\/\n\n        if (\n            intro.dataset.smoothVoodoo ===\n            'true'\n        ) {\n\n            return;\n\n        }\n\n\n        intro.dataset.smoothVoodoo =\n            'true';\n\n\n        \/* =====================================================\n           VIDEO\n        ====================================================== *\/\n\n        video.muted =\n            true;\n\n        video.pause();\n\n\n        \/* =====================================================\n           SCROLL SETTINGS\n        ====================================================== *\/\n\n        const START_HOLD =\n            0.04;\n\n        const END_POINT =\n            0.96;\n\n        const SMOOTHING =\n            0.06;\n\n        const MAXIMUM_VIDEO_STEP =\n            0.10;\n\n\n        \/* =====================================================\n           STATE\n        ====================================================== *\/\n\n        let targetProgress =\n            0;\n\n        let smoothProgress =\n            0;\n\n        let animationRunning =\n            false;\n\n        let metadataReady =\n            false;\n\n        let lastVideoUpdate =\n            0;\n\n        let menuOpen =\n            false;\n\n\n        \/* =====================================================\n           HELPERS\n        ====================================================== *\/\n\n        function clamp(\n            value,\n            minimum,\n            maximum\n        ) {\n\n            return Math.min(\n                Math.max(\n                    value,\n                    minimum\n                ),\n                maximum\n            );\n\n        }\n\n\n        \/* =====================================================\n           SCROLL PROGRESS\n        ====================================================== *\/\n\n        function getScrollProgress() {\n\n            const rect =\n                intro.getBoundingClientRect();\n\n            const scrollable =\n                intro.offsetHeight -\n                window.innerHeight;\n\n\n            if (\n                scrollable <= 0\n            ) {\n\n                return 0;\n\n            }\n\n\n            let rawProgress =\n                -rect.top \/\n                scrollable;\n\n\n            rawProgress =\n                clamp(\n                    rawProgress,\n                    0,\n                    1\n                );\n\n\n            let mappedProgress =\n                (\n                    rawProgress -\n                    START_HOLD\n                )\n                \/\n                (\n                    END_POINT -\n                    START_HOLD\n                );\n\n\n            return clamp(\n                mappedProgress,\n                0,\n                1\n            );\n\n        }\n\n\n        \/* =====================================================\n           UPDATE TARGET\n        ====================================================== *\/\n\n        function updateTarget() {\n\n            if (\n                menuOpen\n            ) {\n\n                return;\n\n            }\n\n            targetProgress =\n                getScrollProgress();\n\n            startAnimation();\n\n        }\n\n\n        \/* =====================================================\n           MAIN ANIMATION LOOP\n        ====================================================== *\/\n\n        function animate(timestamp) {\n\n\n            smoothProgress +=\n                (\n                    targetProgress -\n                    smoothProgress\n                )\n                *\n                SMOOTHING;\n\n\n            if (\n                Math.abs(\n                    targetProgress -\n                    smoothProgress\n                )\n                <\n                0.00008\n            ) {\n\n                smoothProgress =\n                    targetProgress;\n\n            }\n\n\n            \/* =================================================\n               VIDEO SCRUB\n            ================================================== *\/\n\n            if (\n                metadataReady &&\n                Number.isFinite(\n                    video.duration\n                ) &&\n                video.duration > 0\n            ) {\n\n                const usableDuration =\n                    Math.max(\n                        video.duration -\n                        0.05,\n                        0\n                    );\n\n\n                const desiredTime =\n                    usableDuration *\n                    smoothProgress;\n\n\n                if (\n                    timestamp -\n                    lastVideoUpdate\n                    >\n                    32\n                ) {\n\n                    const difference =\n                        desiredTime -\n                        video.currentTime;\n\n\n                    if (\n                        Math.abs(\n                            difference\n                        )\n                        >\n                        0.005\n                    ) {\n\n                        const controlledStep =\n                            clamp(\n                                difference,\n                                -MAXIMUM_VIDEO_STEP,\n                                MAXIMUM_VIDEO_STEP\n                            );\n\n\n                        try {\n\n                            video.currentTime =\n                                video.currentTime +\n                                controlledStep;\n\n                        }\n\n                        catch (error) {}\n\n                    }\n\n\n                    lastVideoUpdate =\n                        timestamp;\n\n                }\n\n            }\n\n\n            \/* =================================================\n               VIDEO DEPTH\n            ================================================== *\/\n\n            const videoScale =\n                1.015 +\n                (\n                    smoothProgress *\n                    0.065\n                );\n\n\n            video.style.transform =\n                `scale(${videoScale})`;\n\n\n            \/* =================================================\n               MENU FADE\n            ================================================== *\/\n\n            let menuOpacity =\n                1;\n\n\n            if (\n                smoothProgress >\n                0.15\n            ) {\n\n                menuOpacity =\n                    1 -\n                    (\n                        (\n                            smoothProgress -\n                            0.15\n                        )\n                        \/\n                        0.42\n                    );\n\n            }\n\n\n            menuOpacity =\n                clamp(\n                    menuOpacity,\n                    0,\n                    1\n                );\n\n\n            if (\n                wheel &&\n                !menuOpen\n            ) {\n\n                const menuScale =\n                    1 +\n                    (\n                        smoothProgress *\n                        0.018\n                    );\n\n\n                wheel.style.opacity =\n                    menuOpacity;\n\n\n                wheel.style.transform =\n                    `\n                    translate(-50%, -50%)\n                    scale(${menuScale})\n                    `;\n\n\n                wheel.style.pointerEvents =\n                    menuOpacity <\n                    0.08\n                        ? 'none'\n                        : 'auto';\n\n            }\n\n\n            \/* =================================================\n               SCROLL INDICATOR\n            ================================================== *\/\n\n            if (\n                scrollIndicator &&\n                !menuOpen\n            ) {\n\n                const scrollOpacity =\n                    clamp(\n                        0.66 -\n                        (\n                            smoothProgress *\n                            4\n                        ),\n                        0,\n                        0.66\n                    );\n\n\n                scrollIndicator.style.opacity =\n                    scrollOpacity;\n\n            }\n\n\n            \/* =================================================\n               CONTINUE UNTIL CAUGHT UP\n            ================================================== *\/\n\n            const progressRemaining =\n                Math.abs(\n                    targetProgress -\n                    smoothProgress\n                );\n\n\n            let videoRemaining =\n                0;\n\n\n            if (\n                metadataReady &&\n                Number.isFinite(\n                    video.duration\n                ) &&\n                video.duration > 0\n            ) {\n\n                const desiredVideoTime =\n                    (\n                        video.duration -\n                        0.05\n                    )\n                    *\n                    smoothProgress;\n\n\n                videoRemaining =\n                    Math.abs(\n                        desiredVideoTime -\n                        video.currentTime\n                    );\n\n            }\n\n\n            if (\n                progressRemaining >\n                0.00008\n                ||\n                videoRemaining >\n                0.01\n            ) {\n\n                requestAnimationFrame(\n                    animate\n                );\n\n            } else {\n\n                animationRunning =\n                    false;\n\n            }\n\n        }\n\n\n        \/* =====================================================\n           START ANIMATION\n        ====================================================== *\/\n\n        function startAnimation() {\n\n            if (\n                animationRunning\n            ) {\n\n                return;\n\n            }\n\n\n            animationRunning =\n                true;\n\n\n            requestAnimationFrame(\n                animate\n            );\n\n        }\n\n\n        \/* =====================================================\n           VIDEO READY\n        ====================================================== *\/\n\n        function prepareVideo() {\n\n            video.pause();\n\n            metadataReady =\n                true;\n\n\n            targetProgress =\n                getScrollProgress();\n\n            smoothProgress =\n                targetProgress;\n\n\n            try {\n\n                const initialTime =\n                    Math.max(\n                        (\n                            video.duration -\n                            0.05\n                        )\n                        *\n                        smoothProgress,\n                        0.001\n                    );\n\n\n                video.currentTime =\n                    initialTime;\n\n            }\n\n            catch (error) {}\n\n\n            startAnimation();\n\n        }\n\n\n        if (\n            video.readyState >= 1\n        ) {\n\n            prepareVideo();\n\n        } else {\n\n            video.addEventListener(\n                'loadedmetadata',\n                prepareVideo,\n                {\n                    once:\n                        true\n                }\n            );\n\n\n            video.load();\n\n        }\n\n\n        \/* =====================================================\n           ORBIT LINK INTERACTION\n        ====================================================== *\/\n\n        orbitalLinks.forEach(\n            function (link) {\n\n                link.addEventListener(\n                    'mouseenter',\n                    function () {\n\n                        if (\n                            !wheel\n                        ) {\n\n                            return;\n\n                        }\n\n\n                        wheel.classList.add(\n                            'vd-is-hovering'\n                        );\n\n\n                        link.classList.add(\n                            'vd-active-link'\n                        );\n\n                    }\n                );\n\n\n                link.addEventListener(\n                    'mouseleave',\n                    function () {\n\n                        if (\n                            !wheel\n                        ) {\n\n                            return;\n\n                        }\n\n\n                        wheel.classList.remove(\n                            'vd-is-hovering'\n                        );\n\n\n                        link.classList.remove(\n                            'vd-active-link'\n                        );\n\n                    }\n                );\n\n            }\n        );\n\n\n        \/* =====================================================\n           FULL MENU\n        ====================================================== *\/\n\n        function openMenu() {\n\n            if (\n                !menuButton ||\n                !fullMenu\n            ) {\n\n                return;\n\n            }\n\n\n            menuOpen =\n                true;\n\n\n            intro.classList.add(\n                'vd-menu-open'\n            );\n\n\n            fullMenu.classList.add(\n                'is-open'\n            );\n\n\n            fullMenu.setAttribute(\n                'aria-hidden',\n                'false'\n            );\n\n\n            menuButton.classList.add(\n                'active'\n            );\n\n\n            menuButton.setAttribute(\n                'aria-expanded',\n                'true'\n            );\n\n\n            menuButton.setAttribute(\n                'aria-label',\n                'Close navigation'\n            );\n\n\n            document.documentElement.style.overflow =\n                'hidden';\n\n            document.body.style.overflow =\n                'hidden';\n\n        }\n\n\n        function closeMenu() {\n\n            if (\n                !menuButton ||\n                !fullMenu\n            ) {\n\n                return;\n\n            }\n\n\n            menuOpen =\n                false;\n\n\n            intro.classList.remove(\n                'vd-menu-open'\n            );\n\n\n            fullMenu.classList.remove(\n                'is-open'\n            );\n\n\n            fullMenu.setAttribute(\n                'aria-hidden',\n                'true'\n            );\n\n\n            menuButton.classList.remove(\n                'active'\n            );\n\n\n            menuButton.setAttribute(\n                'aria-expanded',\n                'false'\n            );\n\n\n            menuButton.setAttribute(\n                'aria-label',\n                'Open navigation'\n            );\n\n\n            document.documentElement.style.overflow =\n                '';\n\n            document.body.style.overflow =\n                '';\n\n\n            updateTarget();\n\n        }\n\n\n        if (\n            menuButton &&\n            fullMenu\n        ) {\n\n            menuButton.addEventListener(\n                'click',\n                function () {\n\n                    if (\n                        menuOpen\n                    ) {\n\n                        closeMenu();\n\n                    } else {\n\n                        openMenu();\n\n                    }\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           ESCAPE CLOSE\n        ====================================================== *\/\n\n        document.addEventListener(\n            'keydown',\n            function (event) {\n\n                if (\n                    event.key ===\n                    'Escape'\n                    &&\n                    menuOpen\n                ) {\n\n                    closeMenu();\n\n                }\n\n            }\n        );\n\n\n        \/* =====================================================\n           CLOSE FULL MENU AFTER LINK CLICK\n        ====================================================== *\/\n\n        if (\n            fullMenu\n        ) {\n\n            const fullLinks =\n                fullMenu.querySelectorAll(\n                    '.vd-full-link'\n                );\n\n\n            fullLinks.forEach(\n                function (link) {\n\n                    link.addEventListener(\n                        'click',\n                        function () {\n\n                            closeMenu();\n\n                        }\n                    );\n\n                }\n            );\n\n        }\n\n\n        \/* =====================================================\n           SCROLL \/ RESIZE\n        ====================================================== *\/\n\n        window.addEventListener(\n            'scroll',\n            updateTarget,\n            {\n                passive:\n                    true\n            }\n        );\n\n\n        window.addEventListener(\n            'resize',\n            updateTarget\n        );\n\n\n        \/* =====================================================\n           INITIAL POSITION\n        ====================================================== *\/\n\n        updateTarget();\n\n    }\n\n\n    initialiseVoodooIntro();\n\n\n    \/*\n     * Elementor backup initialisation.\n     *\/\n\n    setTimeout(\n        initialiseVoodooIntro,\n        400\n    );\n\n\n    setTimeout(\n        initialiseVoodooIntro,\n        1200\n    );\n\n})();\n\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-71fb74d e-con e-atomic-element e-flexbox-base e-2817677 \" data-id=\"71fb74d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"71fb74d\">\n    \t\t<div class=\"elementor-element elementor-element-d67d68e elementor-widget elementor-widget-spacer\" data-id=\"d67d68e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-123d120 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"123d120\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Anton&display=swap');\r\n\r\n.voodoo-flash-section {\r\n    width: 100%;\r\n    background: #000;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 20px 30px 30px;\r\n    overflow: hidden;\r\n\r\n    animation: voodooFlash 2s infinite;\r\n}\r\n\r\n.voodoo-flash-title {\r\n    margin: 0;\r\n    padding: 0;\r\n\r\n    font-family: 'Anton', sans-serif;\r\n    font-size: clamp(80px, 10vw, 180px);\r\n    font-weight: 400;\r\n    line-height: 0.95;\r\n    letter-spacing: -2px;\r\n    text-transform: uppercase;\r\n    text-align: center;\r\n\r\n    color: #fff;\r\n\r\n    animation: voodooTextFlash 3s infinite;\r\n}\r\n\r\n\r\n\/* BACKGROUND FLASH *\/\r\n@keyframes voodooFlash {\r\n\r\n    0%,\r\n    82%,\r\n    100% {\r\n        background: #000;\r\n    }\r\n\r\n    83%,\r\n    91% {\r\n        background: #fff;\r\n    }\r\n}\r\n\r\n\r\n\/* TEXT FLASH *\/\r\n@keyframes voodooTextFlash {\r\n\r\n    0%,\r\n    82%,\r\n    100% {\r\n        color: #fff;\r\n    }\r\n\r\n    83%,\r\n    91% {\r\n        color: #000;\r\n    }\r\n}\r\n\r\n\r\n\/* TABLET *\/\r\n@media (max-width: 1024px) {\r\n\r\n    .voodoo-flash-title {\r\n        font-size: clamp(65px, 11vw, 120px);\r\n        letter-spacing: -1px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* MOBILE *\/\r\n@media (max-width: 767px) {\r\n\r\n    .voodoo-flash-section {\r\n        padding: 25px 15px;\r\n    }\r\n\r\n    .voodoo-flash-title {\r\n        font-size: clamp(55px, 15vw, 90px);\r\n        line-height: 0.98;\r\n        letter-spacing: 0;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* Accessibility *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    .voodoo-flash-section,\r\n    .voodoo-flash-title {\r\n        animation: none;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"voodoo-flash-section\">\r\n\r\n    <h2 class=\"voodoo-flash-title\">\r\n        MARKETING THAT<br>\r\n        WORKS\r\n    <\/h2>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-6f080f0 e-con e-atomic-element e-flexbox-base e-58546be \" data-id=\"6f080f0\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"6f080f0\">\n    \t\t<div class=\"elementor-element elementor-element-df83861 elementor-widget elementor-widget-spacer\" data-id=\"df83861\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-949c270 elementor-widget elementor-widget-html\" data-id=\"949c270\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\r\n\/* ==================================================\r\n   VOODOO SOFT SMOKE \/ LIGHT REVEAL\r\n   Text stays still. Reveal sweeps left -> right.\r\n================================================== *\/\r\n\r\n.voodoo-smoke-sweep {\r\n    opacity: 1;\r\n}\r\n\r\n\r\n\/* Target the actual text *\/\r\n.voodoo-smoke-sweep .elementor-widget-container,\r\n.voodoo-smoke-sweep p {\r\n\r\n    \/* Text becomes a moving soft gradient *\/\r\n    color: transparent !important;\r\n\r\n    background-image: linear-gradient(\r\n        90deg,\r\n\r\n        \/* fully revealed *\/\r\n        rgba(255,255,255,1) 0%,\r\n        rgba(255,255,255,1) 28%,\r\n\r\n        \/* smoky transition *\/\r\n        rgba(255,255,255,0.88) 36%,\r\n        rgba(255,255,255,0.60) 44%,\r\n        rgba(255,255,255,0.32) 51%,\r\n        rgba(255,255,255,0.15) 58%,\r\n\r\n        \/* almost vanished *\/\r\n        rgba(255,255,255,0.06) 66%,\r\n        rgba(255,255,255,0.025) 74%,\r\n        rgba(255,255,255,0.01) 100%\r\n    );\r\n\r\n    background-size: 320% 100%;\r\n    background-position: 100% 0;\r\n\r\n    -webkit-background-clip: text;\r\n    background-clip: text;\r\n\r\n    -webkit-text-fill-color: transparent;\r\n\r\n    background-repeat: no-repeat;\r\n\r\n    will-change: background-position;\r\n}\r\n\r\n\r\n\/* Start the reveal *\/\r\n.voodoo-smoke-sweep.smoke-active .elementor-widget-container,\r\n.voodoo-smoke-sweep.smoke-active p {\r\n\r\n    animation:\r\n        voodooSmokeSweep\r\n        3.8s\r\n        cubic-bezier(.35, .05, .18, 1)\r\n        forwards;\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   THE ACTUAL LEFT -> RIGHT SMOKE SWEEP\r\n================================================== *\/\r\n\r\n@keyframes voodooSmokeSweep {\r\n\r\n    0% {\r\n        background-position: 100% 0;\r\n    }\r\n\r\n    15% {\r\n        background-position: 91% 0;\r\n    }\r\n\r\n    35% {\r\n        background-position: 72% 0;\r\n    }\r\n\r\n    55% {\r\n        background-position: 51% 0;\r\n    }\r\n\r\n    72% {\r\n        background-position: 31% 0;\r\n    }\r\n\r\n    88% {\r\n        background-position: 12% 0;\r\n    }\r\n\r\n    100% {\r\n        background-position: 0% 0;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   OPTIONAL VERY SUBTLE HAZE ON THE REVEAL EDGE\r\n================================================== *\/\r\n\r\n.voodoo-smoke-sweep {\r\n    position: relative;\r\n}\r\n\r\n.voodoo-smoke-sweep::after {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    top: 5%;\r\n    bottom: 5%;\r\n\r\n    left: -12%;\r\n\r\n    width: 20%;\r\n\r\n    pointer-events: none;\r\n\r\n    opacity: 0;\r\n\r\n    background:\r\n        radial-gradient(\r\n            ellipse at center,\r\n            rgba(255,255,255,0.09) 0%,\r\n            rgba(255,255,255,0.035) 35%,\r\n            transparent 72%\r\n        );\r\n\r\n    filter: blur(18px);\r\n\r\n    transform: scaleX(1.5);\r\n\r\n    z-index: 5;\r\n}\r\n\r\n\r\n.voodoo-smoke-sweep.smoke-active::after {\r\n\r\n    animation:\r\n        voodooHazeTravel\r\n        3.8s\r\n        cubic-bezier(.35,.05,.18,1)\r\n        forwards;\r\n}\r\n\r\n\r\n@keyframes voodooHazeTravel {\r\n\r\n    0% {\r\n        left: -12%;\r\n        opacity: 0;\r\n    }\r\n\r\n    12% {\r\n        opacity: 0.22;\r\n    }\r\n\r\n    45% {\r\n        opacity: 0.16;\r\n    }\r\n\r\n    75% {\r\n        opacity: 0.08;\r\n    }\r\n\r\n    100% {\r\n        left: 100%;\r\n        opacity: 0;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* Mobile *\/\r\n@media (max-width: 767px) {\r\n\r\n    .voodoo-smoke-sweep.smoke-active .elementor-widget-container,\r\n    .voodoo-smoke-sweep.smoke-active p {\r\n        animation-duration: 3.2s;\r\n    }\r\n\r\n    .voodoo-smoke-sweep.smoke-active::after {\r\n        animation-duration: 3.2s;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* Accessibility *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    .voodoo-smoke-sweep .elementor-widget-container,\r\n    .voodoo-smoke-sweep p {\r\n\r\n        color: #fff !important;\r\n        -webkit-text-fill-color: #fff;\r\n        background: none;\r\n    }\r\n\r\n    .voodoo-smoke-sweep::after {\r\n        display: none;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n\r\n    const smokeText =\r\n        document.querySelectorAll(\".voodoo-smoke-sweep\");\r\n\r\n\r\n    const observer =\r\n        new IntersectionObserver(\r\n\r\n            function(entries, observer) {\r\n\r\n                entries.forEach(function(entry) {\r\n\r\n                    if (entry.isIntersecting) {\r\n\r\n                        entry.target.classList.add(\"smoke-active\");\r\n\r\n                        observer.unobserve(entry.target);\r\n\r\n                    }\r\n\r\n                });\r\n\r\n            },\r\n\r\n            {\r\n                threshold: 0.35,\r\n                rootMargin: \"0px 0px -5% 0px\"\r\n            }\r\n\r\n        );\r\n\r\n\r\n    smokeText.forEach(function(item) {\r\n\r\n        observer.observe(item);\r\n\r\n    });\r\n\r\n});\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-3cb60b9 e-con e-atomic-element e-flexbox-base e-69e44af \" data-id=\"3cb60b9\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"3cb60b9\">\n    \t\t<div class=\"elementor-element elementor-element-53ecfcc elementor-widget elementor-widget-html\" data-id=\"53ecfcc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n\r\n<link\r\n    href=\"https:\/\/fonts.googleapis.com\/css2?family=Anton&family=Oswald:wght@400;500;600&display=swap\"\r\n    rel=\"stylesheet\"\r\n>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   GLOBAL\r\n========================================================= *\/\r\n\r\n* {\r\n    box-sizing: border-box;\r\n}\r\n\r\nhtml {\r\n    scroll-behavior: smooth;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   WHAT WE DO WRAPPER\r\n========================================================= *\/\r\n\r\n.vm-services {\r\n    width: 100vw;\r\n    max-width: 100vw;\r\n\r\n    margin-left: calc(50% - 50vw);\r\n\r\n    background: #000;\r\n\r\n    overflow: visible;\r\n\r\n    position: relative;\r\n\r\n    scroll-margin-top: 0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INTRO\r\n========================================================= *\/\r\n\r\n.vm-services-intro {\r\n    min-height: 75vh;\r\n\r\n    background: #000;\r\n    color: #fff;\r\n\r\n    padding: 100px 8%;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: center;\r\n\r\n    text-align: center;\r\n\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n\r\n.vm-small-title {\r\n    font-family: 'Oswald', sans-serif;\r\n\r\n    font-size: 15px;\r\n\r\n    letter-spacing: 5px;\r\n\r\n    text-transform: uppercase;\r\n\r\n    opacity: .55;\r\n\r\n    margin-bottom: 25px;\r\n}\r\n\r\n\r\n.vm-services-intro h2 {\r\n    margin: 0;\r\n\r\n    font-family: 'Anton', sans-serif;\r\n\r\n    font-size: clamp(70px, 10vw, 160px);\r\n\r\n    font-weight: 400;\r\n\r\n    line-height: .86;\r\n\r\n    color: #fff;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n.vm-services-intro p {\r\n    max-width: 850px;\r\n\r\n    margin: 45px auto 0;\r\n\r\n    font-family: 'Oswald', sans-serif;\r\n\r\n    font-size: clamp(20px, 2vw, 29px);\r\n\r\n    line-height: 1.4;\r\n\r\n    color: rgba(255,255,255,.78);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   STACKED SERVICE PANELS\r\n========================================================= *\/\r\n\r\n.vm-service-row {\r\n    width: 100%;\r\n\r\n    height: 100vh;\r\n\r\n    min-height: 700px;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns: 1fr 1fr;\r\n\r\n    position: sticky;\r\n\r\n    top: 0;\r\n\r\n    overflow: hidden;\r\n\r\n    box-shadow:\r\n        0 -20px 60px rgba(0,0,0,.3);\r\n}\r\n\r\n\r\n\/* Each new panel slides over the previous *\/\r\n\r\n.vm-service-row:nth-of-type(2) {\r\n    z-index: 10;\r\n}\r\n\r\n.vm-service-row:nth-of-type(3) {\r\n    z-index: 20;\r\n}\r\n\r\n.vm-service-row:nth-of-type(4) {\r\n    z-index: 30;\r\n}\r\n\r\n.vm-service-row:nth-of-type(5) {\r\n    z-index: 40;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TEXT\r\n========================================================= *\/\r\n\r\n.vm-service-text {\r\n    background: #090909;\r\n\r\n    color: #fff;\r\n\r\n    padding: 7vw;\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    justify-content: center;\r\n\r\n    position: relative;\r\n\r\n    z-index: 5;\r\n}\r\n\r\n\r\n.vm-service-number {\r\n    font-family: 'Oswald', sans-serif;\r\n\r\n    font-size: 14px;\r\n\r\n    letter-spacing: 4px;\r\n\r\n    opacity: .4;\r\n\r\n    margin-bottom: 30px;\r\n}\r\n\r\n\r\n.vm-service-text h3 {\r\n    margin: 0 0 30px;\r\n\r\n    font-family: 'Anton', sans-serif;\r\n\r\n    font-size: clamp(55px, 6vw, 100px);\r\n\r\n    font-weight: 400;\r\n\r\n    line-height: .88;\r\n\r\n    text-transform: uppercase;\r\n\r\n    color: #fff;\r\n}\r\n\r\n\r\n.vm-service-text p {\r\n    max-width: 590px;\r\n\r\n    margin: 0 0 40px;\r\n\r\n    font-family: 'Oswald', sans-serif;\r\n\r\n    font-size: clamp(19px, 1.6vw, 26px);\r\n\r\n    line-height: 1.4;\r\n\r\n    color: rgba(255,255,255,.78);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BUTTON\r\n========================================================= *\/\r\n\r\n.vm-learn-more {\r\n    width: fit-content;\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    padding: 16px 30px;\r\n\r\n    background: #fff;\r\n\r\n    color: #000 !important;\r\n\r\n    text-decoration: none !important;\r\n\r\n    font-family: 'Oswald', sans-serif;\r\n\r\n    font-size: 14px;\r\n\r\n    font-weight: 600;\r\n\r\n    letter-spacing: 1px;\r\n\r\n    text-transform: uppercase;\r\n\r\n    transition:\r\n        transform .3s ease,\r\n        background .3s ease,\r\n        color .3s ease;\r\n}\r\n\r\n\r\n.vm-learn-more:hover {\r\n    transform: translateY(-4px);\r\n\r\n    background: #000;\r\n\r\n    color: #fff !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE AREA\r\n========================================================= *\/\r\n\r\n.vm-service-media {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    height: 100%;\r\n\r\n    overflow: hidden;\r\n\r\n    background: #111;\r\n}\r\n\r\n\r\n.vm-service-media img {\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    width: 100%;\r\n\r\n    height: 100%;\r\n\r\n    object-fit: cover;\r\n\r\n    transform: scale(1.03);\r\n\r\n    transition:\r\n        transform 1.4s cubic-bezier(.2,.7,.2,1);\r\n}\r\n\r\n\r\n.vm-service-row:hover .vm-service-media img {\r\n    transform: scale(1.08);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   COLOUR TINTS\r\n========================================================= *\/\r\n\r\n.vm-service-media::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    z-index: 2;\r\n\r\n    pointer-events: none;\r\n\r\n    mix-blend-mode: multiply;\r\n}\r\n\r\n\r\n.vm-blue::before {\r\n    background:\r\n        rgba(0, 84, 185, .55);\r\n}\r\n\r\n\r\n.vm-purple::before {\r\n    background:\r\n        rgba(78, 34, 140, .60);\r\n}\r\n\r\n\r\n.vm-grey::before {\r\n    background:\r\n        rgba(50, 50, 50, .55);\r\n}\r\n\r\n\r\n.vm-red::before {\r\n    background:\r\n        rgba(122, 15, 35, .58);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DARK IMAGE WASH\r\n========================================================= *\/\r\n\r\n.vm-service-media::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    z-index: 3;\r\n\r\n    pointer-events: none;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            rgba(0,0,0,.02),\r\n            rgba(0,0,0,.35)\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .vm-services-intro {\r\n        min-height: 70vh;\r\n\r\n        padding:\r\n            80px\r\n            25px;\r\n    }\r\n\r\n\r\n    .vm-services-intro h2 {\r\n        font-size:\r\n            clamp(60px, 20vw, 95px);\r\n    }\r\n\r\n\r\n    .vm-services-intro p {\r\n        font-size: 20px;\r\n\r\n        margin-top: 30px;\r\n    }\r\n\r\n\r\n    .vm-service-row {\r\n        height: 100svh;\r\n\r\n        min-height: 750px;\r\n\r\n        grid-template-columns: 1fr;\r\n\r\n        grid-template-rows:\r\n            45%\r\n            55%;\r\n    }\r\n\r\n\r\n    .vm-service-media {\r\n        min-height: 0;\r\n    }\r\n\r\n\r\n    .vm-service-text {\r\n        padding:\r\n            45px\r\n            28px;\r\n    }\r\n\r\n\r\n    .vm-service-text h3 {\r\n        font-size: 52px;\r\n    }\r\n\r\n\r\n    .vm-service-text p {\r\n        font-size: 18px;\r\n\r\n        margin-bottom: 25px;\r\n    }\r\n\r\n\r\n    .vm-service-row .vm-service-media {\r\n        order: 1;\r\n    }\r\n\r\n\r\n    .vm-service-row .vm-service-text {\r\n        order: 2;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<!-- =========================================================\r\n     WHAT WE DO\r\n========================================================= -->\r\n\r\n<section\r\n    id=\"what-we-do\"\r\n    class=\"vm-services\"\r\n>\r\n\r\n\r\n    <!-- =====================================================\r\n         INTRO\r\n    ====================================================== -->\r\n\r\n    <div class=\"vm-services-intro\">\r\n\r\n        <div class=\"vm-small-title\">\r\n            VOODOO MEDIA\r\n        <\/div>\r\n\r\n        <h2>\r\n            WHAT WE DO\r\n        <\/h2>\r\n\r\n        <p>\r\n            We make brands look better, sound better and show up properly.\r\n            From social media and websites to branding and marketing material,\r\n            we create what your business needs to get noticed.\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         01 SOCIAL MEDIA\r\n    ====================================================== -->\r\n\r\n    <div class=\"vm-service-row\">\r\n\r\n        <div class=\"vm-service-media vm-blue\">\r\n\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/voodoomedia.co.za\/wp-content\/uploads\/2026\/09\/Social-Media.png\"\r\n                alt=\"Voodoo Media Social Media\"\r\n            >\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"vm-service-text\">\r\n\r\n            <div class=\"vm-service-number\">\r\n                01 \/ 04\r\n            <\/div>\r\n\r\n            <h3>\r\n                SOCIAL<br>\r\n                MEDIA\r\n            <\/h3>\r\n\r\n            <p>\r\n                Scroll-stopping content, reels, photography,\r\n                strategy and social media management that keeps\r\n                your business showing up where your customers are.\r\n            <\/p>\r\n\r\n            <a\r\n                href=\"\/social-media\/\"\r\n                class=\"vm-learn-more\"\r\n            >\r\n                SEE WHAT WE DO\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         02 WEBSITES\r\n    ====================================================== -->\r\n\r\n    <div class=\"vm-service-row\">\r\n\r\n        <div class=\"vm-service-text\">\r\n\r\n            <div class=\"vm-service-number\">\r\n                02 \/ 04\r\n            <\/div>\r\n\r\n            <h3>\r\n                WEB<br>\r\n                SITES\r\n            <\/h3>\r\n\r\n            <p>\r\n                Bold, responsive websites designed to make your\r\n                business look good, work properly and turn visitors\r\n                into actual customers.\r\n            <\/p>\r\n\r\n            <a\r\n                href=\"\/websites\/\"\r\n                class=\"vm-learn-more\"\r\n            >\r\n                SEE WHAT WE DO\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"vm-service-media vm-purple\">\r\n\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/voodoomedia.co.za\/wp-content\/uploads\/2026\/09\/Website.png\"\r\n                alt=\"Voodoo Media Website Design\"\r\n            >\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         03 MARKETING MATERIAL\r\n    ====================================================== -->\r\n\r\n    <div class=\"vm-service-row\">\r\n\r\n        <div class=\"vm-service-media vm-grey\">\r\n\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/voodoomedia.co.za\/wp-content\/uploads\/2026\/09\/Marketing-Material.png\"\r\n                alt=\"Voodoo Media Marketing Material\"\r\n            >\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"vm-service-text\">\r\n\r\n            <div class=\"vm-service-number\">\r\n                03 \/ 04\r\n            <\/div>\r\n\r\n            <h3>\r\n                MARKETING<br>\r\n                MATERIAL\r\n            <\/h3>\r\n\r\n            <p>\r\n                Posters, menus, flyers, adverts, social graphics\r\n                and everything else your brand needs to look\r\n                polished wherever people find it.\r\n            <\/p>\r\n\r\n            <a\r\n                href=\"\/marketing\/\"\r\n                class=\"vm-learn-more\"\r\n            >\r\n                SEE WHAT WE DO\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         04 BRANDING\r\n    ====================================================== -->\r\n\r\n    <div class=\"vm-service-row\">\r\n\r\n        <div class=\"vm-service-text\">\r\n\r\n            <div class=\"vm-service-number\">\r\n                04 \/ 04\r\n            <\/div>\r\n\r\n            <h3>\r\n                BRANDING\r\n            <\/h3>\r\n\r\n            <p>\r\n                Logos, colours, typography and complete visual\r\n                identities designed to make your business\r\n                recognisable before anyone even reads the name.\r\n            <\/p>\r\n\r\n            <a\r\n                href=\"\/branding\/\"\r\n                class=\"vm-learn-more\"\r\n            >\r\n                SEE WHAT WE DO\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"vm-service-media vm-red\">\r\n\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/voodoomedia.co.za\/wp-content\/uploads\/2026\/09\/Marketing-Material-1.png\"\r\n                alt=\"Voodoo Media Branding\"\r\n            >\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-d7ab4db e-con e-atomic-element e-flexbox-base e-a7a1b76 \" data-id=\"d7ab4db\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d7ab4db\">\n    \t\t<div class=\"elementor-element elementor-element-86d6e84 elementor-widget elementor-widget-spacer\" data-id=\"86d6e84\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-50d23f7 elementor-widget elementor-widget-spacer\" data-id=\"50d23f7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ef0cebc elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"ef0cebc\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"part-1\" data-settings=\"{&quot;_animation&quot;:&quot;zoomIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">BRANDS THAT WE MAKE <br>MONEY FOR<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4f48ac9 elementor-widget elementor-widget-spacer\" data-id=\"4f48ac9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-66ddfca e-con e-atomic-element e-flexbox-base e-b8080e8 \" data-id=\"66ddfca\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"66ddfca\">\n    \t\t<div class=\"elementor-element elementor-element-ae2dbd4 animated-fast elementor-invisible elementor-widget elementor-widget-image-gallery\" data-id=\"ae2dbd4\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;zoomIn&quot;,&quot;_animation_delay&quot;:5}\" data-widget_type=\"image-gallery.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-gallery\">\n\t\t\t<div id='gallery-1' class='gallery galleryid-13 gallery-columns-4 gallery-size-thumbnail'><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a data-elementor-open-lightbox=\"no\" href='https:\/\/voodoomedia.co.za\/wp-content\/uploads\/2026\/09\/Untitled-design-60.png'><img decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/voodoomedia.co.za\/wp-content\/uploads\/2026\/09\/Untitled-design-60-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" srcset=\"https:\/\/voodoomedia.co.za\/wp-content\/uploads\/2026\/09\/Untitled-design-60-150x150.png 150w, https:\/\/voodoomedia.co.za\/wp-content\/uploads\/2026\/09\/Untitled-design-60-300x300.png 300w, https:\/\/voodoomedia.co.za\/wp-content\/uploads\/2026\/09\/Untitled-design-60-1024x1024.png 1024w, https:\/\/voodoomedia.co.za\/wp-content\/uploads\/2026\/09\/Untitled-design-60-768x768.png 768w, https:\/\/voodoomedia.co.za\/wp-content\/uploads\/2026\/09\/Untitled-design-60-1536x1536.png 1536w, https:\/\/voodoomedia.co.za\/wp-content\/uploads\/2026\/09\/Untitled-design-60.png 2000w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/><\/a>\n\t\t\t<\/div><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a data-elementor-open-lightbox=\"no\" href='https:\/\/voodoomedia.co.za\/wp-content\/uploads\/2026\/09\/Untitled-design-61.png'><img decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/voodoomedia.co.za\/wp-content\/uploads\/2026\/09\/Untitled-design-61-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" srcset=\"https:\/\/voodoomedia.co.za\/wp-content\/uploads\/2026\/09\/Untitled-design-61-150x150.png 150w, https:\/\/voodoomedia.co.za\/wp-content\/uploads\/2026\/09\/Untitled-design-61-300x300.png 300w, https:\/\/voodoomedia.co.za\/wp-content\/uploads\/2026\/09\/Untitled-design-61-1024x1024.png 1024w, https:\/\/voodoomedia.co.za\/wp-content\/uploads\/2026\/09\/Untitled-design-61-768x768.png 768w, https:\/\/voodoomedia.co.za\/wp-content\/uploads\/2026\/09\/Untitled-design-61-1536x1536.png 1536w, https:\/\/voodoomedia.co.za\/wp-content\/uploads\/2026\/09\/Untitled-design-61.png 2000w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/><\/a>\n\t\t\t<\/div><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a data-elementor-open-lightbox=\"no\" href='https:\/\/voodoomedia.co.za\/wp-content\/uploads\/2026\/09\/Brown-Elegant-Hair-Salon-Facebook-Cover-Logo-8.png'><img decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/voodoomedia.co.za\/wp-content\/uploads\/2026\/09\/Brown-Elegant-Hair-Salon-Facebook-Cover-Logo-8-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" srcset=\"https:\/\/voodoomedia.co.za\/wp-content\/uploads\/2026\/09\/Brown-Elegant-Hair-Salon-Facebook-Cover-Logo-8-150x150.png 150w, https:\/\/voodoomedia.co.za\/wp-content\/uploads\/2026\/09\/Brown-Elegant-Hair-Salon-Facebook-Cover-Logo-8-300x300.png 300w, https:\/\/voodoomedia.co.za\/wp-content\/uploads\/2026\/09\/Brown-Elegant-Hair-Salon-Facebook-Cover-Logo-8-1024x1024.png 1024w, https:\/\/voodoomedia.co.za\/wp-content\/uploads\/2026\/09\/Brown-Elegant-Hair-Salon-Facebook-Cover-Logo-8-768x768.png 768w, https:\/\/voodoomedia.co.za\/wp-content\/uploads\/2026\/09\/Brown-Elegant-Hair-Salon-Facebook-Cover-Logo-8-1536x1536.png 1536w, https:\/\/voodoomedia.co.za\/wp-content\/uploads\/2026\/09\/Brown-Elegant-Hair-Salon-Facebook-Cover-Logo-8.png 2000w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/><\/a>\n\t\t\t<\/div><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a data-elementor-open-lightbox=\"no\" href='https:\/\/voodoomedia.co.za\/wp-content\/uploads\/2026\/09\/Brown-Elegant-Hair-Salon-Facebook-Cover-Logo-9.png'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/voodoomedia.co.za\/wp-content\/uploads\/2026\/09\/Brown-Elegant-Hair-Salon-Facebook-Cover-Logo-9-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" srcset=\"https:\/\/voodoomedia.co.za\/wp-content\/uploads\/2026\/09\/Brown-Elegant-Hair-Salon-Facebook-Cover-Logo-9-150x150.png 150w, https:\/\/voodoomedia.co.za\/wp-content\/uploads\/2026\/09\/Brown-Elegant-Hair-Salon-Facebook-Cover-Logo-9-300x300.png 300w, https:\/\/voodoomedia.co.za\/wp-content\/uploads\/2026\/09\/Brown-Elegant-Hair-Salon-Facebook-Cover-Logo-9-1024x1024.png 1024w, https:\/\/voodoomedia.co.za\/wp-content\/uploads\/2026\/09\/Brown-Elegant-Hair-Salon-Facebook-Cover-Logo-9-768x768.png 768w, https:\/\/voodoomedia.co.za\/wp-content\/uploads\/2026\/09\/Brown-Elegant-Hair-Salon-Facebook-Cover-Logo-9-1536x1536.png 1536w, https:\/\/voodoomedia.co.za\/wp-content\/uploads\/2026\/09\/Brown-Elegant-Hair-Salon-Facebook-Cover-Logo-9.png 2000w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/><\/a>\n\t\t\t<\/div><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a data-elementor-open-lightbox=\"no\" href='https:\/\/voodoomedia.co.za\/wp-content\/uploads\/2026\/09\/Brown-Elegant-Hair-Salon-Facebook-Cover-Logo-6.png'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/voodoomedia.co.za\/wp-content\/uploads\/2026\/09\/Brown-Elegant-Hair-Salon-Facebook-Cover-Logo-6-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" srcset=\"https:\/\/voodoomedia.co.za\/wp-content\/uploads\/2026\/09\/Brown-Elegant-Hair-Salon-Facebook-Cover-Logo-6-150x150.png 150w, https:\/\/voodoomedia.co.za\/wp-content\/uploads\/2026\/09\/Brown-Elegant-Hair-Salon-Facebook-Cover-Logo-6-300x300.png 300w, https:\/\/voodoomedia.co.za\/wp-content\/uploads\/2026\/09\/Brown-Elegant-Hair-Salon-Facebook-Cover-Logo-6-1024x1024.png 1024w, https:\/\/voodoomedia.co.za\/wp-content\/uploads\/2026\/09\/Brown-Elegant-Hair-Salon-Facebook-Cover-Logo-6-768x768.png 768w, https:\/\/voodoomedia.co.za\/wp-content\/uploads\/2026\/09\/Brown-Elegant-Hair-Salon-Facebook-Cover-Logo-6-1536x1536.png 1536w, https:\/\/voodoomedia.co.za\/wp-content\/uploads\/2026\/09\/Brown-Elegant-Hair-Salon-Facebook-Cover-Logo-6.png 2000w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/><\/a>\n\t\t\t<\/div><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a data-elementor-open-lightbox=\"no\" href='https:\/\/voodoomedia.co.za\/wp-content\/uploads\/2026\/09\/Brown-Elegant-Hair-Salon-Facebook-Cover-Logo-7.png'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/voodoomedia.co.za\/wp-content\/uploads\/2026\/09\/Brown-Elegant-Hair-Salon-Facebook-Cover-Logo-7-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" srcset=\"https:\/\/voodoomedia.co.za\/wp-content\/uploads\/2026\/09\/Brown-Elegant-Hair-Salon-Facebook-Cover-Logo-7-150x150.png 150w, https:\/\/voodoomedia.co.za\/wp-content\/uploads\/2026\/09\/Brown-Elegant-Hair-Salon-Facebook-Cover-Logo-7-300x300.png 300w, https:\/\/voodoomedia.co.za\/wp-content\/uploads\/2026\/09\/Brown-Elegant-Hair-Salon-Facebook-Cover-Logo-7-1024x1024.png 1024w, https:\/\/voodoomedia.co.za\/wp-content\/uploads\/2026\/09\/Brown-Elegant-Hair-Salon-Facebook-Cover-Logo-7-768x768.png 768w, https:\/\/voodoomedia.co.za\/wp-content\/uploads\/2026\/09\/Brown-Elegant-Hair-Salon-Facebook-Cover-Logo-7-1536x1536.png 1536w, https:\/\/voodoomedia.co.za\/wp-content\/uploads\/2026\/09\/Brown-Elegant-Hair-Salon-Facebook-Cover-Logo-7.png 2000w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/><\/a>\n\t\t\t<\/div><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a data-elementor-open-lightbox=\"no\" href='https:\/\/voodoomedia.co.za\/wp-content\/uploads\/2026\/09\/Brown-Elegant-Hair-Salon-Facebook-Cover-Logo-5.png'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/voodoomedia.co.za\/wp-content\/uploads\/2026\/09\/Brown-Elegant-Hair-Salon-Facebook-Cover-Logo-5-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" srcset=\"https:\/\/voodoomedia.co.za\/wp-content\/uploads\/2026\/09\/Brown-Elegant-Hair-Salon-Facebook-Cover-Logo-5-150x150.png 150w, https:\/\/voodoomedia.co.za\/wp-content\/uploads\/2026\/09\/Brown-Elegant-Hair-Salon-Facebook-Cover-Logo-5-300x300.png 300w, https:\/\/voodoomedia.co.za\/wp-content\/uploads\/2026\/09\/Brown-Elegant-Hair-Salon-Facebook-Cover-Logo-5-1024x1024.png 1024w, https:\/\/voodoomedia.co.za\/wp-content\/uploads\/2026\/09\/Brown-Elegant-Hair-Salon-Facebook-Cover-Logo-5-768x768.png 768w, https:\/\/voodoomedia.co.za\/wp-content\/uploads\/2026\/09\/Brown-Elegant-Hair-Salon-Facebook-Cover-Logo-5-1536x1536.png 1536w, https:\/\/voodoomedia.co.za\/wp-content\/uploads\/2026\/09\/Brown-Elegant-Hair-Salon-Facebook-Cover-Logo-5.png 2000w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/><\/a>\n\t\t\t<\/div><\/figure>\n\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c656346 elementor-widget elementor-widget-spacer\" data-id=\"c656346\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b41995a elementor-widget elementor-widget-spacer\" data-id=\"b41995a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ab44370 elementor-widget elementor-widget-spacer\" data-id=\"ab44370\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-de12fd3 elementor-widget elementor-widget-text-editor\" data-id=\"de12fd3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Don&#8217;t take our word for it, here&#8217;s what our clients have to say<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d13ebd6 elementor-widget elementor-widget-heading\" data-id=\"d13ebd6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">WHAT OUR CLIENTS THINK<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-62c6b07 elementor-widget elementor-widget-spacer\" data-id=\"62c6b07\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e06316d elementor-widget elementor-widget-Google\" data-id=\"e06316d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"Google.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link data-noptimize=\"1\" data-no-optimize=\"1\" data-no-minify=\"1\" data-no-defer=\"1\" rel=\"stylesheet\" href=\"https:\/\/voodoomedia.co.za\/wp-content\/uploads\/trustindex-google-widget.css?1788782435\" media=\"all\"><pre class=\"ti-widget\"><div style=\"opacity: 0;height: 0 !important;overflow: hidden !important\" data-css-url=\"https:\/\/voodoomedia.co.za\/wp-content\/uploads\/trustindex-google-widget.css?1788782435\" class=\" ti-widget  ti-goog ti-show-rating-text ti-review-text-mode-readmore ti-text-align-left\" data-no-translation=\"true\" data-plugin-version=\"14.1\" data-layout-id=\"5\" data-layout-category=\"slider\" data-set-id=\"dark-background\" data-pid=\"wp-widget\" data-language=\"en\" data-close-locale=\"Close\" data-review-target-width=\"275\" data-css-version=\"2\" data-reply-by-locale=\"Owner&apos;s reply\" data-only-rating-locale=\"This user only left a rating.\" data-pager-autoplay-timeout=\"6\"> <div class=\"ti-widget-container ti-col-4\"> <div class=\"ti-footer ti-footer-grid source-Google\"> <div class=\"ti-fade-container\"> <div class=\"ti-rating-text\"> <strong class=\"ti-rating ti-rating-large\"> EXCELLENT <\/strong> <\/div> <span class=\"ti-stars star-lg\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 1\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 2\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 3\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 4\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 5\" width=\"17\" height=\"17\" loading=\"lazy\" \/><\/span> <div class=\"ti-rating-text\"> <span class=\"nowrap\">Based on <strong>29 reviews<\/strong><\/span> <\/div> <div class=\"ti-large-logo\"> <div class=\"ti-v-center\"> <img loading=\"lazy\" decoding=\"async\" class=\"ti-logo-fb skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/logo.svg\" width=\"150\" height=\"25\" loading=\"lazy\" alt=\"Google\" \/> <\/div> <\/div> <\/div> <\/div> <div class=\"ti-reviews-container\"> <div class=\"ti-controls\"> <div class=\"ti-next\" aria-label=\"Next review\" role=\"button\" tabindex=\"0\"><\/div> <div class=\"ti-prev\" aria-label=\"Previous review\" role=\"button\" tabindex=\"0\"><\/div> <\/div> <div class=\"ti-reviews-container-wrapper\">  <div data-empty=\"0\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-time=\"\" data-id=\"cfcd208495d565ef66e7dff9f98764da\" data-language=\"\"> <div class=\"ti-inner\"> <div class=\"ti-review-header\"> <div class=\"ti-platform-icon ti-with-tooltip\"> <span class=\"ti-tooltip\">Posted on Google<\/span> <img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"Google\" width=\"20\" height=\"20\" loading=\"lazy\" \/> <\/div> <div class=\"ti-profile-img\"> <img decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/lh3.googleusercontent.com\/a\/ACg8ocIZYfGnL6CR6BKRLHVNiXFdGdJ7GzAggIAcJB45FPQEKvqA5Q=w40-h40-c-rp-mo-br100\" srcset=\"https:\/\/lh3.googleusercontent.com\/a\/ACg8ocIZYfGnL6CR6BKRLHVNiXFdGdJ7GzAggIAcJB45FPQEKvqA5Q=w80-h80-c-rp-mo-br100 2x\" alt=\"Brand profile picture\" loading=\"lazy\" \/> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> Brand <\/div> <div class=\"ti-date\"><\/div> <\/div> <\/div> <span class=\"ti-stars\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 1\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 2\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 3\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 4\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 5\" width=\"17\" height=\"17\" loading=\"lazy\" \/><span class=\"ti-verified-review ti-verified-platform\"><span class=\"ti-verified-tooltip\">Trustindex verifies that the original source of the review is Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-content\"><!-- R-CONTENT -->Working with Voodoo Media has been a positive experience. The team has always been friendly, responsive, and easy to communicate with. They take the time to understand your business and are willing to help where they can. I appreciate their professionalism and customer service, and I'd happily recommend them to businesses looking for marketing support.<!-- R-CONTENT --><\/div> <span class=\"ti-read-more\" data-container=\".ti-review-content\" data-collapse-text=\"Hide\" data-open-text=\"Read more\"><\/span> <\/div> <\/div>  <div data-empty=\"0\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-time=\"\" data-id=\"cfcd208495d565ef66e7dff9f98764da\" data-language=\"\"> <div class=\"ti-inner\"> <div class=\"ti-review-header\"> <div class=\"ti-platform-icon ti-with-tooltip\"> <span class=\"ti-tooltip\">Posted on Google<\/span> <img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"Google\" width=\"20\" height=\"20\" loading=\"lazy\" \/> <\/div> <div class=\"ti-profile-img\"> <img decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/lh3.googleusercontent.com\/a\/ACg8ocJyO_V3zVZcr_-X334LC0HZlzPbxet7Fj6dKBkT_yoLWPpRpw=w40-h40-c-rp-mo-br100\" srcset=\"https:\/\/lh3.googleusercontent.com\/a\/ACg8ocJyO_V3zVZcr_-X334LC0HZlzPbxet7Fj6dKBkT_yoLWPpRpw=w80-h80-c-rp-mo-br100 2x\" alt=\"nicole haggard profile picture\" loading=\"lazy\" \/> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> nicole haggard <\/div> <div class=\"ti-date\"><\/div> <\/div> <\/div> <span class=\"ti-stars\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 1\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 2\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 3\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 4\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 5\" width=\"17\" height=\"17\" loading=\"lazy\" \/><span class=\"ti-verified-review ti-verified-platform\"><span class=\"ti-verified-tooltip\">Trustindex verifies that the original source of the review is Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-content\"><!-- R-CONTENT -->From concept to content, Voodoo Media nails it every time. Professional, sharp, and they understand the message. Highly recommend!\"<!-- R-CONTENT --><\/div> <span class=\"ti-read-more\" data-container=\".ti-review-content\" data-collapse-text=\"Hide\" data-open-text=\"Read more\"><\/span> <\/div> <\/div>  <div data-empty=\"0\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-time=\"\" data-id=\"cfcd208495d565ef66e7dff9f98764da\" data-language=\"\"> <div class=\"ti-inner\"> <div class=\"ti-review-header\"> <div class=\"ti-platform-icon ti-with-tooltip\"> <span class=\"ti-tooltip\">Posted on Google<\/span> <img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"Google\" width=\"20\" height=\"20\" loading=\"lazy\" \/> <\/div> <div class=\"ti-profile-img\"> <img decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/lh3.googleusercontent.com\/a-\/ALV-UjXIBP0jeB-L5xdb4NO2XbgqqTrf0QUiF7UzieHuTX47MUVd3alUmQ=w40-h40-c-rp-mo-ba12-br100\" srcset=\"https:\/\/lh3.googleusercontent.com\/a-\/ALV-UjXIBP0jeB-L5xdb4NO2XbgqqTrf0QUiF7UzieHuTX47MUVd3alUmQ=w80-h80-c-rp-mo-ba12-br100 2x\" alt=\"Chelsea Caston profile picture\" loading=\"lazy\" \/> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> Chelsea Caston <\/div> <div class=\"ti-date\"><\/div> <\/div> <\/div> <span class=\"ti-stars\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 1\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 2\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 3\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 4\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 5\" width=\"17\" height=\"17\" loading=\"lazy\" \/><span class=\"ti-verified-review ti-verified-platform\"><span class=\"ti-verified-tooltip\">Trustindex verifies that the original source of the review is Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-content\"><!-- R-CONTENT -->Lovely people to work with.<!-- R-CONTENT --><\/div> <span class=\"ti-read-more\" data-container=\".ti-review-content\" data-collapse-text=\"Hide\" data-open-text=\"Read more\"><\/span> <\/div> <\/div>  <div data-empty=\"0\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-time=\"\" data-id=\"cfcd208495d565ef66e7dff9f98764da\" data-language=\"\"> <div class=\"ti-inner\"> <div class=\"ti-review-header\"> <div class=\"ti-platform-icon ti-with-tooltip\"> <span class=\"ti-tooltip\">Posted on Google<\/span> <img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"Google\" width=\"20\" height=\"20\" loading=\"lazy\" \/> <\/div> <div class=\"ti-profile-img\"> <img decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/lh3.googleusercontent.com\/a\/ACg8ocLgFk-UiGbv2MnJAdb8JCyOHhWJ_hE68wGATnxl5BCNu-enUQ=w40-h40-c-rp-mo-ba12-br100\" srcset=\"https:\/\/lh3.googleusercontent.com\/a\/ACg8ocLgFk-UiGbv2MnJAdb8JCyOHhWJ_hE68wGATnxl5BCNu-enUQ=w80-h80-c-rp-mo-ba12-br100 2x\" alt=\"Nazir Hassan Amod Sayed profile picture\" loading=\"lazy\" \/> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> Nazir Hassan Amod Sayed <\/div> <div class=\"ti-date\"><\/div> <\/div> <\/div> <span class=\"ti-stars\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 1\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 2\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 3\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 4\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 5\" width=\"17\" height=\"17\" loading=\"lazy\" \/><span class=\"ti-verified-review ti-verified-platform\"><span class=\"ti-verified-tooltip\">Trustindex verifies that the original source of the review is Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-content\"><!-- R-CONTENT -->The best marketing team in the Eastern Cape thorough  professional and friendly always on hand to listen and advise<!-- R-CONTENT --><\/div> <span class=\"ti-read-more\" data-container=\".ti-review-content\" data-collapse-text=\"Hide\" data-open-text=\"Read more\"><\/span> <\/div> <\/div>  <div data-empty=\"0\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-time=\"\" data-id=\"cfcd208495d565ef66e7dff9f98764da\" data-language=\"\"> <div class=\"ti-inner\"> <div class=\"ti-review-header\"> <div class=\"ti-platform-icon ti-with-tooltip\"> <span class=\"ti-tooltip\">Posted on Google<\/span> <img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"Google\" width=\"20\" height=\"20\" loading=\"lazy\" \/> <\/div> <div class=\"ti-profile-img\"> <img decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/lh3.googleusercontent.com\/a\/ACg8ocJ4iFtfd5qR8Q58xR4xiALmPUTH-zEQlahzEyntRvXr2SWaUw=w40-h40-c-rp-mo-ba12-br100\" srcset=\"https:\/\/lh3.googleusercontent.com\/a\/ACg8ocJ4iFtfd5qR8Q58xR4xiALmPUTH-zEQlahzEyntRvXr2SWaUw=w80-h80-c-rp-mo-ba12-br100 2x\" alt=\"gerhard zaaiman profile picture\" loading=\"lazy\" \/> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> gerhard zaaiman <\/div> <div class=\"ti-date\"><\/div> <\/div> <\/div> <span class=\"ti-stars\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 1\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 2\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 3\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 4\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 5\" width=\"17\" height=\"17\" loading=\"lazy\" \/><span class=\"ti-verified-review ti-verified-platform\"><span class=\"ti-verified-tooltip\">Trustindex verifies that the original source of the review is Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-content\"><!-- R-CONTENT -->VooDoo Media is the go-to place for managing your social media!<!-- R-CONTENT --><\/div> <span class=\"ti-read-more\" data-container=\".ti-review-content\" data-collapse-text=\"Hide\" data-open-text=\"Read more\"><\/span> <\/div> <\/div>  <div data-empty=\"0\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-time=\"\" data-id=\"cfcd208495d565ef66e7dff9f98764da\" data-language=\"\"> <div class=\"ti-inner\"> <div class=\"ti-review-header\"> <div class=\"ti-platform-icon ti-with-tooltip\"> <span class=\"ti-tooltip\">Posted on Google<\/span> <img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"Google\" width=\"20\" height=\"20\" loading=\"lazy\" \/> <\/div> <div class=\"ti-profile-img\"> <img decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/lh3.googleusercontent.com\/a\/ACg8ocJGCBHMMHYQX7xaV10s2W1_gqYPlr3Sm6KsSDtp1L7hYu8sBw=w40-h40-c-rp-mo-br100\" srcset=\"https:\/\/lh3.googleusercontent.com\/a\/ACg8ocJGCBHMMHYQX7xaV10s2W1_gqYPlr3Sm6KsSDtp1L7hYu8sBw=w80-h80-c-rp-mo-br100 2x\" alt=\"Gary Koekemoer profile picture\" loading=\"lazy\" \/> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> Gary Koekemoer <\/div> <div class=\"ti-date\"><\/div> <\/div> <\/div> <span class=\"ti-stars\"><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 1\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 2\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 3\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 4\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img loading=\"lazy\" decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 5\" width=\"17\" height=\"17\" loading=\"lazy\" \/><span class=\"ti-verified-review ti-verified-platform\"><span class=\"ti-verified-tooltip\">Trustindex verifies that the original source of the review is Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-content\"><!-- R-CONTENT -->Best service, best toastie bacon and cheese, best coffee. Will continue to support. Even taking my staff for a treat there now.<!-- R-CONTENT --><\/div> <span class=\"ti-read-more\" data-container=\".ti-review-content\" data-collapse-text=\"Hide\" data-open-text=\"Read more\"><\/span> <\/div> <\/div>  <\/div> <div class=\"ti-controls-line\"> <div class=\"dot\"><\/div> <\/div>   <div class=\"ti-verified-by ti-verified-by-row\" data-style=\"2\"> <div class=\"ti-inner\"> Verified by Trustindex <span class=\"ti-info-icon\"><\/span> <div class=\"ti-disclaimer\">Trustindex verified badge is the Universal Symbol of Trust. Only the greatest companies can get the verified badge who has a review score above 4.5, based on customer reviews over the past 12 months. <a href=\"https:\/\/www.trustindex.io\/?a=sys&amp;c=wp-verified-badge&amp;url=\/the-trustindex-verified-badge\/\" target=\"_blank\">Read more<\/a><\/div> <\/div> <\/div>  <\/div> <\/div> <\/div> <\/pre><script>\n(function () { if (window.tiLoaderFallback) { return; } window.tiLoaderFallback = true; function tiLoadLoader() { if (window.TrustindexWidget || document.querySelector('script[src*=\"https:\/\/cdn.trustindex.io\/loader.js\"]')) { return; } let script = document.createElement(\"script\"); script.async = true; script.src = \"https:\/\/cdn.trustindex.io\/loader.js\"; script.setAttribute(\"data-ccm-injected\", \"1\"); document.head.appendChild(script); } if (\"loading\" === document.readyState) { document.addEventListener(\"DOMContentLoaded\", tiLoadLoader); } else { tiLoadLoader(); } })();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2482b23 elementor-widget elementor-widget-spacer\" data-id=\"2482b23\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-f382254 e-con e-atomic-element e-flexbox-base e-74561f1 \" data-id=\"f382254\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"f382254\">\n    <div class=\"elementor-element elementor-element-ec47f42 e-con e-atomic-element e-flexbox-base e-9e312d3 \" data-id=\"ec47f42\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"ec47f42\">\n    \t\t<div class=\"elementor-element elementor-element-ebab423 elementor-widget elementor-widget-hfe-counter\" data-id=\"ebab423\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"hfe-counter.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<div class=\"hfe-counter-wrapper\">\n\t\t\t<h1 class=\"hfe-counter-title\">Brands We\u2019ve Worked With<\/h1>\t\t\t<div class=\"hfe-counter-content\">\n\t\t\t\t<span class=\"hfe-counter-prefix\"><\/span>\n\t\t\t\t<span class=\"hfe-counter-number\" data-start=\"1\" data-end=\"15\" data-speed=\"3000\" data-separator=\",\">1<\/span>\n\t\t\t\t<span class=\"hfe-counter-suffix\">+<\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-81a9df7 e-con e-atomic-element e-flexbox-base e-4b0d382 \" data-id=\"81a9df7\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"81a9df7\">\n    \t\t<div class=\"elementor-element elementor-element-fadad56 elementor-widget elementor-widget-hfe-counter\" data-id=\"fadad56\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"hfe-counter.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<div class=\"hfe-counter-wrapper\">\n\t\t\t<h1 class=\"hfe-counter-title\">Revenue Generated for Clients This Year<\/h1>\t\t\t<div class=\"hfe-counter-content\">\n\t\t\t\t<span class=\"hfe-counter-prefix\"><\/span>\n\t\t\t\t<span class=\"hfe-counter-number\" data-start=\"50\" data-end=\"50\" data-speed=\"3000\" data-separator=\",\">50<\/span>\n\t\t\t\t<span class=\"hfe-counter-suffix\">m<\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-82fff95 e-con e-atomic-element e-flexbox-base e-1ff38fc \" data-id=\"82fff95\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"82fff95\">\n    \t\t<div class=\"elementor-element elementor-element-ef9e442 elementor-widget elementor-widget-hfe-counter\" data-id=\"ef9e442\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"hfe-counter.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<div class=\"hfe-counter-wrapper\">\n\t\t\t<h1 class=\"hfe-counter-title\">Cups of Coffee<\/h1>\t\t\t<div class=\"hfe-counter-content\">\n\t\t\t\t<span class=\"hfe-counter-prefix\"><\/span>\n\t\t\t\t<span class=\"hfe-counter-number\" data-start=\"10\" data-end=\"32\" data-speed=\"3000\" data-separator=\",\">10<\/span>\n\t\t\t\t<span class=\"hfe-counter-suffix\">k<\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\n<\/div>\n<div class=\"elementor-element elementor-element-3a333d1 e-con e-atomic-element e-flexbox-base e-dd9ee70 \" data-id=\"3a333d1\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"3a333d1\">\n    \t\t<div class=\"elementor-element elementor-element-ebe9b0c elementor-widget elementor-widget-spacer\" data-id=\"ebe9b0c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-17963df e-con e-atomic-element e-flexbox-base e-cbecba1 \" data-id=\"17963df\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"17963df\">\n    <div class=\"elementor-element elementor-element-f683abf e-con e-atomic-element e-flexbox-base e-f9548c4 \" data-id=\"f683abf\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"f683abf\">\n    \t\t<div class=\"elementor-element elementor-element-49b83e0 elementor-hidden-mobile elementor-widget elementor-widget-hfe-counter\" data-id=\"49b83e0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"hfe-counter.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<div class=\"hfe-counter-wrapper\">\n\t\t\t<h1 class=\"hfe-counter-title\">Pieces of Content Created<\/h1>\t\t\t<div class=\"hfe-counter-content\">\n\t\t\t\t<span class=\"hfe-counter-prefix\"><\/span>\n\t\t\t\t<span class=\"hfe-counter-number\" data-start=\"5000\" data-end=\"8000\" data-speed=\"3000\" data-separator=\",\">5000<\/span>\n\t\t\t\t<span class=\"hfe-counter-suffix\">+<\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-012b6da e-con e-atomic-element e-flexbox-base e-d0be3e7 \" data-id=\"012b6da\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"012b6da\">\n    \t\t<div class=\"elementor-element elementor-element-6a221a3 elementor-hidden-mobile elementor-widget elementor-widget-hfe-counter\" data-id=\"6a221a3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"hfe-counter.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<div class=\"hfe-counter-wrapper\">\n\t\t\t<h1 class=\"hfe-counter-title\">Days a Week We Think About Content<\/h1>\t\t\t<div class=\"hfe-counter-content\">\n\t\t\t\t<span class=\"hfe-counter-prefix\"><\/span>\n\t\t\t\t<span class=\"hfe-counter-number\" data-start=\"1\" data-end=\"7\" data-speed=\"3000\" data-separator=\",\">1<\/span>\n\t\t\t\t<span class=\"hfe-counter-suffix\"><\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\n<\/div>\n<div class=\"elementor-element elementor-element-57b6cac e-con e-atomic-element e-flexbox-base e-052dc02 \" data-id=\"57b6cac\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"57b6cac\">\n    \t\t<div class=\"elementor-element elementor-element-3c2d69b elementor-widget elementor-widget-html\" data-id=\"3c2d69b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================\r\n     VOODOO MEDIA\r\n     SCROLL REVEAL SECTION\r\n========================================== -->\r\n\r\n<section class=\"vd-message-section\">\r\n\r\n    <div class=\"vd-message-inner vd-reveal\">\r\n\r\n        <p class=\"vd-message-copy\">\r\n            We create bold content, sharp strategy,\r\n            and marketing that gets brands seen,\r\n            remembered, and paid.\r\n        <\/p>\r\n\r\n        <div class=\"vd-message-buttons\">\r\n\r\n            <!-- OUR WORK PAGE -->\r\n\r\n            <a\r\n                href=\"\/?page_id=5#our-work\"\r\n                class=\"vd-message-button\"\r\n            >\r\n                OUR WORK\r\n            <\/a>\r\n\r\n\r\n            <!-- BLOG SECTION ON HOMEPAGE -->\r\n\r\n            <a\r\n                href=\"\/#blog\"\r\n                class=\"vd-message-button\"\r\n            >\r\n                VIEW BLOG\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================\r\n   SECTION\r\n========================================== *\/\r\n\r\n.vd-message-section {\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    background: #000000;\r\n\r\n    padding: 150px 24px;\r\n\r\n    overflow: hidden;\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   INNER\r\n========================================== *\/\r\n\r\n.vd-message-inner {\r\n\r\n    width: 100%;\r\n\r\n    max-width: 1100px;\r\n\r\n    margin: 0 auto;\r\n\r\n    text-align: center;\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MAIN TEXT\r\n========================================== *\/\r\n\r\n.vd-message-copy {\r\n\r\n    margin: 0 auto;\r\n\r\n    max-width: 980px;\r\n\r\n    color: #ffffff;\r\n\r\n    font-family:\r\n        \"Helvetica Neue\",\r\n        Helvetica,\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size:\r\n        clamp(\r\n            38px,\r\n            5vw,\r\n            72px\r\n        );\r\n\r\n    font-weight: 300;\r\n\r\n    line-height: 1.28;\r\n\r\n    letter-spacing: -.03em;\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   BUTTON WRAPPER\r\n========================================== *\/\r\n\r\n.vd-message-buttons {\r\n\r\n    display: flex;\r\n\r\n    justify-content: center;\r\n\r\n    align-items: center;\r\n\r\n    flex-wrap: wrap;\r\n\r\n    gap: 20px;\r\n\r\n    margin-top: 55px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   BLUE BUTTON\r\n========================================== *\/\r\n\r\n.vd-message-button {\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    min-width: 170px;\r\n\r\n    min-height: 58px;\r\n\r\n    padding: 16px 30px;\r\n\r\n    background: #11b8c8;\r\n\r\n    color: #ffffff !important;\r\n\r\n    text-decoration: none !important;\r\n\r\n    font-family:\r\n        \"Helvetica Neue\",\r\n        Helvetica,\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size: 15px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: .04em;\r\n\r\n    text-transform: uppercase;\r\n\r\n    border: 1px solid #11b8c8;\r\n\r\n    transition:\r\n        background-color .3s ease,\r\n        color .3s ease,\r\n        transform .3s ease;\r\n\r\n}\r\n\r\n\r\n.vd-message-button:hover,\r\n.vd-message-button:focus-visible {\r\n\r\n    background: #ffffff;\r\n\r\n    color: #000000 !important;\r\n\r\n    border-color: #ffffff;\r\n\r\n    transform: translateY(-3px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   INITIAL HIDDEN STATE\r\n========================================== *\/\r\n\r\n.vd-reveal {\r\n\r\n    opacity: 0;\r\n\r\n    transform: translateX(110px);\r\n\r\n    filter: blur(5px);\r\n\r\n    transition:\r\n        opacity 1.8s ease,\r\n        transform 1.8s cubic-bezier(.22,.61,.36,1),\r\n        filter 1.8s ease;\r\n\r\n    will-change:\r\n        opacity,\r\n        transform,\r\n        filter;\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   REVEALED STATE\r\n========================================== *\/\r\n\r\n.vd-reveal.is-visible {\r\n\r\n    opacity: 1;\r\n\r\n    transform: translateX(0);\r\n\r\n    filter: blur(0);\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MOBILE\r\n========================================== *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .vd-message-section {\r\n\r\n        padding: 100px 20px;\r\n\r\n    }\r\n\r\n\r\n    .vd-message-copy {\r\n\r\n        font-size:\r\n            clamp(\r\n                28px,\r\n                8vw,\r\n                46px\r\n            );\r\n\r\n        line-height: 1.25;\r\n\r\n    }\r\n\r\n\r\n    .vd-message-buttons {\r\n\r\n        margin-top: 38px;\r\n\r\n        gap: 14px;\r\n\r\n    }\r\n\r\n\r\n    .vd-message-button {\r\n\r\n        min-width: 155px;\r\n\r\n        min-height: 54px;\r\n\r\n        font-size: 14px;\r\n\r\n    }\r\n\r\n\r\n    .vd-reveal {\r\n\r\n        transform: translateX(65px);\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   REDUCED MOTION\r\n========================================== *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    .vd-reveal {\r\n\r\n        opacity: 1;\r\n\r\n        transform: none;\r\n\r\n        filter: none;\r\n\r\n        transition: none;\r\n\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n    const revealElements =\r\n        document.querySelectorAll(\r\n            '.vd-reveal'\r\n        );\r\n\r\n\r\n    if (!revealElements.length) {\r\n\r\n        return;\r\n\r\n    }\r\n\r\n\r\n    const observer =\r\n        new IntersectionObserver(\r\n\r\n            function (entries) {\r\n\r\n                entries.forEach(\r\n\r\n                    function (entry) {\r\n\r\n                        if (\r\n                            entry.isIntersecting\r\n                        ) {\r\n\r\n                            entry.target\r\n                                .classList\r\n                                .add(\r\n                                    'is-visible'\r\n                                );\r\n\r\n\r\n                            observer.unobserve(\r\n                                entry.target\r\n                            );\r\n\r\n                        }\r\n\r\n                    }\r\n\r\n                );\r\n\r\n            },\r\n\r\n            {\r\n\r\n                threshold:\r\n                    0.45,\r\n\r\n                rootMargin:\r\n                    '0px 0px -8% 0px'\r\n\r\n            }\r\n\r\n        );\r\n\r\n\r\n    revealElements.forEach(\r\n\r\n        function (element) {\r\n\r\n            observer.observe(\r\n                element\r\n            );\r\n\r\n        }\r\n\r\n    );\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-edf83db e-con e-atomic-element e-flexbox-base e-5d67d0b \" data-id=\"edf83db\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"edf83db\">\n    \t\t<div class=\"elementor-element elementor-element-ab682f1 elementor-widget elementor-widget-html\" data-id=\"ab682f1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n\r\n<link\r\n    href=\"https:\/\/fonts.googleapis.com\/css2?family=Anton&family=Oswald:wght@400;500;600&display=swap\"\r\n    rel=\"stylesheet\"\r\n>\r\n\r\n\r\n<section id=\"who-we-are\" class=\"vm-team\">\r\n\r\n    <!-- =====================================================\r\n         INTRO\r\n    ====================================================== -->\r\n\r\n    <div class=\"vm-team-intro vm-team-reveal\">\r\n\r\n        <div class=\"vm-team-eyebrow\">\r\n            VOODOO MEDIA \/ THE PEOPLE\r\n        <\/div>\r\n\r\n        <h2>\r\n            WHO<br>\r\n            WE ARE\r\n        <\/h2>\r\n\r\n        <p>\r\n            Small team. Big ideas. Very little interest in making\r\n            forgettable things.\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         TEAM GRID\r\n    ====================================================== -->\r\n\r\n    <div class=\"vm-team-grid\">\r\n\r\n\r\n        <!-- =================================================\r\n             01 NICOLE HARRIS\r\n        ================================================== -->\r\n\r\n        <article class=\"vm-person vm-team-reveal\">\r\n\r\n            <div class=\"vm-person-image\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/voodoomedia.co.za\/wp-content\/uploads\/2026\/09\/Nicole-Harris.png\"\r\n                    alt=\"Nicole Harris - Voodoo Media\"\r\n                >\r\n\r\n                <span class=\"vm-person-index\">\r\n                    01\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"vm-person-info\">\r\n\r\n                <span class=\"vm-person-label\">\r\n                    CO-OWNER\r\n                <\/span>\r\n\r\n                <h3>\r\n                    NICOLE<br>\r\n                    HARRIS\r\n                <\/h3>\r\n\r\n                <div class=\"vm-person-role\">\r\n                    WEB DEVELOPMENT MANAGER\r\n                <\/div>\r\n\r\n                <p>\r\n                    Building the digital side of Voodoo, from\r\n                    websites and structure to the systems that turn\r\n                    ideas into something people can actually use.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             02 DAVID HARRIS\r\n        ================================================== -->\r\n\r\n        <article class=\"vm-person vm-team-reveal\">\r\n\r\n            <div class=\"vm-person-image\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/voodoomedia.co.za\/wp-content\/uploads\/2026\/09\/David-Harris.png\"\r\n                    alt=\"David Harris - Voodoo Media\"\r\n                >\r\n\r\n                <span class=\"vm-person-index\">\r\n                    02\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"vm-person-info\">\r\n\r\n                <span class=\"vm-person-label\">\r\n                    CO-OWNER\r\n                <\/span>\r\n\r\n                <h3>\r\n                    DAVID<br>\r\n                    HARRIS\r\n                <\/h3>\r\n\r\n                <div class=\"vm-person-role\">\r\n                    SOFTWARE ENGINEER\r\n                <\/div>\r\n\r\n                <p>\r\n                    Code, systems, technology and the technical\r\n                    machinery behind the scenes that makes ambitious\r\n                    digital ideas possible.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             03 NICOLE HAGGARD\r\n        ================================================== -->\r\n\r\n        <article class=\"vm-person vm-team-reveal\">\r\n\r\n            <div class=\"vm-person-image\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/voodoomedia.co.za\/wp-content\/uploads\/2026\/09\/Nicole-Haggard.png\"\r\n                    alt=\"Nicole Haggard - Voodoo Media\"\r\n                >\r\n\r\n                <span class=\"vm-person-index\">\r\n                    03\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"vm-person-info\">\r\n\r\n                <span class=\"vm-person-label\">\r\n                    MARKETING\r\n                <\/span>\r\n\r\n                <h3>\r\n                    NICOLE<br>\r\n                    HAGGARD\r\n                <\/h3>\r\n\r\n                <div class=\"vm-person-role\">\r\n                    MARKETING MANAGER\r\n                <\/div>\r\n\r\n                <p>\r\n                    Content, campaigns and keeping brands visible\r\n                    where their customers are actually paying\r\n                    attention.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             04 CHELSEA HARRIS\r\n        ================================================== -->\r\n\r\n        <article class=\"vm-person vm-team-reveal\">\r\n\r\n            <div class=\"vm-person-image\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/voodoomedia.co.za\/wp-content\/uploads\/2026\/09\/Neutral-Minimalist-Summer-Photo-Collage-Carousel-Instagram-Post.png\"\r\n                    alt=\"Chelsea Harris - Voodoo Media\"\r\n                >\r\n\r\n                <span class=\"vm-person-index\">\r\n                    04\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"vm-person-info\">\r\n\r\n                <span class=\"vm-person-label\">\r\n                    DESIGN\r\n                <\/span>\r\n\r\n                <h3>\r\n                    CHELSEA<br>\r\n                    HARRIS\r\n                <\/h3>\r\n\r\n                <div class=\"vm-person-role\">\r\n                    GRAPHIC &amp; PRODUCT DESIGNER\r\n                <\/div>\r\n\r\n                <p>\r\n                    Turning concepts into visual identities,\r\n                    graphics and products that people actually\r\n                    want to look at.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         END STATEMENT\r\n    ====================================================== -->\r\n\r\n    <div class=\"vm-team-outro vm-team-reveal\">\r\n\r\n        <div class=\"vm-team-outro-small\">\r\n            DIFFERENT SKILLS. SAME OBSESSION.\r\n        <\/div>\r\n\r\n        <h3>\r\n            MAKE IT<br>\r\n            IMPOSSIBLE<br>\r\n            TO IGNORE.\r\n        <\/h3>\r\n\r\n        <a\r\n            href=\"mailto:admin@voodoomedia.co.za?subject=I%20Want%20To%20Work%20With%20Voodoo\"\r\n            class=\"vm-team-contact\"\r\n        >\r\n            WORK WITH US\r\n            <span>\u2197<\/span>\r\n        <\/a>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   BASE\r\n========================================================= *\/\r\n\r\n.vm-team,\r\n.vm-team *,\r\n.vm-team *::before,\r\n.vm-team *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n.vm-team {\r\n    width: 100vw;\r\n    max-width: 100vw;\r\n\r\n    margin-left: calc(50% - 50vw);\r\n\r\n    position: relative;\r\n\r\n    background: #000;\r\n\r\n    color: #fff;\r\n\r\n    overflow: hidden;\r\n\r\n    scroll-margin-top: 0;\r\n\r\n    --vm-blue: #11B8C8;\r\n    --vm-black: #050505;\r\n    --vm-soft: rgba(255,255,255,.7);\r\n    --vm-faint: rgba(255,255,255,.15);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INTRO\r\n========================================================= *\/\r\n\r\n.vm-team-intro {\r\n    min-height: 88vh;\r\n\r\n    padding:\r\n        120px\r\n        8%;\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    justify-content: center;\r\n\r\n    align-items: flex-start;\r\n\r\n    position: relative;\r\n\r\n    border-bottom:\r\n        1px solid rgba(255,255,255,.12);\r\n}\r\n\r\n\r\n.vm-team-intro::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    right: 8%;\r\n\r\n    bottom: 10%;\r\n\r\n    width: 170px;\r\n\r\n    height: 170px;\r\n\r\n    border:\r\n        1px solid rgba(17,184,200,.35);\r\n\r\n    border-radius: 50%;\r\n\r\n    box-shadow:\r\n        0 0 0 35px rgba(17,184,200,.025),\r\n        0 0 0 70px rgba(17,184,200,.015);\r\n}\r\n\r\n\r\n.vm-team-eyebrow {\r\n    margin-bottom: 28px;\r\n\r\n    font-family:\r\n        'Oswald',\r\n        sans-serif;\r\n\r\n    font-size: 13px;\r\n\r\n    font-weight: 500;\r\n\r\n    letter-spacing: 5px;\r\n\r\n    color:\r\n        var(--vm-blue);\r\n\r\n    text-transform:\r\n        uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   WHO WE ARE HEADING\r\n========================================================= *\/\r\n\r\n.vm-team-intro h2 {\r\n    margin: 0;\r\n\r\n    max-width: 1000px;\r\n\r\n    font-family:\r\n        'Anton',\r\n        sans-serif;\r\n\r\n    font-size:\r\n        clamp(90px, 15vw, 225px);\r\n\r\n    font-weight: 400;\r\n\r\n    \/*\r\n       Increased spacing between WHO and WE ARE\r\n    *\/\r\n\r\n    line-height: .96;\r\n\r\n    letter-spacing: -.015em;\r\n\r\n    text-transform:\r\n        uppercase;\r\n\r\n    color: #fff;\r\n}\r\n\r\n\r\n.vm-team-intro p {\r\n    max-width: 720px;\r\n\r\n    margin:\r\n        55px\r\n        0\r\n        0;\r\n\r\n    font-family:\r\n        'Oswald',\r\n        sans-serif;\r\n\r\n    font-size:\r\n        clamp(22px, 2vw, 32px);\r\n\r\n    line-height: 1.4;\r\n\r\n    color:\r\n        rgba(255,255,255,.7);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TEAM GRID\r\n========================================================= *\/\r\n\r\n.vm-team-grid {\r\n    width: 100%;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(2, 1fr);\r\n\r\n    background:\r\n        #111;\r\n\r\n    gap: 1px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PERSON\r\n========================================================= *\/\r\n\r\n.vm-person {\r\n    min-width: 0;\r\n\r\n    background:\r\n        #050505;\r\n\r\n    position: relative;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PERSON IMAGE\r\n========================================================= *\/\r\n\r\n.vm-person-image {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    \/*\r\n       Slightly shorter portraits\r\n    *\/\r\n\r\n    aspect-ratio:\r\n        4 \/ 4.15;\r\n\r\n    overflow: hidden;\r\n\r\n    background:\r\n        #101010;\r\n}\r\n\r\n\r\n.vm-person-image img {\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    width: 100%;\r\n\r\n    height: 100%;\r\n\r\n    object-fit: cover;\r\n\r\n    object-position:\r\n        center center;\r\n\r\n    filter:\r\n        saturate(.75)\r\n        contrast(1.07);\r\n\r\n    transform:\r\n        scale(1.01);\r\n\r\n    transition:\r\n        transform 1.1s cubic-bezier(.2,.7,.2,1),\r\n        filter .7s ease;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DARK PHOTO WASH\r\n========================================================= *\/\r\n\r\n.vm-person-image::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    z-index: 2;\r\n\r\n    pointer-events: none;\r\n\r\n    background:\r\n        linear-gradient(\r\n            to top,\r\n            rgba(0,0,0,.62) 0%,\r\n            rgba(0,0,0,.08) 42%,\r\n            rgba(0,0,0,.02) 100%\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CYAN HOVER WASH\r\n========================================================= *\/\r\n\r\n.vm-person-image::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    z-index: 3;\r\n\r\n    background:\r\n        rgba(17,184,200,.22);\r\n\r\n    mix-blend-mode:\r\n        multiply;\r\n\r\n    opacity: 0;\r\n\r\n    pointer-events: none;\r\n\r\n    transition:\r\n        opacity .5s ease;\r\n}\r\n\r\n\r\n.vm-person:hover .vm-person-image::before {\r\n    opacity: 1;\r\n}\r\n\r\n\r\n.vm-person:hover .vm-person-image img {\r\n    transform:\r\n        scale(1.055);\r\n\r\n    filter:\r\n        saturate(1)\r\n        contrast(1.03);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PERSON NUMBER\r\n========================================================= *\/\r\n\r\n.vm-person-index {\r\n    position: absolute;\r\n\r\n    z-index: 5;\r\n\r\n    top: 28px;\r\n\r\n    right: 30px;\r\n\r\n    font-family:\r\n        'Oswald',\r\n        sans-serif;\r\n\r\n    font-size: 12px;\r\n\r\n    font-weight: 500;\r\n\r\n    letter-spacing: 3px;\r\n\r\n    color:\r\n        rgba(255,255,255,.65);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PERSON INFO\r\n========================================================= *\/\r\n\r\n.vm-person-info {\r\n    min-height: 450px;\r\n\r\n    padding:\r\n        clamp(40px, 5vw, 80px);\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    align-items: flex-start;\r\n\r\n    border-top:\r\n        1px solid rgba(255,255,255,.08);\r\n\r\n    transition:\r\n        background .4s ease;\r\n}\r\n\r\n\r\n.vm-person:hover .vm-person-info {\r\n    background:\r\n        #080808;\r\n}\r\n\r\n\r\n.vm-person-label {\r\n    margin-bottom: 20px;\r\n\r\n    font-family:\r\n        'Oswald',\r\n        sans-serif;\r\n\r\n    font-size: 11px;\r\n\r\n    font-weight: 600;\r\n\r\n    letter-spacing: 4px;\r\n\r\n    color:\r\n        var(--vm-blue);\r\n\r\n    text-transform:\r\n        uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PERSON NAME\r\n========================================================= *\/\r\n\r\n.vm-person-info h3 {\r\n    margin:\r\n        0\r\n        0\r\n        28px;\r\n\r\n    font-family:\r\n        'Anton',\r\n        sans-serif;\r\n\r\n    font-size:\r\n        clamp(55px, 6vw, 105px);\r\n\r\n    font-weight: 400;\r\n\r\n    \/*\r\n       Extra breathing room between first name and surname\r\n    *\/\r\n\r\n    line-height: .96;\r\n\r\n    color:\r\n        #fff;\r\n\r\n    text-transform:\r\n        uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ROLE\r\n========================================================= *\/\r\n\r\n.vm-person-role {\r\n    margin-bottom: 28px;\r\n\r\n    padding-bottom: 17px;\r\n\r\n    border-bottom:\r\n        2px solid var(--vm-blue);\r\n\r\n    font-family:\r\n        'Oswald',\r\n        sans-serif;\r\n\r\n    font-size: 14px;\r\n\r\n    font-weight:\r\n        600;\r\n\r\n    letter-spacing:\r\n        2px;\r\n\r\n    color:\r\n        #fff;\r\n\r\n    text-transform:\r\n        uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESCRIPTION\r\n========================================================= *\/\r\n\r\n.vm-person-info p {\r\n    max-width:\r\n        520px;\r\n\r\n    margin: 0;\r\n\r\n    font-family:\r\n        'Oswald',\r\n        sans-serif;\r\n\r\n    font-size:\r\n        clamp(18px, 1.5vw, 23px);\r\n\r\n    line-height:\r\n        1.5;\r\n\r\n    color:\r\n        rgba(255,255,255,.62);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   OUTRO\r\n========================================================= *\/\r\n\r\n.vm-team-outro {\r\n    min-height:\r\n        100vh;\r\n\r\n    padding:\r\n        120px\r\n        8%;\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    justify-content:\r\n        center;\r\n\r\n    align-items:\r\n        flex-start;\r\n\r\n    position: relative;\r\n\r\n    background:\r\n        var(--vm-blue);\r\n\r\n    color:\r\n        #000;\r\n}\r\n\r\n\r\n.vm-team-outro-small {\r\n    margin-bottom:\r\n        30px;\r\n\r\n    font-family:\r\n        'Oswald',\r\n        sans-serif;\r\n\r\n    font-size:\r\n        13px;\r\n\r\n    font-weight:\r\n        600;\r\n\r\n    letter-spacing:\r\n        5px;\r\n\r\n    text-transform:\r\n        uppercase;\r\n}\r\n\r\n\r\n.vm-team-outro h3 {\r\n    margin:\r\n        0\r\n        0\r\n        60px;\r\n\r\n    font-family:\r\n        'Anton',\r\n        sans-serif;\r\n\r\n    font-size:\r\n        clamp(80px, 12vw, 185px);\r\n\r\n    font-weight: 400;\r\n\r\n    line-height:\r\n        .96;\r\n\r\n    text-transform:\r\n        uppercase;\r\n\r\n    color:\r\n        #000;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTACT BUTTON\r\n========================================================= *\/\r\n\r\n.vm-team-contact {\r\n    display:\r\n        inline-flex;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    gap:\r\n        24px;\r\n\r\n    padding:\r\n        20px\r\n        30px;\r\n\r\n    background:\r\n        #000;\r\n\r\n    color:\r\n        #fff !important;\r\n\r\n    text-decoration:\r\n        none !important;\r\n\r\n    font-family:\r\n        'Oswald',\r\n        sans-serif;\r\n\r\n    font-size:\r\n        14px;\r\n\r\n    font-weight:\r\n        600;\r\n\r\n    letter-spacing:\r\n        1.5px;\r\n\r\n    text-transform:\r\n        uppercase;\r\n\r\n    transition:\r\n        transform .3s ease,\r\n        background .3s ease,\r\n        color .3s ease;\r\n}\r\n\r\n\r\n.vm-team-contact span {\r\n    font-size:\r\n        20px;\r\n}\r\n\r\n\r\n.vm-team-contact:hover {\r\n    transform:\r\n        translateY(-4px);\r\n\r\n    background:\r\n        #fff;\r\n\r\n    color:\r\n        #000 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SCROLL REVEAL\r\n========================================================= *\/\r\n\r\n.vm-team-reveal {\r\n    opacity: 0;\r\n\r\n    transform:\r\n        translateY(70px);\r\n\r\n    transition:\r\n        opacity 1.1s cubic-bezier(.2,.65,.25,1),\r\n        transform 1.1s cubic-bezier(.2,.65,.25,1);\r\n}\r\n\r\n\r\n.vm-team-reveal.vm-visible {\r\n    opacity: 1;\r\n\r\n    transform:\r\n        translateY(0);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n    .vm-team-intro {\r\n        min-height:\r\n            75vh;\r\n\r\n        padding:\r\n            100px\r\n            7%;\r\n    }\r\n\r\n\r\n    .vm-team-grid {\r\n        grid-template-columns:\r\n            1fr 1fr;\r\n    }\r\n\r\n\r\n    .vm-person-info {\r\n        padding:\r\n            45px\r\n            35px;\r\n\r\n        min-height:\r\n            410px;\r\n    }\r\n\r\n\r\n    .vm-person-info h3 {\r\n        line-height:\r\n            .98;\r\n    }\r\n\r\n\r\n    .vm-team-intro h2 {\r\n        line-height:\r\n            .98;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .vm-team-intro {\r\n        min-height:\r\n            75svh;\r\n\r\n        padding:\r\n            90px\r\n            25px\r\n            75px;\r\n    }\r\n\r\n\r\n    .vm-team-intro::after {\r\n        width:\r\n            90px;\r\n\r\n        height:\r\n            90px;\r\n\r\n        right:\r\n            25px;\r\n\r\n        bottom:\r\n            35px;\r\n    }\r\n\r\n\r\n    .vm-team-eyebrow {\r\n        font-size:\r\n            10px;\r\n\r\n        letter-spacing:\r\n            3px;\r\n    }\r\n\r\n\r\n    .vm-team-intro h2 {\r\n        font-size:\r\n            clamp(75px, 26vw, 125px);\r\n\r\n        line-height:\r\n            .98;\r\n    }\r\n\r\n\r\n    .vm-team-intro p {\r\n        margin-top:\r\n            40px;\r\n\r\n        font-size:\r\n            21px;\r\n\r\n        max-width:\r\n            90%;\r\n    }\r\n\r\n\r\n    .vm-team-grid {\r\n        grid-template-columns:\r\n            1fr;\r\n    }\r\n\r\n\r\n    .vm-person-image {\r\n        aspect-ratio:\r\n            4 \/ 4.4;\r\n    }\r\n\r\n\r\n    .vm-person-info {\r\n        min-height:\r\n            auto;\r\n\r\n        padding:\r\n            45px\r\n            28px\r\n            60px;\r\n    }\r\n\r\n\r\n    .vm-person-info h3 {\r\n        font-size:\r\n            clamp(62px, 19vw, 90px);\r\n\r\n        line-height:\r\n            .98;\r\n    }\r\n\r\n\r\n    .vm-person-info p {\r\n        font-size:\r\n            19px;\r\n\r\n        line-height:\r\n            1.5;\r\n    }\r\n\r\n\r\n    .vm-person-index {\r\n        top:\r\n            20px;\r\n\r\n        right:\r\n            22px;\r\n    }\r\n\r\n\r\n    .vm-team-outro {\r\n        min-height:\r\n            90svh;\r\n\r\n        padding:\r\n            90px\r\n            25px;\r\n    }\r\n\r\n\r\n    .vm-team-outro-small {\r\n        font-size:\r\n            10px;\r\n\r\n        letter-spacing:\r\n            3px;\r\n    }\r\n\r\n\r\n    .vm-team-outro h3 {\r\n        font-size:\r\n            clamp(65px, 21vw, 110px);\r\n\r\n        line-height:\r\n            .98;\r\n\r\n        margin-bottom:\r\n            45px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    .vm-team-reveal {\r\n        opacity: 1;\r\n\r\n        transform: none;\r\n\r\n        transition: none;\r\n    }\r\n\r\n\r\n    .vm-person-image img,\r\n    .vm-team-contact {\r\n        transition: none;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n    function initialiseTeamReveal() {\r\n\r\n        const elements =\r\n            document.querySelectorAll(\r\n                '.vm-team-reveal'\r\n            );\r\n\r\n\r\n        if (!elements.length) {\r\n            return;\r\n        }\r\n\r\n\r\n        if (\r\n            !('IntersectionObserver' in window)\r\n        ) {\r\n\r\n            elements.forEach(\r\n                function (element) {\r\n\r\n                    element.classList.add(\r\n                        'vm-visible'\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n            return;\r\n\r\n        }\r\n\r\n\r\n        const observer =\r\n            new IntersectionObserver(\r\n\r\n                function (entries) {\r\n\r\n                    entries.forEach(\r\n                        function (entry) {\r\n\r\n                            if (\r\n                                entry.isIntersecting\r\n                            ) {\r\n\r\n                                entry.target.classList.add(\r\n                                    'vm-visible'\r\n                                );\r\n\r\n                                observer.unobserve(\r\n                                    entry.target\r\n                                );\r\n\r\n                            }\r\n\r\n                        }\r\n                    );\r\n\r\n                },\r\n\r\n                {\r\n                    threshold: 0.14,\r\n\r\n                    rootMargin:\r\n                        '0px 0px -8% 0px'\r\n                }\r\n\r\n            );\r\n\r\n\r\n        elements.forEach(\r\n            function (element) {\r\n\r\n                observer.observe(\r\n                    element\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n    }\r\n\r\n\r\n    initialiseTeamReveal();\r\n\r\n\r\n    setTimeout(\r\n        initialiseTeamReveal,\r\n        500\r\n    );\r\n\r\n\r\n    setTimeout(\r\n        initialiseTeamReveal,\r\n        1200\r\n    );\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-9344856 e-con e-atomic-element e-flexbox-base e-31f174e \" data-id=\"9344856\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"9344856\">\n    \t\t<div class=\"elementor-element elementor-element-f4655a9 elementor-widget elementor-widget-hfe-basic-posts\" data-id=\"f4655a9\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"blog\" data-widget_type=\"hfe-basic-posts.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<div class=\"hfe-posts-grid\">\n\t\t\t<article class=\"hfe-post-card\">\n\t\t\t\n\t\t\t<div class=\"hfe-post-content\">\n\t\t\t\t\t\t\t\t\t<h3 class=\"hfe-post-title\">\n\t\t\t\t\t\t<a href=\"https:\/\/voodoomedia.co.za\/?p=304\" rel=\"bookmark\">\n\t\t\t\t\t\t\tHow to Get More Clients in Port Elizabeth | Voodoo Media\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"hfe-post-meta\">\n\t\t\t\t\t\t<span class=\"hfe-post-date\">September 18, 2026<\/span><span class=\"hfe-meta-separator\"> | <\/span><span class=\"hfe-post-author\">by admin<\/span>\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"hfe-post-excerpt\">\n\t\t\t\t\t\tVoodoo Media \/ Growth HOW TO GET MORE CLIENTS IN PORT ELIZABETH. Port Elizabeth is full of businesses fighting for...\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/voodoomedia.co.za\/?p=304\" class=\"hfe-read-more\" rel=\"bookmark\">\n\t\t\t\t\t\tRead More \u2192\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/article>\n\t\t\t\t<article class=\"hfe-post-card\">\n\t\t\t\n\t\t\t<div class=\"hfe-post-content\">\n\t\t\t\t\t\t\t\t\t<h3 class=\"hfe-post-title\">\n\t\t\t\t\t\t<a href=\"https:\/\/voodoomedia.co.za\/?p=298\" rel=\"bookmark\">\n\t\t\t\t\t\t\tHow to Write a Marketing Plan as a Port Elizabeth Business\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"hfe-post-meta\">\n\t\t\t\t\t\t<span class=\"hfe-post-date\">September 14, 2026<\/span><span class=\"hfe-meta-separator\"> | <\/span><span class=\"hfe-post-author\">by admin<\/span>\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"hfe-post-excerpt\">\n\t\t\t\t\t\tVOODOO MEDIA \/ STRATEGY \/ PORT ELIZABETH HOW TO WRITE A MARKETING PLAN AS A PE BUSINESS. &#8220;We need to...\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/voodoomedia.co.za\/?p=298\" class=\"hfe-read-more\" rel=\"bookmark\">\n\t\t\t\t\t\tRead More \u2192\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/article>\n\t\t\t\t<article class=\"hfe-post-card\">\n\t\t\t\n\t\t\t<div class=\"hfe-post-content\">\n\t\t\t\t\t\t\t\t\t<h3 class=\"hfe-post-title\">\n\t\t\t\t\t\t<a href=\"https:\/\/voodoomedia.co.za\/?p=1\" rel=\"bookmark\">\n\t\t\t\t\t\t\tHow to Get More Clients in Port Elizabeth With Better Marketing\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"hfe-post-meta\">\n\t\t\t\t\t\t<span class=\"hfe-post-date\">September 4, 2026<\/span><span class=\"hfe-meta-separator\"> | <\/span><span class=\"hfe-post-author\">by admin<\/span>\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"hfe-post-excerpt\">\n\t\t\t\t\t\tVOODOO MEDIA \/ MARKETING \/ PORT ELIZABETH HOW TO GET MORE CLIENTS IN PORT ELIZABETH. You can have the best...\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/voodoomedia.co.za\/?p=1\" class=\"hfe-read-more\" rel=\"bookmark\">\n\t\t\t\t\t\tRead More \u2192\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/article>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-d8dc58c e-con e-atomic-element e-flexbox-base e-8e9802a \" data-id=\"d8dc58c\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d8dc58c\">\n    \t\t<div class=\"elementor-element elementor-element-d86574e elementor-widget elementor-widget-spacer\" data-id=\"d86574e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-be2ea62 elementor-widget elementor-widget-html\" data-id=\"be2ea62\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================\r\n     VOODOO MEDIA\r\n     GET SEEN. GET PAID. MARQUEE\r\n========================================== -->\r\n\r\n<a\r\n    class=\"vd-work-band\"\r\n    href=\"mailto:admin@voodoomedia.co.za\"\r\n    aria-label=\"Email Voodoo Media\"\r\n>\r\n\r\n    <div class=\"vd-work-track\">\r\n\r\n        <div class=\"vd-work-group\">\r\n\r\n            <span>GET SEEN. GET PAID.<\/span>\r\n\r\n            <span class=\"vd-work-dot\">\u2726<\/span>\r\n\r\n            <span>GET SEEN. GET PAID.<\/span>\r\n\r\n            <span class=\"vd-work-dot\">\u2726<\/span>\r\n\r\n            <span>GET SEEN. GET PAID.<\/span>\r\n\r\n            <span class=\"vd-work-dot\">\u2726<\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div\r\n            class=\"vd-work-group\"\r\n            aria-hidden=\"true\"\r\n        >\r\n\r\n            <span>GET SEEN. GET PAID.<\/span>\r\n\r\n            <span class=\"vd-work-dot\">\u2726<\/span>\r\n\r\n            <span>GET SEEN. GET PAID.<\/span>\r\n\r\n            <span class=\"vd-work-dot\">\u2726<\/span>\r\n\r\n            <span>GET SEEN. GET PAID.<\/span>\r\n\r\n            <span class=\"vd-work-dot\">\u2726<\/span>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/a>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================\r\n   LOAD ANTON FONT\r\n========================================== *\/\r\n\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Anton&display=swap');\r\n\r\n\r\n\/* =========================================\r\n   BAND\r\n========================================== *\/\r\n\r\n.vd-work-band {\r\n\r\n    position: relative;\r\n\r\n    display: block;\r\n\r\n    width: 100vw;\r\n\r\n    max-width: none;\r\n\r\n    margin-left:\r\n        calc(50% - 50vw);\r\n\r\n    margin-right:\r\n        calc(50% - 50vw);\r\n\r\n    overflow: hidden;\r\n\r\n    background:\r\n        #000000;\r\n\r\n    color:\r\n        #ffffff !important;\r\n\r\n    text-decoration:\r\n        none !important;\r\n\r\n    cursor:\r\n        pointer;\r\n\r\n    border-top:\r\n        1px solid\r\n        rgba(255,255,255,.15);\r\n\r\n    border-bottom:\r\n        1px solid\r\n        rgba(255,255,255,.15);\r\n\r\n    transition:\r\n        background-color .28s ease,\r\n        color .28s ease;\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MOVING TRACK\r\n========================================== *\/\r\n\r\n.vd-work-track {\r\n\r\n    display: flex;\r\n\r\n    width: max-content;\r\n\r\n    padding:\r\n        24px 0\r\n        34px;\r\n\r\n    animation:\r\n        vd-work-scroll\r\n        15s\r\n        linear\r\n        infinite;\r\n\r\n    will-change:\r\n        transform;\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   TEXT GROUP\r\n========================================== *\/\r\n\r\n.vd-work-group {\r\n\r\n    display: flex;\r\n\r\n    flex-shrink: 0;\r\n\r\n    align-items: center;\r\n\r\n    white-space: nowrap;\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   BIG ANTON TEXT\r\n========================================== *\/\r\n\r\n.vd-work-group span {\r\n\r\n    display: inline-block;\r\n\r\n    color: inherit;\r\n\r\n    font-family:\r\n        \"Anton\",\r\n        sans-serif !important;\r\n\r\n    font-size:\r\n        clamp(\r\n            210px,\r\n            24vw,\r\n            410px\r\n        );\r\n\r\n    font-weight:\r\n        400;\r\n\r\n    line-height:\r\n        .82;\r\n\r\n    letter-spacing:\r\n        -.025em;\r\n\r\n    text-transform:\r\n        uppercase;\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   STAR DIVIDER\r\n========================================== *\/\r\n\r\n.vd-work-group .vd-work-dot {\r\n\r\n    margin:\r\n        0\r\n        clamp(\r\n            45px,\r\n            6vw,\r\n            120px\r\n        );\r\n\r\n    font-size:\r\n        clamp(\r\n            65px,\r\n            7vw,\r\n            125px\r\n        );\r\n\r\n    line-height:\r\n        1;\r\n\r\n    letter-spacing:\r\n        0;\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   HOVER \/ TOUCH INVERT\r\n========================================== *\/\r\n\r\n.vd-work-band:hover,\r\n.vd-work-band:focus-visible,\r\n.vd-work-band:active {\r\n\r\n    background:\r\n        #ffffff;\r\n\r\n    color:\r\n        #000000 !important;\r\n\r\n}\r\n\r\n\r\n.vd-work-band:hover span,\r\n.vd-work-band:focus-visible span,\r\n.vd-work-band:active span {\r\n\r\n    color:\r\n        #000000 !important;\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   LEFT TO RIGHT MOVEMENT\r\n========================================== *\/\r\n\r\n@keyframes vd-work-scroll {\r\n\r\n    from {\r\n\r\n        transform:\r\n            translateX(-50%);\r\n\r\n    }\r\n\r\n    to {\r\n\r\n        transform:\r\n            translateX(0);\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MOBILE\r\n========================================== *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .vd-work-track {\r\n\r\n        padding:\r\n            18px 0\r\n            24px;\r\n\r\n        animation-duration:\r\n            12s;\r\n\r\n    }\r\n\r\n\r\n    .vd-work-group span {\r\n\r\n        font-size:\r\n            clamp(\r\n                155px,\r\n                38vw,\r\n                240px\r\n            );\r\n\r\n    }\r\n\r\n\r\n    .vd-work-group .vd-work-dot {\r\n\r\n        margin:\r\n            0 35px;\r\n\r\n        font-size:\r\n            55px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   REDUCED MOTION\r\n========================================== *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    .vd-work-track {\r\n\r\n        animation:\r\n            none;\r\n\r\n        transform:\r\n            translateX(0);\r\n\r\n    }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-037548f e-con e-atomic-element e-flexbox-base e-e1f66a7 \" data-id=\"037548f\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"037548f\">\n    <div class=\"elementor-element elementor-element-38f4269 e-flex e-con-boxed e-con e-parent\" data-id=\"38f4269\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bbaab8d elementor-widget elementor-widget-spacer\" data-id=\"bbaab8d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-06a9b51 elementor-widget elementor-widget-html\" data-id=\"06a9b51\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n\r\n<link\r\n    href=\"https:\/\/fonts.googleapis.com\/css2?family=Anton&family=Oswald:wght@400;500;600&display=swap\"\r\n    rel=\"stylesheet\"\r\n>\r\n\r\n\r\n<footer class=\"vd-footer\">\r\n\r\n    <!-- =====================================================\r\n         MAIN FOOTER\r\n    ====================================================== -->\r\n\r\n    <div class=\"vd-footer-main\">\r\n\r\n\r\n        <!-- =================================================\r\n             QUICK LINKS\r\n        ================================================== -->\r\n\r\n        <div class=\"vd-footer-column\">\r\n\r\n            <div class=\"vd-footer-heading\">\r\n                Quick Links\r\n            <\/div>\r\n\r\n            <nav class=\"vd-footer-links\">\r\n\r\n\r\n                <!-- WHAT WE DO -->\r\n\r\n                <a href=\"\/?page_id=13#what-we-do\">\r\n                    What We Do\r\n                <\/a>\r\n\r\n\r\n                <!-- WHO WE ARE -->\r\n\r\n                <a href=\"\/?page_id=13#who-we-are\">\r\n                    Who We Are\r\n                <\/a>\r\n\r\n\r\n                <!-- OUR WORK -->\r\n\r\n                <a href=\"\/?page_id=5#our-work\">\r\n                    Our Work\r\n                <\/a>\r\n\r\n\r\n                <!-- CONTACT -->\r\n\r\n                <a href=\"mailto:admin@voodoomedia.co.za\">\r\n                    Get In Touch\r\n                <\/a>\r\n\r\n\r\n            <\/nav>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             RESOURCES\r\n        ================================================== -->\r\n\r\n        <div class=\"vd-footer-column\">\r\n\r\n            <div class=\"vd-footer-heading\">\r\n                Resources\r\n            <\/div>\r\n\r\n            <nav class=\"vd-footer-links\">\r\n\r\n\r\n                <!-- BLOG -->\r\n\r\n                <a href=\"\/?page_id=13#blog\">\r\n                    Blog\r\n                <\/a>\r\n\r\n\r\n                <!-- RESOURCES -->\r\n\r\n                <a href=\"\/?page_id=5#our-work\">\r\n                    Resources\r\n                <\/a>\r\n\r\n\r\n            <\/nav>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             LEGAL\r\n        ================================================== -->\r\n\r\n        <div class=\"vd-footer-column\">\r\n\r\n            <div class=\"vd-footer-heading\">\r\n                Legal Stuff\r\n            <\/div>\r\n\r\n            <nav class=\"vd-footer-links\">\r\n\r\n\r\n                <a href=\"\/privacy-policy\/\">\r\n                    Privacy Policy\r\n                <\/a>\r\n\r\n\r\n                <a href=\"\/terms-of-service\/\">\r\n                    Terms Of Service\r\n                <\/a>\r\n\r\n\r\n            <\/nav>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             CONNECT\r\n        ================================================== -->\r\n\r\n        <div class=\"vd-footer-connect\">\r\n\r\n            <div class=\"vd-footer-heading\">\r\n                Stay In The Loop\r\n            <\/div>\r\n\r\n\r\n            <p class=\"vd-footer-connect-copy\">\r\n                Good marketing, useful ideas and the occasional opinion\r\n                we probably should have kept to ourselves.\r\n            <\/p>\r\n\r\n\r\n\r\n            <!-- =================================================\r\n                 EMAIL CTA\r\n            ================================================== -->\r\n\r\n            <a\r\n                href=\"mailto:admin@voodoomedia.co.za?subject=Hello%20Voodoo\"\r\n                class=\"vd-footer-email\"\r\n            >\r\n\r\n                <span class=\"vd-footer-email-icon\">\r\n                    \u2197\r\n                <\/span>\r\n\r\n\r\n                <span class=\"vd-footer-email-address\">\r\n                    admin@voodoomedia.co.za\r\n                <\/span>\r\n\r\n\r\n                <span class=\"vd-footer-email-button\">\r\n                    SAY HELLO\r\n                <\/span>\r\n\r\n            <\/a>\r\n\r\n\r\n\r\n            <!-- =================================================\r\n                 SOCIALS\r\n            ================================================== -->\r\n\r\n            <div class=\"vd-footer-socials\">\r\n\r\n\r\n                <!-- FACEBOOK -->\r\n\r\n                <a\r\n                    href=\"https:\/\/www.facebook.com\/profile.php?id=61575199921821\"\r\n                    target=\"_blank\"\r\n                    rel=\"noopener noreferrer\"\r\n                    aria-label=\"Voodoo Media on Facebook\"\r\n                >\r\n\r\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                        <path d=\"M13.6 22v-8h2.7l.4-3h-3.1V9.1c0-.9.3-1.5 1.6-1.5h1.7V4.9c-.3 0-1.3-.1-2.5-.1-2.5 0-4.2 1.5-4.2 4.4V11H7.4v3h2.8v8h3.4z\"\/>\r\n                    <\/svg>\r\n\r\n                <\/a>\r\n\r\n\r\n\r\n                <!-- TIKTOK -->\r\n\r\n                <a\r\n                    href=\"https:\/\/www.tiktok.com\/@voodoomedia.rsa\"\r\n                    target=\"_blank\"\r\n                    rel=\"noopener noreferrer\"\r\n                    aria-label=\"Voodoo Media on TikTok\"\r\n                >\r\n\r\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                        <path d=\"M16.7 3c.3 1.8 1.3 3.1 3.3 3.4v3.2c-1.2.1-2.3-.3-3.3-.9v6.4c0 4-3.2 6.4-6.4 6.4-3.5 0-6.3-2.8-6.3-6.3s2.8-6.3 6.3-6.3c.4 0 .8 0 1.2.1v3.4c-.4-.1-.7-.2-1.2-.2-1.7 0-3 1.3-3 3s1.3 3 3 3 3-1.3 3-3V3h3.4z\"\/>\r\n                    <\/svg>\r\n\r\n                <\/a>\r\n\r\n\r\n\r\n                <!-- INSTAGRAM -->\r\n\r\n                <a\r\n                    href=\"https:\/\/www.instagram.com\/voodoo_media_rsa\/\"\r\n                    target=\"_blank\"\r\n                    rel=\"noopener noreferrer\"\r\n                    aria-label=\"Voodoo Media on Instagram\"\r\n                >\r\n\r\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                        <path d=\"M7.2 2h9.6A5.2 5.2 0 0 1 22 7.2v9.6a5.2 5.2 0 0 1-5.2 5.2H7.2A5.2 5.2 0 0 1 2 16.8V7.2A5.2 5.2 0 0 1 7.2 2zm-.1 2A3.1 3.1 0 0 0 4 7.1v9.8A3.1 3.1 0 0 0 7.1 20h9.8a3.1 3.1 0 0 0 3.1-3.1V7.1A3.1 3.1 0 0 0 16.9 4H7.1zm10.2 1.5a1.2 1.2 0 1 1 0 2.4 1.2 1.2 0 0 1 0-2.4zM12 7a5 5 0 1 1 0 10 5 5 0 0 1 0-10zm0 2a3 3 0 1 0 0 6 3 3 0 0 0 0-6z\"\/>\r\n                    <\/svg>\r\n\r\n                <\/a>\r\n\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         BOTTOM BAR\r\n    ====================================================== -->\r\n\r\n    <div class=\"vd-footer-bottom\">\r\n\r\n        <div class=\"vd-footer-copyright\">\r\n\r\n            \u00a9 <span id=\"vd-footer-year\"><\/span>\r\n            VOODOO MEDIA.\r\n            ALL RIGHTS RESERVED.\r\n\r\n        <\/div>\r\n\r\n\r\n        <a\r\n            href=\"\/?page_id=13#vd-intro\"\r\n            class=\"vd-footer-top\"\r\n        >\r\n\r\n            BACK TO TOP\r\n\r\n            <span>\r\n                \u2191\r\n            <\/span>\r\n\r\n        <\/a>\r\n\r\n    <\/div>\r\n\r\n<\/footer>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   ELEMENTOR\r\n========================================================= *\/\r\n\r\n.elementor-widget-html:has(.vd-footer),\r\n.elementor-widget-html:has(.vd-footer) > .elementor-widget-container {\r\n\r\n    overflow:\r\n        visible !important;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESET\r\n========================================================= *\/\r\n\r\n.vd-footer,\r\n.vd-footer *,\r\n.vd-footer *::before,\r\n.vd-footer *::after {\r\n\r\n    box-sizing:\r\n        border-box;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FOOTER BASE\r\n========================================================= *\/\r\n\r\n.vd-footer {\r\n\r\n    width:\r\n        100vw;\r\n\r\n    max-width:\r\n        none;\r\n\r\n    margin-left:\r\n        calc(50% - 50vw);\r\n\r\n    margin-right:\r\n        calc(50% - 50vw);\r\n\r\n    position:\r\n        relative;\r\n\r\n    overflow:\r\n        hidden;\r\n\r\n    background:\r\n        #000;\r\n\r\n    color:\r\n        #fff;\r\n\r\n    font-family:\r\n        'Oswald',\r\n        sans-serif;\r\n\r\n    border-top:\r\n        1px solid rgba(255,255,255,.09);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CYAN TOP ACCENT\r\n========================================================= *\/\r\n\r\n.vd-footer::before {\r\n\r\n    content:\r\n        \"\";\r\n\r\n    position:\r\n        absolute;\r\n\r\n    left:\r\n        0;\r\n\r\n    top:\r\n        0;\r\n\r\n    width:\r\n        17%;\r\n\r\n    height:\r\n        5px;\r\n\r\n    background:\r\n        #11B8C8;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN AREA\r\n========================================================= *\/\r\n\r\n.vd-footer-main {\r\n\r\n    width:\r\n        100%;\r\n\r\n    padding:\r\n        80px\r\n        4%\r\n        80px;\r\n\r\n    display:\r\n        grid;\r\n\r\n    grid-template-columns:\r\n        .9fr\r\n        .9fr\r\n        1fr\r\n        2.2fr;\r\n\r\n    gap:\r\n        clamp(35px, 5vw, 90px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADINGS\r\n========================================================= *\/\r\n\r\n.vd-footer-heading {\r\n\r\n    margin-bottom:\r\n        25px;\r\n\r\n    font-family:\r\n        'Oswald',\r\n        sans-serif;\r\n\r\n    font-size:\r\n        15px;\r\n\r\n    font-weight:\r\n        500;\r\n\r\n    color:\r\n        rgba(255,255,255,.48);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LINKS\r\n========================================================= *\/\r\n\r\n.vd-footer-links {\r\n\r\n    display:\r\n        flex;\r\n\r\n    flex-direction:\r\n        column;\r\n\r\n    align-items:\r\n        flex-start;\r\n\r\n    gap:\r\n        11px;\r\n\r\n}\r\n\r\n\r\n.vd-footer-links a {\r\n\r\n    position:\r\n        relative;\r\n\r\n    color:\r\n        #fff !important;\r\n\r\n    text-decoration:\r\n        none !important;\r\n\r\n    font-family:\r\n        'Oswald',\r\n        sans-serif;\r\n\r\n    font-size:\r\n        clamp(20px, 1.65vw, 27px);\r\n\r\n    font-weight:\r\n        400;\r\n\r\n    line-height:\r\n        1.2;\r\n\r\n    transition:\r\n        color .3s ease,\r\n        transform .3s ease;\r\n\r\n}\r\n\r\n\r\n.vd-footer-links a::after {\r\n\r\n    content:\r\n        \"\";\r\n\r\n    position:\r\n        absolute;\r\n\r\n    left:\r\n        0;\r\n\r\n    bottom:\r\n        -4px;\r\n\r\n    width:\r\n        0;\r\n\r\n    height:\r\n        2px;\r\n\r\n    background:\r\n        #11B8C8;\r\n\r\n    transition:\r\n        width .35s ease;\r\n\r\n}\r\n\r\n\r\n.vd-footer-links a:hover {\r\n\r\n    color:\r\n        #11B8C8 !important;\r\n\r\n    transform:\r\n        translateX(4px);\r\n\r\n}\r\n\r\n\r\n.vd-footer-links a:hover::after {\r\n\r\n    width:\r\n        100%;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONNECT\r\n========================================================= *\/\r\n\r\n.vd-footer-connect {\r\n\r\n    width:\r\n        100%;\r\n\r\n    max-width:\r\n        650px;\r\n\r\n}\r\n\r\n\r\n.vd-footer-connect-copy {\r\n\r\n    max-width:\r\n        560px;\r\n\r\n    margin:\r\n        -5px\r\n        0\r\n        27px;\r\n\r\n    font-family:\r\n        'Oswald',\r\n        sans-serif;\r\n\r\n    font-size:\r\n        16px;\r\n\r\n    line-height:\r\n        1.5;\r\n\r\n    color:\r\n        rgba(255,255,255,.72);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   EMAIL CTA\r\n========================================================= *\/\r\n\r\n.vd-footer-email {\r\n\r\n    width:\r\n        100%;\r\n\r\n    min-height:\r\n        82px;\r\n\r\n    display:\r\n        grid;\r\n\r\n    grid-template-columns:\r\n        45px\r\n        minmax(0, 1fr)\r\n        auto;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    background:\r\n        #f3f3f3;\r\n\r\n    color:\r\n        #000 !important;\r\n\r\n    text-decoration:\r\n        none !important;\r\n\r\n    border:\r\n        5px solid #fff;\r\n\r\n    overflow:\r\n        hidden;\r\n\r\n    transition:\r\n        transform .35s ease;\r\n\r\n}\r\n\r\n\r\n.vd-footer-email:hover {\r\n\r\n    transform:\r\n        translateY(-4px);\r\n\r\n}\r\n\r\n\r\n.vd-footer-email-icon {\r\n\r\n    display:\r\n        flex;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    justify-content:\r\n        center;\r\n\r\n    font-size:\r\n        24px;\r\n\r\n}\r\n\r\n\r\n.vd-footer-email-address {\r\n\r\n    min-width:\r\n        0;\r\n\r\n    overflow:\r\n        hidden;\r\n\r\n    text-overflow:\r\n        ellipsis;\r\n\r\n    white-space:\r\n        nowrap;\r\n\r\n    font-family:\r\n        'Oswald',\r\n        sans-serif;\r\n\r\n    font-size:\r\n        clamp(14px, 1.15vw, 18px);\r\n\r\n    font-weight:\r\n        500;\r\n\r\n}\r\n\r\n\r\n.vd-footer-email-button {\r\n\r\n    align-self:\r\n        stretch;\r\n\r\n    display:\r\n        flex;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    justify-content:\r\n        center;\r\n\r\n    padding:\r\n        0\r\n        28px;\r\n\r\n    background:\r\n        #11B8C8;\r\n\r\n    color:\r\n        #fff;\r\n\r\n    font-family:\r\n        'Oswald',\r\n        sans-serif;\r\n\r\n    font-size:\r\n        14px;\r\n\r\n    font-weight:\r\n        600;\r\n\r\n    letter-spacing:\r\n        .04em;\r\n\r\n    white-space:\r\n        nowrap;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SOCIAL ICONS\r\n========================================================= *\/\r\n\r\n.vd-footer-socials {\r\n\r\n    display:\r\n        flex;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    gap:\r\n        14px;\r\n\r\n    margin-top:\r\n        32px;\r\n\r\n}\r\n\r\n\r\n.vd-footer-socials a {\r\n\r\n    width:\r\n        46px;\r\n\r\n    height:\r\n        46px;\r\n\r\n    display:\r\n        flex;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    justify-content:\r\n        center;\r\n\r\n    border:\r\n        1px solid rgba(255,255,255,.22);\r\n\r\n    border-radius:\r\n        50%;\r\n\r\n    color:\r\n        #fff !important;\r\n\r\n    text-decoration:\r\n        none !important;\r\n\r\n    transition:\r\n        background .3s ease,\r\n        border-color .3s ease,\r\n        transform .3s ease;\r\n\r\n}\r\n\r\n\r\n.vd-footer-socials a:hover {\r\n\r\n    background:\r\n        #11B8C8;\r\n\r\n    border-color:\r\n        #11B8C8;\r\n\r\n    transform:\r\n        translateY(-4px);\r\n\r\n}\r\n\r\n\r\n.vd-footer-socials svg {\r\n\r\n    width:\r\n        22px;\r\n\r\n    height:\r\n        22px;\r\n\r\n    fill:\r\n        currentColor;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOTTOM BAR\r\n========================================================= *\/\r\n\r\n.vd-footer-bottom {\r\n\r\n    width:\r\n        100%;\r\n\r\n    min-height:\r\n        100px;\r\n\r\n    padding:\r\n        30px\r\n        4%;\r\n\r\n    display:\r\n        flex;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    justify-content:\r\n        space-between;\r\n\r\n    gap:\r\n        30px;\r\n\r\n    border-top:\r\n        1px solid rgba(255,255,255,.09);\r\n\r\n}\r\n\r\n\r\n.vd-footer-copyright {\r\n\r\n    font-family:\r\n        'Oswald',\r\n        sans-serif;\r\n\r\n    font-size:\r\n        14px;\r\n\r\n    color:\r\n        rgba(255,255,255,.62);\r\n\r\n    letter-spacing:\r\n        .03em;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BACK TO TOP\r\n========================================================= *\/\r\n\r\n.vd-footer-top {\r\n\r\n    display:\r\n        inline-flex;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    gap:\r\n        16px;\r\n\r\n    color:\r\n        #fff !important;\r\n\r\n    text-decoration:\r\n        none !important;\r\n\r\n    font-family:\r\n        'Oswald',\r\n        sans-serif;\r\n\r\n    font-size:\r\n        16px;\r\n\r\n    font-weight:\r\n        500;\r\n\r\n}\r\n\r\n\r\n.vd-footer-top span {\r\n\r\n    width:\r\n        38px;\r\n\r\n    height:\r\n        38px;\r\n\r\n    display:\r\n        flex;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    justify-content:\r\n        center;\r\n\r\n    background:\r\n        #fff;\r\n\r\n    color:\r\n        #000;\r\n\r\n    font-size:\r\n        18px;\r\n\r\n    transition:\r\n        background .3s ease,\r\n        color .3s ease,\r\n        transform .3s ease;\r\n\r\n}\r\n\r\n\r\n.vd-footer-top:hover span {\r\n\r\n    background:\r\n        #11B8C8;\r\n\r\n    color:\r\n        #fff;\r\n\r\n    transform:\r\n        translateY(-4px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 1050px) {\r\n\r\n    .vd-footer-main {\r\n\r\n        grid-template-columns:\r\n            repeat(3, 1fr);\r\n\r\n    }\r\n\r\n\r\n    .vd-footer-connect {\r\n\r\n        grid-column:\r\n            1 \/ -1;\r\n\r\n        max-width:\r\n            700px;\r\n\r\n        margin-top:\r\n            25px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .vd-footer::before {\r\n\r\n        width:\r\n            30%;\r\n\r\n    }\r\n\r\n\r\n    .vd-footer-main {\r\n\r\n        padding:\r\n            60px\r\n            25px\r\n            60px;\r\n\r\n        grid-template-columns:\r\n            1fr\r\n            1fr;\r\n\r\n        gap:\r\n            50px\r\n            25px;\r\n\r\n    }\r\n\r\n\r\n    .vd-footer-connect {\r\n\r\n        grid-column:\r\n            1 \/ -1;\r\n\r\n        margin-top:\r\n            5px;\r\n\r\n    }\r\n\r\n\r\n    .vd-footer-heading {\r\n\r\n        font-size:\r\n            13px;\r\n\r\n        margin-bottom:\r\n            20px;\r\n\r\n    }\r\n\r\n\r\n    .vd-footer-links a {\r\n\r\n        font-size:\r\n            21px;\r\n\r\n    }\r\n\r\n\r\n    .vd-footer-connect-copy {\r\n\r\n        font-size:\r\n            15px;\r\n\r\n    }\r\n\r\n\r\n    .vd-footer-email {\r\n\r\n        min-height:\r\n            70px;\r\n\r\n        grid-template-columns:\r\n            35px\r\n            minmax(0, 1fr);\r\n\r\n    }\r\n\r\n\r\n    .vd-footer-email-address {\r\n\r\n        padding-right:\r\n            10px;\r\n\r\n        font-size:\r\n            14px;\r\n\r\n    }\r\n\r\n\r\n    .vd-footer-email-button {\r\n\r\n        grid-column:\r\n            1 \/ -1;\r\n\r\n        min-height:\r\n            50px;\r\n\r\n        padding:\r\n            0\r\n            20px;\r\n\r\n    }\r\n\r\n\r\n    .vd-footer-bottom {\r\n\r\n        padding:\r\n            30px\r\n            25px;\r\n\r\n        flex-direction:\r\n            column;\r\n\r\n        align-items:\r\n            flex-start;\r\n\r\n    }\r\n\r\n\r\n    .vd-footer-top {\r\n\r\n        width:\r\n            100%;\r\n\r\n        justify-content:\r\n            space-between;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 480px) {\r\n\r\n    .vd-footer-main {\r\n\r\n        grid-template-columns:\r\n            1fr;\r\n\r\n    }\r\n\r\n\r\n    .vd-footer-connect {\r\n\r\n        grid-column:\r\n            auto;\r\n\r\n    }\r\n\r\n\r\n    .vd-footer-socials a {\r\n\r\n        width:\r\n            42px;\r\n\r\n        height:\r\n            42px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMOOTH SCROLL\r\n========================================================= *\/\r\n\r\nhtml {\r\n\r\n    scroll-behavior:\r\n        smooth;\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n    const year =\r\n        document.getElementById(\r\n            'vd-footer-year'\r\n        );\r\n\r\n\r\n    if (year) {\r\n\r\n        year.textContent =\r\n            new Date().getFullYear();\r\n\r\n    }\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>VOODOO 01 Home 02 What We Do 03 Who We Are 04 Our Work 05 Blog 06 Resources 07 Get in Touch V EXPLORE NAVIGATION 01 Home \u2197 02 What We Do \u2197 03 Who We Are \u2197 04 Our Work \u2197 05 Blog \u2197 06 Resources \u2197 07 Get in Touch \u2197 VOODOO MEDIA [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/voodoomedia.co.za\/index.php?rest_route=\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/voodoomedia.co.za\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/voodoomedia.co.za\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/voodoomedia.co.za\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/voodoomedia.co.za\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=13"}],"version-history":[{"count":205,"href":"https:\/\/voodoomedia.co.za\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":290,"href":"https:\/\/voodoomedia.co.za\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions\/290"}],"wp:attachment":[{"href":"https:\/\/voodoomedia.co.za\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}