{"id":1032,"date":"2026-09-20T08:45:49","date_gmt":"2026-09-20T06:45:49","guid":{"rendered":"https:\/\/radwildlife.com\/?page_id=1032"},"modified":"2026-09-23T07:38:25","modified_gmt":"2026-09-23T05:38:25","slug":"collaborations","status":"publish","type":"page","link":"https:\/\/radwildlife.com\/en\/collaborations\/","title":{"rendered":"Collaborations"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n\/* =========================================================\n   JULIAN RAD\n   COLLABORATIONS INTRO\n   ========================================================= *\/\n\n\n\/* =========================================================\n   BOX SIZING\n   ========================================================= *\/\n\n#jrCollabIntro,\n#jrCollabIntro *,\n#jrCollabIntro *::before,\n#jrCollabIntro *::after {\n    box-sizing:\n        border-box;\n}\n\n\n\/* =========================================================\n   MAIN SECTION\n   ========================================================= *\/\n\n#jrCollabIntro {\n    position:\n        relative;\n\n    width:\n        100%;\n\n    margin:\n        0;\n\n    padding:\n        58px\n        32px\n        28px;\n\n    background:\n        #F7F2EC;\n}\n\n\n\/* =========================================================\n   INNER\n   ========================================================= *\/\n\n#jrCollabIntro\n.jrci-inner {\n    width:\n        min(\n            100%,\n            1380px\n        );\n\n    margin:\n        0\n        auto;\n\n    text-align:\n        center;\n}\n\n\n\/* =========================================================\n   TITLE\n   ========================================================= *\/\n\n#jrCollabIntro\n.jrci-title {\n    margin:\n        0 !important;\n\n    padding:\n        0;\n\n    font-family:\n        \"Bacasime Antique\",\n        Georgia,\n        \"Times New Roman\",\n        serif;\n\n    font-weight:\n        400;\n\n    line-height:\n        .92;\n\n    text-align:\n        center;\n}\n\n\n\/* =========================================================\n   SOCIAL MEDIA\n   ========================================================= *\/\n\n#jrCollabIntro\n.jrci-title-main {\n    display:\n        block;\n\n    font-size:\n        clamp(\n            58px,\n            6vw,\n            90px\n        );\n\n    font-weight:\n        400;\n\n    font-style:\n        normal;\n\n    line-height:\n        .95;\n\n    letter-spacing:\n        -.025em;\n\n    color:\n        #292522;\n}\n\n\n\/* =========================================================\n   COLLABORATIONS\n   ========================================================= *\/\n\n#jrCollabIntro\n.jrci-title-accent {\n    display:\n        block;\n\n    margin-top:\n        7px;\n\n    font-size:\n        clamp(\n            60px,\n            6.25vw,\n            94px\n        );\n\n    font-weight:\n        400;\n\n    font-style:\n        italic;\n\n    line-height:\n        .92;\n\n    letter-spacing:\n        -.03em;\n\n    color:\n        #C56D45;\n}\n\n\n\/* =========================================================\n   SUBTITLE\n   ========================================================= *\/\n\n#jrCollabIntro\n.jrci-subtitle {\n    width:\n        min(\n            100%,\n            690px\n        );\n\n    margin:\n        29px\n        auto\n        0;\n\n    font-family:\n        Inter,\n        Arial,\n        sans-serif;\n\n    font-size:\n        16px;\n\n    font-weight:\n        400;\n\n    line-height:\n        1.55;\n\n    letter-spacing:\n        0;\n\n    color:\n        #70645C;\n}\n\n\n\/* =========================================================\n   SMALL TERRACOTTA LINE\n   ========================================================= *\/\n\n#jrCollabIntro\n.jrci-line {\n    width:\n        54px;\n\n    height:\n        2px;\n\n    margin:\n        28px\n        auto\n        0;\n\n    background:\n        #C56D45;\n\n    opacity:\n        .68;\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (max-width:900px) {\n\n    #jrCollabIntro {\n        padding:\n            50px\n            24px\n            25px;\n    }\n\n\n    #jrCollabIntro\n    .jrci-title-main {\n        font-size:\n            62px;\n    }\n\n\n    #jrCollabIntro\n    .jrci-title-accent {\n        font-size:\n            64px;\n    }\n\n\n    #jrCollabIntro\n    .jrci-subtitle {\n        max-width:\n            620px;\n\n        font-size:\n            15px;\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width:600px) {\n\n    #jrCollabIntro {\n        padding:\n            42px\n            20px\n            22px;\n    }\n\n\n    #jrCollabIntro\n    .jrci-title {\n        line-height:\n            .96;\n    }\n\n\n    #jrCollabIntro\n    .jrci-title-main {\n        font-size:\n            46px;\n\n        line-height:\n            .96;\n    }\n\n\n    #jrCollabIntro\n    .jrci-title-accent {\n        margin-top:\n            4px;\n\n        font-size:\n            48px;\n\n        line-height:\n            .95;\n    }\n\n\n    #jrCollabIntro\n    .jrci-subtitle {\n        width:\n            min(\n                100%,\n                440px\n            );\n\n        margin-top:\n            22px;\n\n        font-size:\n            14px;\n\n        line-height:\n            1.55;\n    }\n\n\n    #jrCollabIntro\n    .jrci-line {\n        width:\n            42px;\n\n        margin-top:\n            23px;\n    }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n   ========================================================= *\/\n\n@media (prefers-reduced-motion:reduce) {\n\n    #jrCollabIntro *,\n    #jrCollabIntro *::before,\n    #jrCollabIntro *::after {\n        animation:\n            none !important;\n\n        transition:\n            none !important;\n    }\n\n}\n<\/style>\n\n<section id=\"jrCollabIntro\">\n\n    <div class=\"jrci-inner\">\n\n        <h1 class=\"jrci-title\">\n\n            <span class=\"jrci-title-main\">\n                Social Media\n            <\/span>\n\n            <span class=\"jrci-title-accent\">\n                Collaborations\n            <\/span>\n\n        <\/h1>\n\n\n        <p class=\"jrci-subtitle\">\n            Partnering with innovative brands to bring the wonder of the wild\n            to millions.\n        <\/p>\n\n\n        <div class=\"jrci-line\"><\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* =========================================================\n   JULIAN RAD\n   COLLABORATION REELS\n   ========================================================= *\/\n\n\n\/* =========================================================\n   BOX SIZING\n   ========================================================= *\/\n\n#jrCollabReels,\n#jrCollabReels *,\n#jrCollabReels *::before,\n#jrCollabReels *::after {\n    box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   MAIN SECTION\n   ========================================================= *\/\n\n#jrCollabReels {\n    width: 100%;\n    margin: 0;\n\n    padding:\n        8px\n        32px\n        74px;\n\n    background: #F7F2EC;\n}\n\n\n\/* =========================================================\n   INNER GRID\n   ========================================================= *\/\n\n#jrCollabReels\n.jrcr-inner {\n    width: min(100%, 1500px);\n\n    margin: 0 auto;\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(4, minmax(0,1fr));\n\n    gap: 32px;\n\n    align-items: start;\n}\n\n\n\/* =========================================================\n   ITEM\n   ========================================================= *\/\n\n#jrCollabReels\n.jrcr-item {\n    min-width: 0;\n\n    display: flex;\n    flex-direction: column;\n    align-items: stretch;\n}\n\n\n\/* =========================================================\n   LOGO AREA\n   ========================================================= *\/\n\n#jrCollabReels\n.jrcr-logo-wrap {\n    height: 58px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    margin-bottom: 10px;\n}\n\n\n#jrCollabReels\n.jrcr-logo {\n    display: block;\n\n    width: auto;\n    height: auto;\n\n    max-width: 150px;\n    max-height: 40px;\n\n    margin: 0;\n\n    object-fit: contain;\n}\n\n\n\/* =========================================================\n   INDIVIDUAL LOGO SIZING\n   ========================================================= *\/\n\n#jrCollabReels\n.jrcr-logo-meta {\n    max-width: 140px;\n}\n\n\n#jrCollabReels\n.jrcr-logo-insta360 {\n    max-width: 145px;\n}\n\n\n#jrCollabReels\n.jrcr-logo-laowa {\n    max-width: 128px;\n}\n\n\n#jrCollabReels\n.jrcr-logo-dji {\n    max-width: 88px;\n    max-height: 34px;\n}\n\n\n\/* =========================================================\n   PREVIEW IMAGE\n   ========================================================= *\/\n\n#jrCollabReels\n.jrcr-preview {\n    position: relative;\n\n    display: block;\n\n    width: 100%;\n\n    aspect-ratio: 9 \/ 16;\n\n    overflow: hidden;\n\n    border-radius: 7px;\n\n    background: #E5DED6;\n\n    text-decoration: none !important;\n\n    box-shadow:\n        0 2px 5px rgba(45,35,29,.05);\n\n    transition:\n        transform .32s cubic-bezier(.2,.8,.2,1),\n        box-shadow .32s ease;\n}\n\n\n#jrCollabReels\n.jrcr-preview > img {\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    margin: 0 !important;\n    padding: 0;\n\n    object-fit: cover;\n    object-position: center;\n\n    transition:\n        transform .55s cubic-bezier(.2,.8,.2,1);\n}\n\n\n\/* =========================================================\n   KEIN ZUS\u00c4TZLICHES VIEW OVERLAY\n   Auge + View-Zahl sind bereits im Bild\n   ========================================================= *\/\n\n#jrCollabReels\n.jrcr-preview::before,\n#jrCollabReels\n.jrcr-preview::after {\n    display: none;\n}\n\n\n\/* =========================================================\n   PLAY BUTTON\n   ========================================================= *\/\n\n#jrCollabReels\n.jrcr-play {\n    position: absolute;\n\n    top: 50%;\n    left: 50%;\n\n    z-index: 3;\n\n    width: 54px;\n    height: 54px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    border:\n        1px solid rgba(255,255,255,.38);\n\n    border-radius: 50%;\n\n    background:\n        rgba(28,23,20,.18);\n\n    backdrop-filter:\n        blur(4px);\n\n    -webkit-backdrop-filter:\n        blur(4px);\n\n    box-shadow:\n        0 5px 15px rgba(22,17,14,.09),\n        inset 0 1px 0 rgba(255,255,255,.12);\n\n    transform:\n        translate(-50%,-50%);\n\n    pointer-events: none;\n\n    transition:\n        transform .28s ease,\n        background-color .28s ease,\n        border-color .28s ease,\n        box-shadow .28s ease;\n}\n\n\n\/* =========================================================\n   PLAY TRIANGLE\n   ========================================================= *\/\n\n#jrCollabReels\n.jrcr-play-triangle {\n    width: 0;\n    height: 0;\n\n    margin-left: 3px;\n\n    border-top:\n        8px solid transparent;\n\n    border-bottom:\n        8px solid transparent;\n\n    border-left:\n        13px solid rgba(255,255,255,.96);\n}\n\n\n\/* =========================================================\n   HOVER\n   ========================================================= *\/\n\n@media (hover:hover) and (pointer:fine) {\n\n    #jrCollabReels\n    .jrcr-preview:hover {\n        transform:\n            translateY(-5px);\n\n        box-shadow:\n            0 5px 12px rgba(50,38,30,.07),\n            0 18px 34px rgba(50,38,30,.10);\n    }\n\n\n    #jrCollabReels\n    .jrcr-preview:hover > img {\n        transform:\n            scale(1.022);\n    }\n\n\n    #jrCollabReels\n    .jrcr-preview:hover\n    .jrcr-play {\n        background:\n            rgba(28,23,20,.28);\n\n        border-color:\n            rgba(255,255,255,.52);\n\n        transform:\n            translate(-50%,-50%)\n            scale(1.055);\n\n        box-shadow:\n            0 7px 18px rgba(22,17,14,.13),\n            inset 0 1px 0 rgba(255,255,255,.15);\n    }\n\n}\n\n\n\/* =========================================================\n   TEXT UNDER IMAGE\n   ========================================================= *\/\n\n#jrCollabReels\n.jrcr-copy {\n    padding-top: 15px;\n}\n\n\n\/* =========================================================\n   REEL CAMPAIGN\n   ========================================================= *\/\n\n#jrCollabReels\n.jrcr-kicker {\n    margin:\n        0\n        0\n        7px;\n\n    font-family:\n        -apple-system,\n        BlinkMacSystemFont,\n        \"Segoe UI\",\n        Arial,\n        sans-serif;\n\n    font-size: 9px;\n\n    font-weight: 600;\n\n    line-height: 1;\n\n    letter-spacing: .23em;\n\n    text-transform: uppercase;\n\n    color: #74685F;\n}\n\n\n\/* =========================================================\n   CAPTION\n   ========================================================= *\/\n\n#jrCollabReels\n.jrcr-caption {\n    margin: 0;\n\n    font-family:\n        -apple-system,\n        BlinkMacSystemFont,\n        \"Segoe UI\",\n        Arial,\n        sans-serif;\n\n    font-size: 14px;\n\n    font-weight: 400;\n\n    line-height: 1.45;\n\n    color: #514842;\n}\n\n\n\/* =========================================================\n   LARGE DESKTOP\n   ========================================================= *\/\n\n@media (min-width:1600px) {\n\n    #jrCollabReels\n    .jrcr-inner {\n        gap: 40px;\n    }\n\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (max-width:1100px) {\n\n    #jrCollabReels {\n        padding:\n            8px\n            24px\n            68px;\n    }\n\n\n    #jrCollabReels\n    .jrcr-inner {\n        grid-template-columns:\n            repeat(2, minmax(0,1fr));\n\n        column-gap: 28px;\n        row-gap: 52px;\n    }\n\n\n    #jrCollabReels\n    .jrcr-preview {\n        width: min(100%, 390px);\n        margin: 0 auto;\n    }\n\n\n    #jrCollabReels\n    .jrcr-copy {\n        width: min(100%, 390px);\n        margin: 0 auto;\n    }\n\n\n    #jrCollabReels\n    .jrcr-play {\n        width: 50px;\n        height: 50px;\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width:640px) {\n\n    #jrCollabReels {\n        padding:\n            6px\n            20px\n            58px;\n    }\n\n\n    #jrCollabReels\n    .jrcr-inner {\n        grid-template-columns: 1fr;\n\n        gap: 52px;\n    }\n\n\n    #jrCollabReels\n    .jrcr-logo-wrap {\n        height: 48px;\n\n        margin-bottom: 9px;\n    }\n\n\n    #jrCollabReels\n    .jrcr-preview {\n        width: min(100%, 350px);\n\n        margin: 0 auto;\n    }\n\n\n    #jrCollabReels\n    .jrcr-copy {\n        width: min(100%, 350px);\n\n        margin: 0 auto;\n\n        padding-top: 13px;\n    }\n\n\n    #jrCollabReels\n    .jrcr-play {\n        width: 48px;\n        height: 48px;\n    }\n\n\n    #jrCollabReels\n    .jrcr-play-triangle {\n        border-top-width: 7px;\n        border-bottom-width: 7px;\n        border-left-width: 12px;\n    }\n\n\n    #jrCollabReels\n    .jrcr-kicker {\n        font-size: 8px;\n    }\n\n\n    #jrCollabReels\n    .jrcr-caption {\n        font-size: 13px;\n    }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n   ========================================================= *\/\n\n@media (prefers-reduced-motion:reduce) {\n\n    #jrCollabReels *,\n    #jrCollabReels *::before,\n    #jrCollabReels *::after {\n        animation: none !important;\n        transition: none !important;\n    }\n\n}\n<\/style>\n\n<!-- =========================================================\n     JULIAN RAD \u2014 COLLABORATION REELS\n     Desktop: 4 Spalten\n     Mobile:  2 Spalten \u00d7 2 Zeilen\n========================================================== -->\n\n<section id=\"jrCollabReels\">\n\n    <style>\n        \/* Nur innerhalb dieses Blocks wirksam *\/\n        #jrCollabReels,\n        #jrCollabReels * {\n            box-sizing: border-box;\n        }\n\n        \/*\n         * MOBILE\n         * Zwei Spalten und zwei Zeilen\n         *\/\n        @media (max-width: 767px) {\n\n            #jrCollabReels {\n                width: 100%;\n                padding-inline: 14px;\n                overflow: hidden;\n            }\n\n            #jrCollabReels .jrcr-inner {\n                display: grid !important;\n                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n                align-items: start !important;\n                gap: 28px 14px !important;\n                width: 100% !important;\n                max-width: none !important;\n                margin: 0 auto !important;\n            }\n\n            #jrCollabReels .jrcr-item {\n                display: block !important;\n                width: auto !important;\n                min-width: 0 !important;\n                max-width: none !important;\n                margin: 0 !important;\n            }\n\n            \/* Logos *\/\n            #jrCollabReels .jrcr-logo-wrap {\n                display: flex !important;\n                align-items: center !important;\n                justify-content: center !important;\n                width: 100% !important;\n                height: 44px !important;\n                margin: 0 0 9px !important;\n                padding: 0 8px !important;\n            }\n\n            #jrCollabReels .jrcr-logo {\n                display: block !important;\n                width: auto !important;\n                max-width: 100% !important;\n                height: auto !important;\n                max-height: 31px !important;\n                object-fit: contain !important;\n                object-position: center !important;\n            }\n\n            #jrCollabReels .jrcr-logo-meta {\n                max-height: 27px !important;\n            }\n\n            #jrCollabReels .jrcr-logo-insta360 {\n                max-height: 24px !important;\n            }\n\n            #jrCollabReels .jrcr-logo-laowa {\n                max-height: 27px !important;\n            }\n\n            #jrCollabReels .jrcr-logo-dji {\n                max-height: 25px !important;\n            }\n\n            \/* Reel-Vorschau *\/\n            #jrCollabReels .jrcr-preview {\n                position: relative !important;\n                display: block !important;\n                width: 100% !important;\n                aspect-ratio: 9 \/ 16 !important;\n                overflow: hidden !important;\n                border-radius: 7px !important;\n                background: #ece7df !important;\n                box-shadow:\n                    0 8px 18px rgba(64, 48, 36, 0.08),\n                    0 1px 3px rgba(64, 48, 36, 0.06) !important;\n            }\n\n            #jrCollabReels .jrcr-preview > img {\n                display: block !important;\n                width: 100% !important;\n                height: 100% !important;\n                max-width: none !important;\n                object-fit: cover !important;\n                object-position: center !important;\n            }\n\n            \/* Play-Button *\/\n            #jrCollabReels .jrcr-play {\n                position: absolute !important;\n                top: 50% !important;\n                left: 50% !important;\n                display: grid !important;\n                place-items: center !important;\n                width: 38px !important;\n                height: 38px !important;\n                border: 1px solid rgba(255, 255, 255, 0.48) !important;\n                border-radius: 50% !important;\n                background: rgba(47, 43, 37, 0.42) !important;\n                box-shadow: 0 4px 13px rgba(0, 0, 0, 0.17) !important;\n                backdrop-filter: blur(3px);\n                -webkit-backdrop-filter: blur(3px);\n                transform: translate(-50%, -50%) !important;\n            }\n\n            #jrCollabReels .jrcr-play-triangle {\n                display: block !important;\n                width: 0 !important;\n                height: 0 !important;\n                margin-left: 3px !important;\n                border-top: 6px solid transparent !important;\n                border-bottom: 6px solid transparent !important;\n                border-left: 9px solid #fff !important;\n            }\n\n            \/* Text unter den Karten *\/\n            #jrCollabReels .jrcr-copy {\n                width: 100% !important;\n                margin-top: 10px !important;\n                padding-inline: 1px !important;\n            }\n\n            #jrCollabReels .jrcr-kicker {\n                margin: 0 0 5px !important;\n                color: #a55a40 !important;\n                font-family: Arial, Helvetica, sans-serif !important;\n                font-size: 8px !important;\n                font-weight: 700 !important;\n                line-height: 1.2 !important;\n                letter-spacing: 0.20em !important;\n                text-transform: uppercase !important;\n            }\n\n            #jrCollabReels .jrcr-caption {\n                margin: 0 !important;\n                color: #4f4b47 !important;\n                font-family: Arial, Helvetica, sans-serif !important;\n                font-size: 12px !important;\n                font-weight: 400 !important;\n                line-height: 1.35 !important;\n            }\n        }\n\n        \/*\n         * Sehr kleine Smartphones:\n         * weiterhin zwei Spalten\n         *\/\n        @media (max-width: 380px) {\n\n            #jrCollabReels {\n                padding-inline: 10px;\n            }\n\n            #jrCollabReels .jrcr-inner {\n                gap: 24px 10px !important;\n            }\n\n            #jrCollabReels .jrcr-logo-wrap {\n                height: 40px !important;\n                margin-bottom: 7px !important;\n                padding-inline: 6px !important;\n            }\n\n            #jrCollabReels .jrcr-logo {\n                max-height: 27px !important;\n            }\n\n            #jrCollabReels .jrcr-play {\n                width: 34px !important;\n                height: 34px !important;\n            }\n\n            #jrCollabReels .jrcr-copy {\n                margin-top: 8px !important;\n            }\n\n            #jrCollabReels .jrcr-kicker {\n                font-size: 7px !important;\n                letter-spacing: 0.17em !important;\n            }\n\n            #jrCollabReels .jrcr-caption {\n                font-size: 11px !important;\n                line-height: 1.3 !important;\n            }\n        }\n    <\/style>\n\n\n    <div class=\"jrcr-inner\">\n\n\n        <!-- =====================================================\n             META\n        ====================================================== -->\n\n        <article class=\"jrcr-item\">\n\n            <div class=\"jrcr-logo-wrap\">\n                <img decoding=\"async\" class=\"jrcr-logo jrcr-logo-meta\" src=\"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/09\/Meta_Platforms_Inc._logo.svg-Kopie.webp\" alt=\"Meta\">\n            <\/div>\n\n            <a class=\"jrcr-preview\" href=\"#\" aria-label=\"Meta Collaboration ansehen\">\n                <img decoding=\"async\" src=\"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/09\/Preview_1_webp.webp\" alt=\"Meta Reel Collaboration\">\n\n                <span class=\"jrcr-play\" aria-hidden=\"true\">\n                    <span class=\"jrcr-play-triangle\"><\/span>\n                <\/span>\n            <\/a>\n\n            <div class=\"jrcr-copy\">\n                <div class=\"jrcr-kicker\">\n                    REEL CAMPAIGN\n                <\/div>\n\n                <div class=\"jrcr-caption\">\n                    Client: META\n                <\/div>\n            <\/div>\n\n        <\/article>\n\n\n        <!-- =====================================================\n             INSTA360\n        ====================================================== -->\n\n        <article class=\"jrcr-item\">\n\n            <div class=\"jrcr-logo-wrap\">\n                <img decoding=\"async\" class=\"jrcr-logo jrcr-logo-insta360\" src=\"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/09\/insta360-logo.png\" alt=\"Insta360\">\n            <\/div>\n\n            <a class=\"jrcr-preview\" href=\"#\" aria-label=\"Insta360 Collaboration ansehen\">\n                <img decoding=\"async\" src=\"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/09\/Preview_2_webp.webp\" alt=\"Insta360 Reel Collaboration\">\n\n                <span class=\"jrcr-play\" aria-hidden=\"true\">\n                    <span class=\"jrcr-play-triangle\"><\/span>\n                <\/span>\n            <\/a>\n\n            <div class=\"jrcr-copy\">\n                <div class=\"jrcr-kicker\">\n                    REEL CAMPAIGN\n                <\/div>\n\n                <div class=\"jrcr-caption\">\n                    Client: INSTA360\n                <\/div>\n            <\/div>\n\n        <\/article>\n\n\n        <!-- =====================================================\n             LAOWA\n        ====================================================== -->\n\n        <article class=\"jrcr-item\">\n\n            <div class=\"jrcr-logo-wrap\">\n                <img decoding=\"async\" class=\"jrcr-logo jrcr-logo-laowa\" src=\"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/09\/Laowa-logo.png\" alt=\"LAOWA\">\n            <\/div>\n\n            <a class=\"jrcr-preview\" href=\"#\" aria-label=\"LAOWA Collaboration ansehen\">\n                <img decoding=\"async\" src=\"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/09\/Preview_3_webp.webp\" alt=\"LAOWA Reel Collaboration\">\n\n                <span class=\"jrcr-play\" aria-hidden=\"true\">\n                    <span class=\"jrcr-play-triangle\"><\/span>\n                <\/span>\n            <\/a>\n\n            <div class=\"jrcr-copy\">\n                <div class=\"jrcr-kicker\">\n                    REEL CAMPAIGN\n                <\/div>\n\n                <div class=\"jrcr-caption\">\n                    Client: LAOWA\n                <\/div>\n            <\/div>\n\n        <\/article>\n\n\n        <!-- =====================================================\n             DJI\n        ====================================================== -->\n\n        <article class=\"jrcr-item\">\n\n            <div class=\"jrcr-logo-wrap\">\n                <img decoding=\"async\" class=\"jrcr-logo jrcr-logo-dji\" src=\"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/09\/DJI-logo.webp\" alt=\"DJI\">\n            <\/div>\n\n            <a class=\"jrcr-preview\" href=\"#\" aria-label=\"DJI Collaboration ansehen\">\n                <img decoding=\"async\" src=\"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/09\/Preview_4_webp.webp\" alt=\"DJI Reel Collaboration\">\n\n                <span class=\"jrcr-play\" aria-hidden=\"true\">\n                    <span class=\"jrcr-play-triangle\"><\/span>\n                <\/span>\n            <\/a>\n\n            <div class=\"jrcr-copy\">\n                <div class=\"jrcr-kicker\">\n                    REEL CAMPAIGN\n                <\/div>\n\n                <div class=\"jrcr-caption\">\n                    Client: DJI\n                <\/div>\n            <\/div>\n\n        <\/article>\n\n\n    <\/div>\n\n<\/section>\n\n\n\n<!-- =========================================================\n     JULIAN RAD \u2014 WHAT I CREATE \/ REEL MOCKUP\n     WordPress: Diesen gesamten Inhalt in einen \u201eIndividuelles HTML\u201c-Block kopieren.\n     Nur VIDEO-URL und optional den Link des Buttons austauschen.\n========================================================== -->\n\n<section id=\"jr-create-block\" aria-labelledby=\"jr-create-title\">\n  <style>\n    #jr-create-block,\n    #jr-create-block * { box-sizing: border-box; }\n\n    #jr-create-block {\n      --jr-ink: #26323a;\n      --jr-copy: #6f6b67;\n      --jr-accent: #ce6845;\n      --jr-accent-dark: #b95536;\n      --jr-paper: #f6f0e8;\n      --jr-circle: #eee3d7;\n      position: relative;\n      isolation: isolate;\n      width: 100%;\n      overflow: visible;\n      color: var(--jr-ink);\n      background: transparent;\n      border: 0;\n      border-radius: 0;\n      box-shadow: none;\n      padding: clamp(24px, 2.2vw, 38px) clamp(18px, 2.6vw, 44px) 12px;\n      font-family: Arial, Helvetica, sans-serif;\n    }\n\n    #jr-create-block .jr-create-grid {\n      width: min(100%, 1840px);\n      min-height: clamp(380px, 29vw, 465px);\n      margin: 0 auto;\n      display: grid;\n      grid-template-columns: minmax(255px, 1.02fr) minmax(205px, .74fr) minmax(300px, 1.12fr);\n      align-items: center;\n      gap: clamp(18px, 2.1vw, 36px);\n    }\n\n    \/* LEFT *\/\n    #jr-create-block .jr-copy { align-self: center; }\n\n    #jr-create-block .jr-eyebrow {\n      margin: 0 0 12px;\n      color: var(--jr-accent);\n      font-size: clamp(11px, .8vw, 14px);\n      font-weight: 800;\n      letter-spacing: .28em;\n      text-transform: uppercase;\n    }\n\n    #jr-create-block h2 {\n      margin: 0;\n      max-width: 620px;\n      color: var(--jr-ink);\n      font-family: Georgia, \"Times New Roman\", serif;\n      font-size: clamp(42px, 3.7vw, 64px);\n      font-weight: 400;\n      line-height: .98;\n      letter-spacing: -.045em;\n    }\n\n    #jr-create-block h2 em {\n      color: var(--jr-accent);\n      font-weight: 400;\n    }\n\n    #jr-create-block .jr-intro {\n      max-width: 610px;\n      margin: 16px 0 0;\n      color: var(--jr-copy);\n      font-size: clamp(14px, .95vw, 17px);\n      line-height: 1.48;\n    }\n\n    #jr-create-block .jr-cta {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 18px;\n      min-width: 225px;\n      min-height: 49px;\n      margin-top: 20px;\n      padding: 12px 20px;\n      border: 1px solid rgba(153,64,38,.16);\n      border-radius: 7px;\n      color: #fff;\n      background: linear-gradient(180deg, #d67552, #ca6240);\n      box-shadow: 0 13px 28px rgba(173, 78, 46, .17), inset 0 1px rgba(255,255,255,.22);\n      font-size: 11px;\n      font-weight: 800;\n      letter-spacing: .19em;\n      text-decoration: none;\n      text-transform: uppercase;\n      transition: transform .25s ease, box-shadow .25s ease, background .25s ease;\n    }\n\n    #jr-create-block .jr-cta:hover {\n      color: #fff;\n      background: linear-gradient(180deg, #d97a58, #bd5535);\n      box-shadow: 0 17px 32px rgba(173, 78, 46, .24), inset 0 1px rgba(255,255,255,.22);\n      transform: translateY(-2px);\n    }\n\n    #jr-create-block .jr-cta:focus-visible {\n      outline: 3px solid rgba(206,104,69,.35);\n      outline-offset: 4px;\n    }\n\n    #jr-create-block .jr-cta-arrow {\n      font-size: 29px;\n      font-weight: 300;\n      line-height: .7;\n      transition: transform .25s ease;\n    }\n\n    #jr-create-block .jr-cta:hover .jr-cta-arrow { transform: translateX(5px); }\n\n    #jr-create-block .jr-note {\n      margin: 9px 0 0;\n      color: #99938d;\n      font-size: 11px;\n    }\n\n    \/* PHONE *\/\n    #jr-create-block .jr-phone-column {\n      position: relative;\n      height: 100%;\n      min-height: 0;\n      max-height: 455px;\n      display: grid;\n      place-items: center;\n    }\n\n    #jr-create-block .jr-phone-column::before {\n      content: \"\";\n      position: absolute;\n      z-index: 0;\n      left: 50%;\n      top: 50%;\n      width: 155%;\n      aspect-ratio: 1;\n      border-radius: 50%;\n      pointer-events: none;\n      background: radial-gradient(circle,\n        rgba(220, 181, 145, .29) 0%,\n        rgba(232, 205, 180, .16) 34%,\n        rgba(244, 231, 216, .06) 57%,\n        transparent 72%);\n      filter: blur(3px);\n      transform: translate(-50%, -50%);\n    }\n\n    #jr-create-block .jr-phone-column::after {\n      content: \"\";\n      position: absolute;\n      left: 50%;\n      bottom: 2px;\n      width: 76%;\n      height: 34px;\n      border-radius: 50%;\n      z-index: 1;\n      background: rgba(71, 53, 40, .16);\n      filter: blur(14px);\n      transform: translateX(-50%) rotate(-2deg);\n    }\n\n    #jr-create-block .jr-phone-float {\n      position: relative;\n      z-index: 2;\n      width: min(100%, 221px);\n      aspect-ratio: 9 \/ 19.5;\n      animation: jrPhoneFloat 6.4s ease-in-out infinite;\n      transform-style: preserve-3d;\n    }\n\n    #jr-create-block .jr-phone {\n      position: absolute;\n      inset: 0;\n      padding: 5px;\n      border: 1px solid rgba(18,18,17,.96);\n      border-radius: 32px;\n      background:\n        linear-gradient(90deg,\n          #171716 0%,\n          #777875 10%,\n          #242422 21%,\n          #9b9b97 49%,\n          #343431 78%,\n          #111110 100%);\n      box-shadow:\n        10px 16px 25px rgba(31,24,18,.24),\n        3px 2px 0 #777773,\n        5px 3px 0 #2f2f2c,\n        inset 1px 0 0 rgba(255,255,255,.48),\n        inset -1px 0 0 rgba(0,0,0,.72);\n      overflow: visible;\n    }\n\n    #jr-create-block .jr-phone::before,\n    #jr-create-block .jr-phone::after {\n      content: \"\";\n      position: absolute;\n      right: -6px;\n      width: 3px;\n      border-radius: 0 2px 2px 0;\n      border: 1px solid rgba(20,20,19,.7);\n      background: linear-gradient(90deg,#4f504e,#a0a19e 46%,#343432);\n      box-shadow: inset 0 1px rgba(255,255,255,.34);\n    }\n\n    #jr-create-block .jr-phone::before { top: 83px; height: 46px; }\n    #jr-create-block .jr-phone::after { top: 145px; height: 28px; }\n\n    #jr-create-block .jr-screen {\n      position: relative;\n      width: 100%;\n      height: 100%;\n      overflow: hidden;\n      border-radius: 27px;\n      background: #15150f;\n      isolation: isolate;\n    }\n\n    #jr-create-block .jr-reel-video {\n      position: absolute;\n      inset: 0;\n      z-index: -2;\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      background: linear-gradient(160deg, #697044, #252617);\n    }\n\n    #jr-create-block .jr-screen-shade {\n      position: absolute;\n      inset: 0;\n      z-index: -1;\n      pointer-events: none;\n      background: linear-gradient(to bottom, rgba(0,0,0,.30), transparent 23%, transparent 60%, rgba(0,0,0,.60));\n    }\n\n    #jr-create-block .jr-island {\n      position: absolute;\n      z-index: 8;\n      top: 9px;\n      left: 50%;\n      width: 78px;\n      height: 22px;\n      border-radius: 18px;\n      background: #070706;\n      transform: translateX(-50%);\n      box-shadow: inset 0 0 0 1px rgba(255,255,255,.03);\n    }\n\n    #jr-create-block .jr-status {\n      position: absolute;\n      z-index: 7;\n      top: 14px;\n      left: 15px;\n      right: 14px;\n      display: flex;\n      justify-content: space-between;\n      color: #fff;\n      font-size: 7.5px;\n      font-weight: 700;\n      text-shadow: 0 1px 4px rgba(0,0,0,.6);\n    }\n\n    #jr-create-block .jr-reels-head {\n      position: absolute;\n      z-index: 5;\n      top: 43px;\n      left: 14px;\n      right: 14px;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      color: #fff;\n    }\n\n    #jr-create-block .jr-reels-head strong {\n      font-size: 14px;\n      letter-spacing: -.02em;\n      text-shadow: 0 1px 5px rgba(0,0,0,.5);\n    }\n\n    #jr-create-block .jr-camera {\n      position: relative;\n      display: block;\n      width: 18px;\n      height: 15px;\n      border: 1.8px solid #fff;\n      border-radius: 4px;\n      filter: drop-shadow(0 1px 3px rgba(0,0,0,.55));\n    }\n    #jr-create-block .jr-camera::before {\n      content: \"\";\n      position: absolute;\n      left: 50%;\n      top: 50%;\n      width: 5px;\n      height: 5px;\n      border: 1.5px solid #fff;\n      border-radius: 50%;\n      transform: translate(-50%,-50%);\n    }\n    #jr-create-block .jr-camera::after {\n      content: \"\";\n      position: absolute;\n      left: 4px;\n      top: -4px;\n      width: 7px;\n      height: 3px;\n      border-radius: 2px 2px 0 0;\n      background: #fff;\n    }\n\n    #jr-create-block .jr-actions {\n      position: absolute;\n      z-index: 5;\n      right: 8px;\n      bottom: 108px;\n      display: flex;\n      flex-direction: column;\n      gap: 10px;\n      color: #fff;\n      text-align: center;\n      text-shadow: 0 1px 5px rgba(0,0,0,.65);\n    }\n\n    #jr-create-block .jr-action { position: relative; min-width: 34px; }\n    #jr-create-block .jr-action-icon-img {\n      display: block;\n      width: 30px;\n      height: 30px;\n      margin: 0 auto;\n      object-fit: contain;\n      object-position: center;\n      filter: drop-shadow(0 1px 2px rgba(0,0,0,.95)) drop-shadow(0 0 4px rgba(0,0,0,.45));\n    }\n    #jr-create-block .jr-action small {\n      display: block;\n      margin-top: 2px;\n      color: #fff;\n      font-size: 8px;\n      font-weight: 800;\n      line-height: 1;\n    }\n    #jr-create-block .jr-heart-pop {\n      position: absolute;\n      left: 50%;\n      top: 4px;\n      color: #ff315c;\n      opacity: 0;\n      font-size: 17px;\n      pointer-events: none;\n      filter: drop-shadow(0 2px 4px rgba(0,0,0,.25));\n      animation: jrHeartPop 2.55s ease-out infinite;\n    }\n\n    #jr-create-block .jr-heart-pop:nth-of-type(2) { animation-delay: .45s; }\n    #jr-create-block .jr-heart-pop:nth-of-type(3) { animation-delay: .9s; }\n\n    #jr-create-block .jr-hearts-field {\n      position: absolute;\n      z-index: 4;\n      right: 44px;\n      bottom: 160px;\n      width: 78px;\n      height: 190px;\n      pointer-events: none;\n    }\n\n    #jr-create-block .jr-float-heart {\n      position: absolute;\n      right: 0;\n      bottom: 0;\n      color: #ff315c;\n      font-size: 18px;\n      opacity: 0;\n      animation: jrHeartRise 3.15s ease-out infinite;\n      filter: drop-shadow(0 2px 5px rgba(0,0,0,.24));\n    }\n\n    #jr-create-block .jr-float-heart:nth-child(2) { right: 21px; animation-delay: .72s; font-size: 14px; }\n    #jr-create-block .jr-float-heart:nth-child(3) { right: 3px; animation-delay: 1.42s; font-size: 21px; }\n    #jr-create-block .jr-float-heart:nth-child(4) { right: 29px; animation-delay: 2.12s; font-size: 16px; }\n\n    #jr-create-block .jr-reel-meta {\n      position: absolute;\n      z-index: 5;\n      left: 15px;\n      right: 9px;\n      bottom: 18px;\n      color: #fff;\n      text-shadow: 0 1px 5px rgba(0,0,0,.65);\n    }\n\n    #jr-create-block .jr-userline { display: flex; align-items: center; gap: 4px; min-width: 0; }\n    #jr-create-block .jr-avatar { display: grid; place-items: center; width: 22px; height: 22px; flex: 0 0 auto; border: 1.3px solid rgba(255,255,255,.82); border-radius: 50%; color: #fff; background: #b86543; font: 700 7px Georgia, serif; }\n    #jr-create-block .jr-name { min-width: 0; font-size: 8px; font-weight: 800; white-space: nowrap; }\n    #jr-create-block .jr-verified { display: inline-grid; place-items: center; width: 10px; height: 10px; flex: 0 0 auto; border-radius: 50%; color: #fff; background: #2196f3; font-size: 7px; line-height: 1; }\n    #jr-create-block .jr-follow { flex: 0 0 auto; margin-left: 1px; padding: 3px 5px; border: 1px solid rgba(255,255,255,.9); border-radius: 4px; color: #fff; background: rgba(0,0,0,.20); font-size: 7px; font-weight: 700; }\n    #jr-create-block .jr-caption { max-width: 135px; margin: 5px 0 0; font-size: 7.2px; line-height: 1.3; }\n    #jr-create-block .jr-audio { margin: 4px 0 0; font-size: 6.8px; opacity: .94; }\n\n    #jr-create-block .jr-gloss {\n      position: absolute;\n      z-index: 9;\n      inset: 5px;\n      border-radius: 27px;\n      pointer-events: none;\n      background:\n        linear-gradient(112deg,\n          rgba(255,255,255,.10) 0%,\n          rgba(255,255,255,.03) 16%,\n          transparent 31%,\n          transparent 78%,\n          rgba(255,255,255,.035) 100%);\n    }\n\n    \/* RIGHT *\/\n    #jr-create-block .jr-services {\n      min-width: 0;\n      align-self: center;\n    }\n\n    #jr-create-block .jr-services-track {\n      display: grid;\n      gap: clamp(12px, 1.15vw, 19px);\n      align-content: center;\n    }\n\n    #jr-create-block .jr-services-nav { display: none; }\n\n    #jr-create-block .jr-service {\n      display: block;\n      min-width: 0;\n      padding: 1px 0;\n    }\n\n    #jr-create-block .jr-service-icon {\n      display: none;\n    }\n\n    #jr-create-block .jr-service h3 {\n      --jr-paper-rotate: -.45deg;\n      --jr-line-width: 52px;\n      position: relative;\n      isolation: isolate;\n      display: inline-block;\n      margin: 0 0 8px;\n      padding: 2px 7px 3px 4px;\n      color: var(--jr-ink);\n      font-family: Georgia, \"Times New Roman\", serif;\n      font-size: clamp(19px, 1.35vw, 26px);\n      font-weight: 400;\n      line-height: 1.08;\n      letter-spacing: -.018em;\n    }\n\n    \/* Unregelm\u00e4\u00dfiger Papierstreifen hinter der \u00dcberschrift *\/\n    #jr-create-block .jr-service h3::before {\n      content: \"\";\n      position: absolute;\n      z-index: -2;\n      top: -7px;\n      right: -18px;\n      bottom: -6px;\n      left: -14px;\n      background:\n        linear-gradient(103deg,\n          rgba(233,224,211,.58),\n          rgba(242,235,225,.82) 48%,\n          rgba(229,220,207,.55));\n      clip-path: polygon(\n        1% 12%, 7% 5%, 15% 9%, 24% 3%, 34% 7%,\n        45% 2%, 57% 8%, 68% 4%, 80% 9%, 91% 3%, 99% 11%,\n        97% 30%, 100% 48%, 97% 67%, 99% 88%, 91% 95%,\n        80% 91%, 68% 98%, 57% 93%, 45% 99%, 34% 92%,\n        22% 97%, 13% 91%, 4% 96%, 1% 82%, 3% 63%, 0 45%\n      );\n      transform: rotate(var(--jr-paper-rotate));\n      transform-origin: 50% 50%;\n      filter: drop-shadow(0 2px 4px rgba(85,64,48,.035));\n    }\n\n    \/* Kleine handgezeichnet wirkende Linie *\/\n    #jr-create-block .jr-service h3::after {\n      content: \"\";\n      position: absolute;\n      z-index: -1;\n      left: 3px;\n      bottom: -3px;\n      width: var(--jr-line-width);\n      height: 2px;\n      border-radius: 50%;\n      background: linear-gradient(90deg,\n        rgba(206,104,69,.88),\n        rgba(206,104,69,.46) 72%,\n        transparent);\n      transform: rotate(-1.4deg) skewX(-13deg);\n    }\n\n    #jr-create-block .jr-service:nth-child(2) h3 {\n      --jr-paper-rotate: .35deg;\n      --jr-line-width: 61px;\n    }\n\n    #jr-create-block .jr-service:nth-child(3) h3 {\n      --jr-paper-rotate: -.8deg;\n      --jr-line-width: 49px;\n    }\n\n    #jr-create-block .jr-service:nth-child(4) h3 {\n      --jr-paper-rotate: .55deg;\n      --jr-line-width: 58px;\n    }\n\n    #jr-create-block .jr-service:nth-child(5) h3 {\n      --jr-paper-rotate: -.3deg;\n      --jr-line-width: 55px;\n    }\n\n    #jr-create-block .jr-service p {\n      margin: 0;\n      max-width: 520px;\n      color: var(--jr-copy);\n      font-size: clamp(11px, .78vw, 14px);\n      line-height: 1.38;\n    }\n\n    @keyframes jrPhoneFloat {\n      0%, 100% { transform: perspective(1200px) rotate(-2.8deg) rotateY(-4deg) translateY(0); }\n      50% { transform: perspective(1200px) rotate(-1.5deg) rotateY(-2deg) translateY(-8px); }\n    }\n\n    @keyframes jrHeartPop {\n      0%, 8%, 100% { opacity: 0; transform: translate(-50%, 0) scale(.2) rotate(-12deg); }\n      22% { opacity: 1; transform: translate(-50%, -8px) scale(1.12) rotate(7deg); }\n      55% { opacity: 0; transform: translate(-95%, -35px) scale(.82) rotate(-9deg); }\n    }\n\n    @keyframes jrHeartRise {\n      0% { opacity: 0; transform: translate(0, 8px) scale(.3) rotate(-10deg); }\n      16% { opacity: 1; }\n      62% { opacity: .9; transform: translate(-12px, -88px) scale(1) rotate(8deg); }\n      100% { opacity: 0; transform: translate(8px, -160px) scale(1.25) rotate(-5deg); }\n    }\n\n    @media (max-width: 1180px) {\n      #jr-create-block { aspect-ratio: auto; min-height: 0; padding: 44px clamp(24px, 4vw, 50px); }\n      #jr-create-block .jr-create-grid { grid-template-columns: 1fr .80fr; gap: 42px; }\n      #jr-create-block .jr-phone-column { min-height: 620px; max-height: none; }\n      #jr-create-block .jr-phone-float { width: min(100%, 315px); }\n      #jr-create-block .jr-services { grid-column: 1 \/ -1; margin-top: 10px; }\n      #jr-create-block .jr-services-track { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n      #jr-create-block .jr-service:last-child { grid-column: 1 \/ -1; max-width: 52%; }\n    }\n\n    @media (max-width: 760px) {\n      #jr-create-block { border-radius: 0; padding: 42px 20px 34px; }\n      #jr-create-block .jr-create-grid { min-height: 0; grid-template-columns: 1fr; gap: 48px; }\n      #jr-create-block .jr-copy { text-align: center; }\n      #jr-create-block .jr-eyebrow { margin-bottom: 17px; font-size: 12px; }\n      #jr-create-block h2 { margin-inline: auto; font-size: clamp(50px, 15vw, 67px); }\n      #jr-create-block .jr-intro { margin-top: 24px; font-size: 17px; }\n      #jr-create-block .jr-cta { min-width: min(100%, 315px); margin-top: 30px; }\n      #jr-create-block .jr-note { font-size: 13px; }\n      #jr-create-block .jr-phone-column { min-height: 625px; order: 2; }\n      #jr-create-block .jr-phone-float { width: min(78vw, 315px); }\n      #jr-create-block .jr-services {\n        order: 3;\n        position: relative;\n        width: 100%;\n        margin-top: -8px;\n        padding: 9px 12px 13px;\n        border: 1px solid rgba(116, 88, 69, .10);\n        border-radius: 22px;\n        background: rgba(255, 252, 248, .42);\n        box-shadow:\n          0 18px 42px rgba(84, 62, 46, .055),\n          inset 0 1px 0 rgba(255, 255, 255, .72);\n      }\n      #jr-create-block .jr-services-track {\n        display: flex;\n        gap: 0;\n        width: 100%;\n        overflow-x: auto;\n        overscroll-behavior-x: contain;\n        scroll-behavior: smooth;\n        scroll-snap-type: x mandatory;\n        scrollbar-width: none;\n        -ms-overflow-style: none;\n        touch-action: pan-x pan-y;\n      }\n      #jr-create-block .jr-services-track::-webkit-scrollbar { display: none; }\n      #jr-create-block .jr-service,\n      #jr-create-block .jr-service:last-child {\n        display: flex;\n        flex: 0 0 100%;\n        align-items: center;\n        justify-content: center;\n        min-width: 100%;\n        min-height: 150px;\n        max-width: none;\n        padding: 25px 24px 18px;\n        border: 0;\n        scroll-snap-align: center;\n        scroll-snap-stop: always;\n        text-align: center;\n      }\n      #jr-create-block .jr-service-icon { display: none; }\n      #jr-create-block .jr-service h3 {\n        margin-bottom: 11px;\n        padding: 1px 5px 2px 3px;\n        font-size: 25px;\n        line-height: 1.12;\n      }\n      #jr-create-block .jr-service h3::before {\n        top: -5px;\n        right: -12px;\n        bottom: -4px;\n        left: -10px;\n        opacity: .68;\n      }\n      #jr-create-block .jr-service h3::after {\n        left: 50%;\n        bottom: -4px;\n        width: 54px;\n        transform: translateX(-50%) rotate(-1.4deg) skewX(-13deg);\n      }\n      #jr-create-block .jr-service p {\n        max-width: 300px;\n        margin: 0 auto;\n        font-size: 14px;\n        line-height: 1.42;\n        text-wrap: balance;\n      }\n      #jr-create-block .jr-services-nav {\n        display: grid;\n        grid-template-columns: 42px 1fr 42px;\n        align-items: center;\n        gap: 14px;\n        width: min(100%, 270px);\n        margin: 4px auto 1px;\n      }\n      #jr-create-block .jr-slider-arrow {\n        display: grid;\n        place-items: center;\n        width: 42px;\n        height: 42px;\n        padding: 0;\n        border: 1px solid rgba(206, 104, 69, .42);\n        border-radius: 50%;\n        color: var(--jr-accent);\n        background: rgba(255, 252, 248, .76);\n        box-shadow: 0 7px 18px rgba(91, 61, 43, .07);\n        font: 300 24px\/1 Arial, Helvetica, sans-serif;\n        cursor: pointer;\n        transition: color .2s ease, background .2s ease, transform .2s ease;\n        -webkit-tap-highlight-color: transparent;\n      }\n      #jr-create-block .jr-slider-arrow:active {\n        color: #fff;\n        background: var(--jr-accent);\n        transform: scale(.94);\n      }\n      #jr-create-block .jr-slider-arrow:focus-visible {\n        outline: 3px solid rgba(206, 104, 69, .25);\n        outline-offset: 3px;\n      }\n      #jr-create-block .jr-slider-dots {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 8px;\n      }\n      #jr-create-block .jr-slider-dot {\n        width: 7px;\n        height: 7px;\n        padding: 0;\n        border: 0;\n        border-radius: 50%;\n        background: rgba(38, 50, 58, .20);\n        cursor: pointer;\n        transition: width .25s ease, border-radius .25s ease, background .25s ease;\n        -webkit-tap-highlight-color: transparent;\n      }\n      #jr-create-block .jr-slider-dot.is-active {\n        width: 22px;\n        border-radius: 20px;\n        background: var(--jr-accent);\n      }\n    }\n\n    @media (max-width: 390px) {\n      #jr-create-block .jr-phone-column { min-height: 565px; }\n      #jr-create-block .jr-services { padding: 8px 10px 12px; border-radius: 19px; }\n      #jr-create-block .jr-service,\n      #jr-create-block .jr-service:last-child { min-height: 142px; padding: 22px 17px 16px; }\n      #jr-create-block .jr-service h3 { font-size: 23px; }\n      #jr-create-block .jr-service p { font-size: 13px; }\n      #jr-create-block .jr-services-nav { grid-template-columns: 38px 1fr 38px; width: min(100%, 250px); }\n      #jr-create-block .jr-slider-arrow { width: 38px; height: 38px; }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      #jr-create-block .jr-phone-float,\n      #jr-create-block .jr-heart-pop,\n      #jr-create-block .jr-float-heart { animation: none !important; }\n    }\n  <\/style>\n\n  <div class=\"jr-create-grid\">\n    <div class=\"jr-copy\">\n      <p class=\"jr-eyebrow\">For brands<\/p>\n      <h2 id=\"jr-create-title\">What I <em>create<\/em><\/h2>\n      <p class=\"jr-intro\">Authentic wildlife content that inspires, educates and connects your brand with a highly engaged, values-driven audience.<\/p>\n\n      <a class=\"jr-cta\" href=\"#contact\">\n        <span>Let\u2019s collaborate<\/span>\n        <span class=\"jr-cta-arrow\" aria-hidden=\"true\">\u2192<\/span>\n      <\/a>\n      <p class=\"jr-note\">Partnership inquiries via contact form.<\/p>\n    <\/div>\n\n    <div class=\"jr-phone-column\" aria-label=\"Instagram Reel von julianradwildlife\">\n      <div class=\"jr-phone-float\">\n        <div class=\"jr-phone\">\n          <div class=\"jr-screen\">\n            <!-- HIER DEINE ECHTE MP4-URL EINSETZEN -->\n            <video class=\"jr-reel-video\" autoplay muted loop playsinline preload=\"metadata\" poster=\"\">\n              <source src=\"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/09\/time-fb.mp4\" type=\"video\/mp4\">\n            <\/video>\n            <div class=\"jr-screen-shade\"><\/div>\n\n            <div class=\"jr-island\"><\/div>\n            <div class=\"jr-status\"><span>9:41<\/span><span>\u25ae\u25ae \u25d4 \u25b0<\/span><\/div>\n\n            <div class=\"jr-reels-head\">\n              <strong>Reels<\/strong>\n              <span class=\"jr-camera\" aria-hidden=\"true\"><\/span>\n            <\/div>\n\n            <div class=\"jr-hearts-field\" aria-hidden=\"true\">\n              <span class=\"jr-float-heart\">\u2665<\/span><span class=\"jr-float-heart\">\u2665<\/span><span class=\"jr-float-heart\">\u2665<\/span><span class=\"jr-float-heart\">\u2665<\/span>\n            <\/div>\n\n            <div class=\"jr-actions\" aria-hidden=\"true\">\n              <div class=\"jr-action jr-liked\">\n                <img loading=\"lazy\" decoding=\"async\" class=\"jr-action-icon-img\" src=\"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/09\/Heart_White.webp\" alt=\"\" width=\"30\" height=\"30\">\n                <small class=\"jr-like-count\">525K<\/small>\n                <span class=\"jr-heart-pop\">\u2665<\/span><span class=\"jr-heart-pop\">\u2665<\/span><span class=\"jr-heart-pop\">\u2665<\/span>\n              <\/div>\n              <div class=\"jr-action\">\n                <img loading=\"lazy\" decoding=\"async\" class=\"jr-action-icon-img\" src=\"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/09\/comment_white.webp\" alt=\"\" width=\"30\" height=\"30\">\n                <small>2,822<\/small>\n              <\/div>\n              <div class=\"jr-action\">\n                <img loading=\"lazy\" decoding=\"async\" class=\"jr-action-icon-img\" src=\"https:\/\/radwildlife.com\/wp-content\/uploads\/2026\/09\/send_white.webp\" alt=\"\" width=\"30\" height=\"30\">\n                <small>4,524<\/small>\n              <\/div>\n            <\/div>\n\n            <div class=\"jr-reel-meta\">\n              <div class=\"jr-userline\">\n                <span class=\"jr-avatar\">JR<\/span>\n                <span class=\"jr-name\">julianradwildlife<\/span>\n                <span class=\"jr-verified\" aria-label=\"Verifiziert\">\u2713<\/span>\n                <span class=\"jr-follow\">Follow<\/span>\n              <\/div>\n              <p class=\"jr-caption\">A quiet moment in the wild. Small moments, big impact.<\/p>\n              <p class=\"jr-audio\">\u266b Original audio \u00b7 Julian Rad<\/p>\n            <\/div>\n\n          <\/div>\n          <div class=\"jr-gloss\"><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"jr-services\" aria-label=\"Leistungen\">\n      <div class=\"jr-services-track\">\n      <article class=\"jr-service\">\n        <div class=\"jr-service-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M9 3 7.5 5H5a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V8a3 3 0 0 0-3-3h-2.5L15 3H9zm3 5a5 5 0 1 1 0 10 5 5 0 0 1 0-10z\"\/><\/svg>\n        <\/div>\n        <div><h3>Reels &amp; Short Videos<\/h3><p>Cinematic, authentic and platform-native content for Instagram, YouTube and TikTok.<\/p><\/div>\n      <\/article>\n\n      <article class=\"jr-service\">\n        <div class=\"jr-service-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M4 3h16a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2zm1 15h14l-4.5-6-3.3 4.2-2.4-3L5 18zm3-9.2a2 2 0 1 0 0-4 2 2 0 0 0 0 4z\"\/><\/svg>\n        <\/div>\n        <div><h3>Photo Campaigns<\/h3><p>Striking wildlife imagery for your brand across digital and print.<\/p><\/div>\n      <\/article>\n\n      <article class=\"jr-service\">\n        <div class=\"jr-service-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M21.5 2.5C13 2.4 6 5.4 4.2 11.7c-.6 2-.2 3.8.8 5.1L2.4 21l1.6 1 2.7-4c1.4.6 3.2.5 5-.2 6.1-2.5 8.8-8.6 9.8-15.3zM7.2 16.3c2.9-4.1 6.4-6.7 10.9-9.1-3.7 2.9-6.6 6.1-8.7 9.9-.8 0-1.6-.2-2.2-.8z\"\/><\/svg>\n        <\/div>\n        <div><h3>Storytelling<\/h3><p>Educational and emotional narratives that create real impact.<\/p><\/div>\n      <\/article>\n\n      <article class=\"jr-service\">\n        <div class=\"jr-service-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"m12 2 9 4.8v10.4L12 22l-9-4.8V6.8L12 2zm0 2.3L6.1 7.4 12 10.6l5.9-3.2L12 4.3zm-7 4.8v6.8l6 3.2v-6.8L5 9.1zm8 10 6-3.2V9.1l-6 3.2v6.8z\"\/><\/svg>\n        <\/div>\n        <div><h3>Product Integration<\/h3><p>Natural, authentic integration in real-world environments.<\/p><\/div>\n      <\/article>\n\n      <article class=\"jr-service\">\n        <div class=\"jr-service-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M8 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8zm8 0a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM8 13c-4.4 0-7 2.2-7 5v3h10v-3c0-1.5.7-2.8 1.8-3.8A9.7 9.7 0 0 0 8 13zm8 0c-1 0-2 .1-2.8.4A5.8 5.8 0 0 1 15 18v3h8v-3c0-2.8-2.6-5-7-5z\"\/><\/svg>\n        <\/div>\n        <div><h3>Long-Term Partnerships<\/h3><p>Meaningful collaborations based on shared values and sustainability.<\/p><\/div>\n      <\/article>\n      <\/div>\n\n      <div class=\"jr-services-nav\" aria-label=\"Leistungen durchbl\u00e4ttern\">\n        <button class=\"jr-slider-arrow jr-slider-prev\" type=\"button\" aria-label=\"Vorherige Leistung\">\u2039<\/button>\n        <div class=\"jr-slider-dots\" role=\"tablist\" aria-label=\"Leistung ausw\u00e4hlen\">\n          <button class=\"jr-slider-dot is-active\" type=\"button\" role=\"tab\" aria-label=\"Leistung 1 von 5\" aria-selected=\"true\"><\/button>\n          <button class=\"jr-slider-dot\" type=\"button\" role=\"tab\" aria-label=\"Leistung 2 von 5\" aria-selected=\"false\"><\/button>\n          <button class=\"jr-slider-dot\" type=\"button\" role=\"tab\" aria-label=\"Leistung 3 von 5\" aria-selected=\"false\"><\/button>\n          <button class=\"jr-slider-dot\" type=\"button\" role=\"tab\" aria-label=\"Leistung 4 von 5\" aria-selected=\"false\"><\/button>\n          <button class=\"jr-slider-dot\" type=\"button\" role=\"tab\" aria-label=\"Leistung 5 von 5\" aria-selected=\"false\"><\/button>\n        <\/div>\n        <button class=\"jr-slider-arrow jr-slider-next\" type=\"button\" aria-label=\"N\u00e4chste Leistung\">\u203a<\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <script>\n    (() => {\n      const block = document.getElementById('jr-create-block');\n      if (!block || block.dataset.ready === '1') return;\n      block.dataset.ready = '1';\n\n      const video = block.querySelector('.jr-reel-video');\n      if (video) {\n        video.muted = true;\n        video.play().catch(() => {\n          const resumeVideo = () => {\n            video.play().catch(() => {});\n            document.removeEventListener('touchstart', resumeVideo);\n            document.removeEventListener('click', resumeVideo);\n          };\n          document.addEventListener('touchstart', resumeVideo, { once: true });\n          document.addEventListener('click', resumeVideo, { once: true });\n        });\n      }\n\n      const servicesTrack = block.querySelector('.jr-services-track');\n      const serviceSlides = [...block.querySelectorAll('.jr-service')];\n      const sliderDots = [...block.querySelectorAll('.jr-slider-dot')];\n      const prevButton = block.querySelector('.jr-slider-prev');\n      const nextButton = block.querySelector('.jr-slider-next');\n      let activeService = 0;\n      let scrollFrame = 0;\n\n      const updateServiceSlider = (index) => {\n        activeService = (index + serviceSlides.length) % serviceSlides.length;\n        sliderDots.forEach((dot, dotIndex) => {\n          const active = dotIndex === activeService;\n          dot.classList.toggle('is-active', active);\n          dot.setAttribute('aria-selected', String(active));\n        });\n      };\n\n      const showService = (index, smooth = true) => {\n        if (!servicesTrack || !serviceSlides.length) return;\n        updateServiceSlider(index);\n        servicesTrack.scrollTo({\n          left: activeService * servicesTrack.clientWidth,\n          behavior: smooth ? 'smooth' : 'auto'\n        });\n      };\n\n      prevButton?.addEventListener('click', () => showService(activeService - 1));\n      nextButton?.addEventListener('click', () => showService(activeService + 1));\n      sliderDots.forEach((dot, index) => dot.addEventListener('click', () => showService(index)));\n\n      servicesTrack?.addEventListener('scroll', () => {\n        cancelAnimationFrame(scrollFrame);\n        scrollFrame = requestAnimationFrame(() => {\n          if (!servicesTrack.clientWidth) return;\n          updateServiceSlider(Math.round(servicesTrack.scrollLeft \/ servicesTrack.clientWidth));\n        });\n      }, { passive: true });\n\n      window.addEventListener('resize', () => {\n        if (window.matchMedia('(max-width: 760px)').matches) showService(activeService, false);\n      });\n    })();\n  <\/script>\n<\/section>\n\n\n\n<!-- =========================================================\n     JULIAN RAD \u2014 COLLABORATION PROCESS 1\u20134\n     Separater WordPress-Block: vollst\u00e4ndig in einen\n     \u201eIndividuelles HTML\u201c-Block kopieren.\n========================================================== -->\n\n<section id=\"jr-collaboration-process\" aria-label=\"How collaboration works\">\n  <style>\n    #jr-collaboration-process,\n    #jr-collaboration-process * {\n      box-sizing: border-box;\n    }\n\n    #jr-collaboration-process {\n      --jr-process-ink: #26323a;\n      --jr-process-copy: #6f6b67;\n      --jr-process-accent: #ce6845;\n      --jr-process-paper: #f8f3ed;\n      --jr-process-gap: clamp(24px, 3vw, 48px);\n\n      width: 100%;\n      margin: 0;\n      padding: clamp(24px, 3vw, 46px) clamp(18px, 3vw, 48px);\n      color: var(--jr-process-ink);\n      background: transparent;\n      font-family: Arial, Helvetica, sans-serif;\n      isolation: isolate;\n    }\n\n    #jr-collaboration-process .jr-process-inner {\n      width: min(100%, 1320px);\n      margin: 0 auto;\n    }\n\n    #jr-collaboration-process .jr-process-list {\n      display: grid;\n      grid-template-columns: repeat(4, minmax(0, 1fr));\n      gap: var(--jr-process-gap);\n      margin: 0;\n      padding: 0;\n      list-style: none;\n    }\n\n    #jr-collaboration-process .jr-process-item {\n      position: relative;\n      min-width: 0;\n      text-align: center;\n    }\n\n    #jr-collaboration-process .jr-process-marker {\n      position: relative;\n      z-index: 1;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      height: 38px;\n      margin-bottom: 11px;\n    }\n\n    #jr-collaboration-process .jr-process-marker::after {\n      content: \"\";\n      position: absolute;\n      z-index: -1;\n      top: 50%;\n      left: 50%;\n      width: calc(100% + var(--jr-process-gap));\n      height: 1px;\n      background: linear-gradient(\n        90deg,\n        rgba(206, 104, 69, 0.50),\n        rgba(206, 104, 69, 0.25)\n      );\n      transform: translateY(-50%);\n    }\n\n    \/* Nach Punkt 4 endet die Linie. *\/\n    #jr-collaboration-process\n    .jr-process-item:last-child\n    .jr-process-marker::after {\n      content: none !important;\n      display: none !important;\n    }\n\n    #jr-collaboration-process .jr-process-number {\n      position: relative;\n      z-index: 2;\n      display: grid;\n      place-items: center;\n      width: 36px;\n      height: 36px;\n      border: 1px solid rgba(206, 104, 69, 0.78);\n      border-radius: 50%;\n      color: var(--jr-process-accent);\n      background: var(--jr-process-paper);\n      box-shadow: 0 0 0 8px var(--jr-process-paper);\n      font-family: Georgia, \"Times New Roman\", serif;\n      font-size: 13px;\n      font-weight: 400;\n      line-height: 1;\n    }\n\n    #jr-collaboration-process .jr-process-title {\n      margin: 0 auto 6px;\n      color: var(--jr-process-ink);\n      font-family: Georgia, \"Times New Roman\", serif;\n      font-size: clamp(17px, 1.25vw, 21px);\n      font-weight: 400;\n      line-height: 1.18;\n      letter-spacing: -0.015em;\n      text-align: center;\n    }\n\n    #jr-collaboration-process .jr-process-description {\n      width: min(100%, 255px);\n      margin: 0 auto;\n      color: var(--jr-process-copy);\n      font-size: clamp(11px, 0.78vw, 13px);\n      line-height: 1.45;\n      text-align: center;\n      text-wrap: balance;\n    }\n\n    \/* ======================================================\n       TABLET\n    ====================================================== *\/\n\n    @media (max-width: 820px) and (min-width: 521px) {\n      #jr-collaboration-process {\n        padding: 34px 20px;\n      }\n\n      #jr-collaboration-process .jr-process-list {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n        gap: 38px 24px;\n      }\n\n      #jr-collaboration-process\n      .jr-process-item:nth-child(2)\n      .jr-process-marker::after,\n      #jr-collaboration-process\n      .jr-process-item:last-child\n      .jr-process-marker::after {\n        content: none !important;\n        display: none !important;\n      }\n\n      #jr-collaboration-process .jr-process-description {\n        font-size: 13px;\n      }\n    }\n\n    \/* ======================================================\n       MOBILE \u2014 4 PUNKTE HORIZONTAL, NUR \u00dcBERSCHRIFTEN\n    ====================================================== *\/\n\n    @media (max-width: 520px) {\n      #jr-collaboration-process {\n        padding: 18px 10px 24px;\n      }\n\n      #jr-collaboration-process .jr-process-inner {\n        width: 100%;\n      }\n\n      #jr-collaboration-process .jr-process-list {\n        grid-template-columns: repeat(4, minmax(0, 1fr));\n        gap: 0;\n        width: 100%;\n      }\n\n      #jr-collaboration-process .jr-process-item {\n        display: block;\n        min-width: 0;\n        padding: 0 3px;\n        text-align: center;\n      }\n\n      #jr-collaboration-process .jr-process-marker {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: auto;\n        height: 32px;\n        min-height: 0;\n        margin: 0 0 10px;\n      }\n\n      #jr-collaboration-process .jr-process-marker::after {\n        content: \"\" !important;\n        display: block !important;\n        position: absolute;\n        z-index: -1;\n        top: 50%;\n        right: auto;\n        bottom: auto;\n        left: 50%;\n        width: 100%;\n        height: 1px;\n        background: linear-gradient(\n          90deg,\n          rgba(206, 104, 69, 0.52),\n          rgba(206, 104, 69, 0.22)\n        );\n        transform: translateY(-50%);\n      }\n\n      \/* Tablet-Ausnahme f\u00fcr Punkt 2 auf Mobile zur\u00fccksetzen. *\/\n      #jr-collaboration-process\n      .jr-process-item:nth-child(2)\n      .jr-process-marker::after {\n        content: \"\" !important;\n        display: block !important;\n      }\n\n      \/* Nach Punkt 4 darf keine Linie erscheinen. *\/\n      #jr-collaboration-process\n      .jr-process-item:last-child\n      .jr-process-marker::after {\n        content: none !important;\n        display: none !important;\n      }\n\n      #jr-collaboration-process .jr-process-number {\n        width: 30px;\n        height: 30px;\n        border-width: 1px;\n        background: var(--jr-process-paper);\n        box-shadow: 0 0 0 5px var(--jr-process-paper);\n        font-size: 11px;\n      }\n\n      #jr-collaboration-process .jr-process-title {\n        margin: 0 auto;\n        padding: 0 1px;\n        color: var(--jr-process-ink);\n        font-size: clamp(11px, 3.45vw, 14px);\n        line-height: 1.15;\n        text-align: center;\n        text-wrap: balance;\n      }\n\n      \/* Beschreibung nur auf Mobile ausblenden. *\/\n      #jr-collaboration-process .jr-process-description {\n        display: none;\n      }\n    }\n\n    \/* Sehr kleine Smartphones *\/\n    @media (max-width: 360px) {\n      #jr-collaboration-process {\n        padding-inline: 6px;\n      }\n\n      #jr-collaboration-process .jr-process-item {\n        padding-inline: 1px;\n      }\n\n      #jr-collaboration-process .jr-process-number {\n        width: 28px;\n        height: 28px;\n        font-size: 10px;\n      }\n\n      #jr-collaboration-process .jr-process-title {\n        font-size: 10.5px;\n      }\n    }\n  <\/style>\n\n  <div class=\"jr-process-inner\">\n    <ol class=\"jr-process-list\">\n\n      <li class=\"jr-process-item\">\n        <div class=\"jr-process-marker\" aria-hidden=\"true\">\n          <span class=\"jr-process-number\">1<\/span>\n        <\/div>\n\n        <h3 class=\"jr-process-title\">Get in Touch<\/h3>\n\n        <p class=\"jr-process-description\">\n          Share your idea, campaign goals or the story you would like to tell.\n        <\/p>\n      <\/li>\n\n      <li class=\"jr-process-item\">\n        <div class=\"jr-process-marker\" aria-hidden=\"true\">\n          <span class=\"jr-process-number\">2<\/span>\n        <\/div>\n\n        <h3 class=\"jr-process-title\">We Plan Together<\/h3>\n\n        <p class=\"jr-process-description\">\n          We define the right format, visual direction and approach for your brand.\n        <\/p>\n      <\/li>\n\n      <li class=\"jr-process-item\">\n        <div class=\"jr-process-marker\" aria-hidden=\"true\">\n          <span class=\"jr-process-number\">3<\/span>\n        <\/div>\n\n        <h3 class=\"jr-process-title\">Content Creation<\/h3>\n\n        <p class=\"jr-process-description\">\n          Authentic, high-quality wildlife content is produced responsibly in the field.\n        <\/p>\n      <\/li>\n\n      <li class=\"jr-process-item\">\n        <div class=\"jr-process-marker\" aria-hidden=\"true\">\n          <span class=\"jr-process-number\">4<\/span>\n        <\/div>\n\n        <h3 class=\"jr-process-title\">Share the Story<\/h3>\n\n        <p class=\"jr-process-description\">\n          The final content brings your message to an engaged global audience.\n        <\/p>\n      <\/li>\n\n    <\/ol>\n  <\/div>\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* =========================================================\n   JULIAN RAD\n   FAQ\n   MODERN SMOOTH ACCORDION\n   ========================================================= *\/\n\n\n\/* =========================================================\n   BOX SIZING\n   ========================================================= *\/\n\n#jrFaq,\n#jrFaq *,\n#jrFaq *::before,\n#jrFaq *::after {\n    box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   SECTION\n   ========================================================= *\/\n\n#jrFaq {\n    position: relative;\n\n    width: 100%;\n\n    padding:\n        48px\n        34px\n        58px;\n\n    overflow: hidden;\n\n    background:\n        #F7F2EC;\n}\n\n\n\/* subtle background atmosphere *\/\n\n#jrFaq::before {\n    content: \"\";\n\n    position: absolute;\n\n    width: 520px;\n    height: 520px;\n\n    top: -300px;\n    right: -170px;\n\n    border-radius: 50%;\n\n    background:\n        radial-gradient(\n            circle,\n            rgba(197,109,69,.09) 0%,\n            rgba(197,109,69,.035) 42%,\n            rgba(197,109,69,0) 72%\n        );\n\n    pointer-events: none;\n}\n\n\n#jrFaq::after {\n    content: \"\";\n\n    position: absolute;\n\n    width: 460px;\n    height: 460px;\n\n    bottom: -300px;\n    left: -150px;\n\n    border-radius: 50%;\n\n    background:\n        radial-gradient(\n            circle,\n            rgba(92,110,88,.055) 0%,\n            rgba(92,110,88,.02) 45%,\n            rgba(92,110,88,0) 72%\n        );\n\n    pointer-events: none;\n}\n\n\n\/* =========================================================\n   INNER\n   ========================================================= *\/\n\n#jrFaq .jrfaq-inner {\n    position: relative;\n\n    z-index: 1;\n\n    width:\n        min(\n            100%,\n            1500px\n        );\n\n    margin:\n        0 auto;\n\n    padding:\n        47px\n        42px\n        44px;\n\n    border:\n        1px solid rgba(74,61,52,.10);\n\n    border-radius:\n        18px;\n\n    background:\n        rgba(255,255,255,.19);\n\n    box-shadow:\n        0\n        12px\n        40px\n        rgba(70,54,43,.025);\n}\n\n\n\/* =========================================================\n   HEADER\n   ========================================================= *\/\n\n#jrFaq .jrfaq-head {\n    width: 100%;\n\n    display: flex;\n\n    flex-direction: column;\n\n    align-items: center;\n\n    margin-bottom: 37px;\n\n    text-align: center;\n}\n\n\n\/* =========================================================\n   EYEBROW\n   ========================================================= *\/\n\n#jrFaq .jrfaq-eyebrow {\n    display: inline-flex;\n\n    align-items: center;\n\n    margin-bottom: 10px;\n\n    font-family:\n        Inter,\n        Arial,\n        sans-serif;\n\n    font-size: 10px;\n\n    font-weight: 500;\n\n    line-height: 1;\n\n    letter-spacing: .20em;\n\n    text-transform: uppercase;\n\n    color:\n        #A26E55;\n}\n\n\n#jrFaq .jrfaq-eyebrow::before,\n#jrFaq .jrfaq-eyebrow::after {\n    content: \"\";\n\n    width: 24px;\n    height: 1px;\n\n    margin:\n        0\n        11px;\n\n    background:\n        rgba(197,109,69,.48);\n}\n\n\n\/* =========================================================\n   TITLE\n   ========================================================= *\/\n\n#jrFaq .jrfaq-title {\n    margin: 0;\n\n    text-align: center;\n\n    font-family:\n        \"Bacasime Antique\",\n        Georgia,\n        \"Times New Roman\",\n        serif;\n\n    font-size:\n        clamp(\n            42px,\n            4.2vw,\n            62px\n        );\n\n    font-weight: 400;\n\n    line-height: .98;\n\n    letter-spacing: -.027em;\n\n    color:\n        #2F2925;\n}\n\n\n#jrFaq .jrfaq-title span {\n    color:\n        #C56D45;\n\n    font-style: italic;\n\n    font-weight: 400;\n}\n\n\n\/* =========================================================\n   FAQ LIST\n   ========================================================= *\/\n\n#jrFaq .jrfaq-list {\n    display: flex;\n\n    flex-direction: column;\n\n    gap: 8px;\n\n    max-width: 1360px;\n\n    margin:\n        0 auto;\n}\n\n\n\/* =========================================================\n   FAQ ITEM\n   ========================================================= *\/\n\n#jrFaq .jrfaq-item {\n    position: relative;\n\n    width: 100%;\n\n    overflow: hidden;\n\n    border:\n        1px solid\n        rgba(78,65,56,.055);\n\n    border-radius:\n        11px;\n\n    background:\n        rgba(238,232,224,.68);\n\n    box-shadow:\n        0\n        2px\n        9px\n        rgba(74,57,46,.015);\n\n    transition:\n        background-color .3s ease,\n        border-color .3s ease,\n        box-shadow .3s ease,\n        transform .3s ease;\n}\n\n\n\/* left accent line *\/\n\n#jrFaq .jrfaq-item::before {\n    content: \"\";\n\n    position: absolute;\n\n    top: 0;\n    left: 0;\n\n    width: 3px;\n    height: 100%;\n\n    background:\n        #C56D45;\n\n    opacity: 0;\n\n    transform:\n        scaleY(.35);\n\n    transform-origin:\n        center;\n\n    transition:\n        opacity .3s ease,\n        transform .38s cubic-bezier(.2,.8,.2,1);\n}\n\n\n\/* open item *\/\n\n#jrFaq .jrfaq-item.is-open {\n    background:\n        rgba(246,240,233,.98);\n\n    border-color:\n        rgba(197,109,69,.16);\n\n    box-shadow:\n        0\n        8px\n        24px\n        rgba(77,57,44,.055);\n}\n\n\n#jrFaq .jrfaq-item.is-open::before {\n    opacity: 1;\n\n    transform:\n        scaleY(1);\n}\n\n\n\/* hover *\/\n\n@media (hover:hover) and (pointer:fine) {\n\n    #jrFaq .jrfaq-item:hover {\n        background:\n            rgba(242,236,229,.92);\n\n        border-color:\n            rgba(197,109,69,.12);\n\n        transform:\n            translateY(-1px);\n\n        box-shadow:\n            0\n            6px\n            18px\n            rgba(74,57,46,.04);\n    }\n\n}\n\n\n\/* =========================================================\n   QUESTION BUTTON\n   ========================================================= *\/\n\n#jrFaq .jrfaq-question {\n    width: 100%;\n\n    min-height: 58px;\n\n    padding:\n        0\n        17px\n        0\n        18px;\n\n    display: grid;\n\n    grid-template-columns:\n        36px\n        minmax(0,1fr)\n        34px;\n\n    align-items: center;\n\n    gap: 13px;\n\n    border: 0;\n\n    appearance: none;\n\n    -webkit-appearance: none;\n\n    background:\n        transparent;\n\n    cursor: pointer;\n\n    text-align: left;\n\n    color:\n        #38312D;\n}\n\n\n\/* =========================================================\n   NUMBER\n   ========================================================= *\/\n\n#jrFaq .jrfaq-number {\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    width: 30px;\n    height: 30px;\n\n    border:\n        1px solid\n        rgba(130,103,87,.13);\n\n    border-radius: 50%;\n\n    background:\n        rgba(255,255,255,.32);\n\n    font-family:\n        Inter,\n        Arial,\n        sans-serif;\n\n    font-size: 10px;\n\n    font-weight: 500;\n\n    line-height: 1;\n\n    color:\n        #9A7A68;\n\n    transition:\n        color .3s ease,\n        border-color .3s ease,\n        background-color .3s ease;\n}\n\n\n#jrFaq .jrfaq-item.is-open\n.jrfaq-number {\n    color:\n        #C56D45;\n\n    border-color:\n        rgba(197,109,69,.25);\n\n    background:\n        rgba(197,109,69,.065);\n}\n\n\n\/* =========================================================\n   QUESTION TEXT\n   ========================================================= *\/\n\n#jrFaq .jrfaq-question-text {\n    min-width: 0;\n\n    font-family:\n        Inter,\n        Arial,\n        sans-serif;\n\n    font-size: 14px;\n\n    font-weight: 400;\n\n    line-height: 1.45;\n\n    color:\n        #39322E;\n\n    transition:\n        color .25s ease;\n}\n\n\n#jrFaq .jrfaq-item.is-open\n.jrfaq-question-text {\n    color:\n        #2E2824;\n}\n\n\n@media (hover:hover) and (pointer:fine) {\n\n    #jrFaq .jrfaq-question:hover\n    .jrfaq-question-text {\n        color:\n            #B96344;\n    }\n\n}\n\n\n\/* =========================================================\n   TOGGLE CIRCLE\n   ========================================================= *\/\n\n#jrFaq .jrfaq-toggle {\n    position: relative;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    width: 30px;\n    height: 30px;\n\n    justify-self: end;\n\n    border:\n        1px solid\n        rgba(128,101,85,.15);\n\n    border-radius: 50%;\n\n    background:\n        rgba(255,255,255,.28);\n\n    transition:\n        border-color .3s ease,\n        background-color .3s ease,\n        transform .3s ease;\n}\n\n\n#jrFaq .jrfaq-item.is-open\n.jrfaq-toggle {\n    border-color:\n        rgba(197,109,69,.30);\n\n    background:\n        rgba(197,109,69,.08);\n}\n\n\n\/* =========================================================\n   PLUS \/ MINUS\n   ========================================================= *\/\n\n#jrFaq .jrfaq-plus {\n    position: relative;\n\n    width: 12px;\n    height: 12px;\n}\n\n\n#jrFaq .jrfaq-plus::before,\n#jrFaq .jrfaq-plus::after {\n    content: \"\";\n\n    position: absolute;\n\n    top: 50%;\n    left: 50%;\n\n    width: 11px;\n    height: 1px;\n\n    background:\n        #8B6F60;\n\n    transform:\n        translate(-50%,-50%);\n\n    transition:\n        transform .3s ease,\n        opacity .3s ease,\n        background-color .3s ease;\n}\n\n\n#jrFaq .jrfaq-plus::after {\n    transform:\n        translate(-50%,-50%)\n        rotate(90deg);\n}\n\n\n#jrFaq .jrfaq-item.is-open\n.jrfaq-plus::before {\n    background:\n        #C56D45;\n}\n\n\n#jrFaq .jrfaq-item.is-open\n.jrfaq-plus::after {\n    opacity: 0;\n\n    transform:\n        translate(-50%,-50%)\n        rotate(0deg);\n}\n\n\n\/* =========================================================\n   ANSWER\n   ========================================================= *\/\n\n#jrFaq .jrfaq-answer {\n    height: 0;\n\n    overflow: hidden;\n\n    opacity: 0;\n\n    transition:\n        height .42s cubic-bezier(.22,.75,.18,1),\n        opacity .24s ease;\n}\n\n\n#jrFaq .jrfaq-item.is-open\n.jrfaq-answer {\n    opacity: 1;\n}\n\n\n\/* =========================================================\n   ANSWER INNER\n   ========================================================= *\/\n\n#jrFaq .jrfaq-answer-inner {\n    max-width:\n        1050px;\n\n    margin-left:\n        67px;\n\n    margin-right:\n        65px;\n\n    padding:\n        14px\n        0\n        20px;\n\n    border-top:\n        1px solid\n        rgba(120,93,77,.075);\n\n    font-family:\n        Inter,\n        Arial,\n        sans-serif;\n\n    font-size: 13px;\n\n    font-weight: 400;\n\n    line-height: 1.7;\n\n    color:\n        #6D6058;\n\n    transform:\n        translateY(-6px);\n\n    transition:\n        transform .35s cubic-bezier(.22,.75,.18,1);\n}\n\n\n#jrFaq .jrfaq-item.is-open\n.jrfaq-answer-inner {\n    transform:\n        translateY(0);\n}\n\n\n#jrFaq .jrfaq-answer-inner p {\n    margin:\n        0\n        0\n        8px;\n}\n\n\n#jrFaq .jrfaq-answer-inner p:last-child {\n    margin-bottom:\n        0;\n}\n\n\n\/* =========================================================\n   FOCUS\n   ========================================================= *\/\n\n#jrFaq .jrfaq-question:focus-visible {\n    outline:\n        1px solid\n        rgba(197,109,69,.55);\n\n    outline-offset:\n        -4px;\n\n    border-radius:\n        9px;\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (max-width:900px) {\n\n    #jrFaq {\n        padding:\n            38px\n            24px\n            48px;\n    }\n\n\n    #jrFaq .jrfaq-inner {\n        padding:\n            38px\n            28px\n            34px;\n    }\n\n\n    #jrFaq .jrfaq-title {\n        font-size:\n            46px;\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width:640px) {\n\n    #jrFaq {\n        padding:\n            28px\n            15px\n            38px;\n    }\n\n\n    #jrFaq .jrfaq-inner {\n        padding:\n            29px\n            13px\n            18px;\n\n        border-radius:\n            13px;\n    }\n\n\n    #jrFaq .jrfaq-head {\n        margin-bottom:\n            25px;\n    }\n\n\n    #jrFaq .jrfaq-eyebrow {\n        margin-bottom:\n            9px;\n\n        font-size:\n            9px;\n    }\n\n\n    #jrFaq .jrfaq-eyebrow::before,\n    #jrFaq .jrfaq-eyebrow::after {\n        width:\n            18px;\n\n        margin:\n            0\n            8px;\n    }\n\n\n    #jrFaq .jrfaq-title {\n        font-size:\n            39px;\n\n        line-height:\n            .98;\n    }\n\n\n    #jrFaq .jrfaq-list {\n        gap:\n            6px;\n    }\n\n\n    #jrFaq .jrfaq-question {\n        min-height:\n            58px;\n\n        padding:\n            0\n            12px;\n\n        grid-template-columns:\n            29px\n            minmax(0,1fr)\n            29px;\n\n        gap:\n            10px;\n    }\n\n\n    #jrFaq .jrfaq-number {\n        width:\n            27px;\n\n        height:\n            27px;\n\n        font-size:\n            9px;\n    }\n\n\n    #jrFaq .jrfaq-question-text {\n        font-size:\n            12.5px;\n\n        line-height:\n            1.4;\n    }\n\n\n    #jrFaq .jrfaq-toggle {\n        width:\n            28px;\n\n        height:\n            28px;\n    }\n\n\n    #jrFaq .jrfaq-answer-inner {\n        margin-left:\n            51px;\n\n        margin-right:\n            38px;\n\n        padding:\n            12px\n            0\n            17px;\n\n        font-size:\n            12px;\n\n        line-height:\n            1.65;\n    }\n\n}\n\n\n\/* =========================================================\n   VERY SMALL MOBILE\n   ========================================================= *\/\n\n@media (max-width:380px) {\n\n    #jrFaq .jrfaq-title {\n        font-size:\n            35px;\n    }\n\n\n    #jrFaq .jrfaq-question {\n        grid-template-columns:\n            27px\n            minmax(0,1fr)\n            27px;\n\n        gap:\n            8px;\n    }\n\n\n    #jrFaq .jrfaq-question-text {\n        font-size:\n            12px;\n    }\n\n\n    #jrFaq .jrfaq-answer-inner {\n        margin-left:\n            47px;\n\n        margin-right:\n            30px;\n\n        font-size:\n            11.5px;\n    }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n   ========================================================= *\/\n\n@media (prefers-reduced-motion:reduce) {\n\n    #jrFaq *,\n    #jrFaq *::before,\n    #jrFaq *::after {\n        transition:\n            none !important;\n\n        animation:\n            none !important;\n    }\n\n}\n<\/style>\n\n<section id=\"jrFaq\">\n\n    <div class=\"jrfaq-inner\">\n\n        <!-- =====================================================\n             HEADER\n        ====================================================== -->\n\n        <div class=\"jrfaq-head\">\n\n            <span class=\"jrfaq-eyebrow\">\n                Collaborations\n            <\/span>\n\n            <h2 class=\"jrfaq-title\">\n                Frequently Asked\n                <span>Questions<\/span>\n            <\/h2>\n\n        <\/div>\n\n\n        <!-- =====================================================\n             FAQ LIST\n        ====================================================== -->\n\n        <div class=\"jrfaq-list\">\n\n\n            <!-- 1 -->\n            <div class=\"jrfaq-item\">\n\n                <button class=\"jrfaq-question\" type=\"button\" aria-expanded=\"false\">\n\n                    <span class=\"jrfaq-number\">1<\/span>\n\n                    <span class=\"jrfaq-question-text\">\n                        What types of collaborations are available?\n                    <\/span>\n\n                    <span class=\"jrfaq-toggle\" aria-hidden=\"true\">\n                        <span class=\"jrfaq-plus\"><\/span>\n                    <\/span>\n\n                <\/button>\n\n                <div class=\"jrfaq-answer\">\n\n                    <div class=\"jrfaq-answer-inner\">\n\n                        <p>\n                            I collaborate with brands on social media campaigns,\n                            branded Reels, product integrations, campaign photography,\n                            content production, licensing and selected long-term partnerships.\n                        <\/p>\n\n                        <p>\n                            Each collaboration is developed individually around the brand,\n                            product and campaign goals while keeping the wildlife story\n                            natural and authentic.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- 2 -->\n            <div class=\"jrfaq-item\">\n\n                <button class=\"jrfaq-question\" type=\"button\" aria-expanded=\"false\">\n\n                    <span class=\"jrfaq-number\">2<\/span>\n\n                    <span class=\"jrfaq-question-text\">\n                        What kind of brands do you work with?\n                    <\/span>\n\n                    <span class=\"jrfaq-toggle\" aria-hidden=\"true\">\n                        <span class=\"jrfaq-plus\"><\/span>\n                    <\/span>\n\n                <\/button>\n\n                <div class=\"jrfaq-answer\">\n\n                    <div class=\"jrfaq-answer-inner\">\n\n                        <p>\n                            I mainly work with brands whose products can be integrated\n                            naturally into wildlife photography and visual storytelling.\n                        <\/p>\n\n                        <p>\n                            This includes camera and lens manufacturers, smartphone brands,\n                            technology companies, outdoor products and selected brands\n                            connected to nature, creativity and visual communication.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- 3 -->\n            <div class=\"jrfaq-item\">\n\n                <button class=\"jrfaq-question\" type=\"button\" aria-expanded=\"false\">\n\n                    <span class=\"jrfaq-number\">3<\/span>\n\n                    <span class=\"jrfaq-question-text\">\n                        Do you work with international brands?\n                    <\/span>\n\n                    <span class=\"jrfaq-toggle\" aria-hidden=\"true\">\n                        <span class=\"jrfaq-plus\"><\/span>\n                    <\/span>\n\n                <\/button>\n\n                <div class=\"jrfaq-answer\">\n\n                    <div class=\"jrfaq-answer-inner\">\n\n                        <p>\n                            Yes. I work with companies, agencies and production partners\n                            internationally.\n                        <\/p>\n\n                        <p>\n                            Many projects can be planned and produced remotely.\n                            Travel can also be arranged when a campaign requires a specific\n                            location, species or production concept.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- 4 -->\n            <div class=\"jrfaq-item\">\n\n                <button class=\"jrfaq-question\" type=\"button\" aria-expanded=\"false\">\n\n                    <span class=\"jrfaq-number\">4<\/span>\n\n                    <span class=\"jrfaq-question-text\">\n                        Can you create content for our own brand channels?\n                    <\/span>\n\n                    <span class=\"jrfaq-toggle\" aria-hidden=\"true\">\n                        <span class=\"jrfaq-plus\"><\/span>\n                    <\/span>\n\n                <\/button>\n\n                <div class=\"jrfaq-answer\">\n\n                    <div class=\"jrfaq-answer-inner\">\n\n                        <p>\n                            Yes. I can create dedicated photo and video content specifically\n                            for your own social media channels, website, digital campaigns\n                            or other agreed uses.\n                        <\/p>\n\n                        <p>\n                            Publication on my own channels is not automatically required\n                            and can be included separately when creator distribution is\n                            part of the campaign.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- 5 -->\n            <div class=\"jrfaq-item\">\n\n                <button class=\"jrfaq-question\" type=\"button\" aria-expanded=\"false\">\n\n                    <span class=\"jrfaq-number\">5<\/span>\n\n                    <span class=\"jrfaq-question-text\">\n                        Can you license existing wildlife content?\n                    <\/span>\n\n                    <span class=\"jrfaq-toggle\" aria-hidden=\"true\">\n                        <span class=\"jrfaq-plus\"><\/span>\n                    <\/span>\n\n                <\/button>\n\n                <div class=\"jrfaq-answer\">\n\n                    <div class=\"jrfaq-answer-inner\">\n\n                        <p>\n                            Yes. Selected photographs and video clips from my existing\n                            wildlife archive can be licensed for social media, websites,\n                            digital campaigns, print, editorial use and other agreed purposes.\n                        <\/p>\n\n                        <p>\n                            Licensing fees depend on the selected content, intended use,\n                            usage period, territory, media placement and any exclusivity\n                            requirements.\n                        <\/p>\n\n                        <p>\n                            If suitable archive content is available, licensing can also\n                            provide a faster alternative to commissioning an entirely new\n                            production.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- 6 -->\n            <div class=\"jrfaq-item\">\n\n                <button class=\"jrfaq-question\" type=\"button\" aria-expanded=\"false\">\n\n                    <span class=\"jrfaq-number\">6<\/span>\n\n                    <span class=\"jrfaq-question-text\">\n                        Can a product be integrated into a wildlife scene?\n                    <\/span>\n\n                    <span class=\"jrfaq-toggle\" aria-hidden=\"true\">\n                        <span class=\"jrfaq-plus\"><\/span>\n                    <\/span>\n\n                <\/button>\n\n                <div class=\"jrfaq-answer\">\n\n                    <div class=\"jrfaq-answer-inner\">\n\n                        <p>\n                            Yes, provided the concept works naturally in a real wildlife\n                            environment.\n                        <\/p>\n\n                        <p>\n                            I prefer integrations where the product becomes part of an\n                            authentic story rather than creating an artificial advertising\n                            situation around the animal.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- 7 -->\n            <div class=\"jrfaq-item\">\n\n                <button class=\"jrfaq-question\" type=\"button\" aria-expanded=\"false\">\n\n                    <span class=\"jrfaq-number\">7<\/span>\n\n                    <span class=\"jrfaq-question-text\">\n                        Can you guarantee a specific animal or behaviour?\n                    <\/span>\n\n                    <span class=\"jrfaq-toggle\" aria-hidden=\"true\">\n                        <span class=\"jrfaq-plus\"><\/span>\n                    <\/span>\n\n                <\/button>\n\n                <div class=\"jrfaq-answer\">\n\n                    <div class=\"jrfaq-answer-inner\">\n\n                        <p>\n                            Specific wildlife behaviour can never be guaranteed.\n                            Wild animals cannot be directed like actors and their activity\n                            depends on season, weather, habitat and many other factors.\n                        <\/p>\n\n                        <p>\n                            Campaign concepts are therefore developed around realistic\n                            seasonal opportunities and natural behaviour.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- 8 -->\n            <div class=\"jrfaq-item\">\n\n                <button class=\"jrfaq-question\" type=\"button\" aria-expanded=\"false\">\n\n                    <span class=\"jrfaq-number\">8<\/span>\n\n                    <span class=\"jrfaq-question-text\">\n                        What usage rights are available?\n                    <\/span>\n\n                    <span class=\"jrfaq-toggle\" aria-hidden=\"true\">\n                        <span class=\"jrfaq-plus\"><\/span>\n                    <\/span>\n\n                <\/button>\n\n                <div class=\"jrfaq-answer\">\n\n                    <div class=\"jrfaq-answer-inner\">\n\n                        <p>\n                            Usage rights can be tailored to the requirements of each\n                            campaign and may include organic social media, websites,\n                            digital platforms, print, public relations and internal\n                            brand communication.\n                        <\/p>\n\n                        <p>\n                            The agreed rights define the permitted platforms, usage period,\n                            territory and any exclusivity requirements. Only the rights\n                            specified in the individual proposal or agreement are included.\n                        <\/p>\n\n                        <p>\n                            Paid advertising, boosting and Partnership Ads are not\n                            automatically included and are handled separately.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- 9 -->\n            <div class=\"jrfaq-item\">\n\n                <button class=\"jrfaq-question\" type=\"button\" aria-expanded=\"false\">\n\n                    <span class=\"jrfaq-number\">9<\/span>\n\n                    <span class=\"jrfaq-question-text\">\n                        Are paid advertising rights included?\n                    <\/span>\n\n                    <span class=\"jrfaq-toggle\" aria-hidden=\"true\">\n                        <span class=\"jrfaq-plus\"><\/span>\n                    <\/span>\n\n                <\/button>\n\n                <div class=\"jrfaq-answer\">\n\n                    <div class=\"jrfaq-answer-inner\">\n\n                        <p>\n                            Paid advertising rights are normally handled separately from\n                            standard organic usage.\n                        <\/p>\n\n                        <p>\n                            This includes Partnership Ads, boosting, paid social campaigns\n                            and other forms of media spend using the content or creator profile.\n                        <\/p>\n\n                        <p>\n                            Usage fees depend on duration, territory, media placement and\n                            overall campaign scope.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- 10 -->\n            <div class=\"jrfaq-item\">\n\n                <button class=\"jrfaq-question\" type=\"button\" aria-expanded=\"false\">\n\n                    <span class=\"jrfaq-number\">10<\/span>\n\n                    <span class=\"jrfaq-question-text\">\n                        What are the terms once production has begun?\n                    <\/span>\n\n                    <span class=\"jrfaq-toggle\" aria-hidden=\"true\">\n                        <span class=\"jrfaq-plus\"><\/span>\n                    <\/span>\n\n                <\/button>\n\n                <div class=\"jrfaq-answer\">\n\n                    <div class=\"jrfaq-answer-inner\">\n\n                        <p>\n                            Once the concept, deliverables and project scope have been\n                            approved and production has started, the commission is considered\n                            binding and the agreed production fee remains payable.\n                        <\/p>\n\n                        <p>\n                            Work that has already been commissioned and started cannot be\n                            cancelled or rejected without payment due to a later change in\n                            preference, campaign direction or internal strategy.\n                        <\/p>\n\n                        <p>\n                            Feedback and agreed revision rounds remain possible within the\n                            confirmed project scope. If a deliverable materially differs\n                            from the approved brief, this will of course be addressed.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- 11 -->\n            <div class=\"jrfaq-item\">\n\n                <button class=\"jrfaq-question\" type=\"button\" aria-expanded=\"false\">\n\n                    <span class=\"jrfaq-number\">11<\/span>\n\n                    <span class=\"jrfaq-question-text\">\n                        How long does a collaboration usually take?\n                    <\/span>\n\n                    <span class=\"jrfaq-toggle\" aria-hidden=\"true\">\n                        <span class=\"jrfaq-plus\"><\/span>\n                    <\/span>\n\n                <\/button>\n\n                <div class=\"jrfaq-answer\">\n\n                    <div class=\"jrfaq-answer-inner\">\n\n                        <p>\n                            Production time depends on the concept, season, animal activity,\n                            location and number of required deliverables.\n                        <\/p>\n\n                        <p>\n                            Wildlife productions often require more flexibility than\n                            conventional commercial shoots because the animals determine\n                            when a scene can actually happen.\n                        <\/p>\n\n                        <p>\n                            Sufficient planning time therefore usually leads to the strongest\n                            and most authentic result.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- 12 -->\n            <div class=\"jrfaq-item\">\n\n                <button class=\"jrfaq-question\" type=\"button\" aria-expanded=\"false\">\n\n                    <span class=\"jrfaq-number\">12<\/span>\n\n                    <span class=\"jrfaq-question-text\">\n                        How is pricing calculated?\n                    <\/span>\n\n                    <span class=\"jrfaq-toggle\" aria-hidden=\"true\">\n                        <span class=\"jrfaq-plus\"><\/span>\n                    <\/span>\n\n                <\/button>\n\n                <div class=\"jrfaq-answer\">\n\n                    <div class=\"jrfaq-answer-inner\">\n\n                        <p>\n                            Every project is quoted individually.\n                        <\/p>\n\n                        <p>\n                            Pricing depends on the creative concept, production scope,\n                            number of deliverables, publication requirements, usage rights,\n                            exclusivity, production time and additional campaign requirements.\n                        <\/p>\n\n                        <p>\n                            Once the basic campaign details are available, I can provide\n                            a tailored proposal.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n        <\/div>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         ACCORDION JAVASCRIPT\n    ====================================================== -->\n\n    <script>\n    (function () {\n\n        const faq = document.getElementById('jrFaq');\n\n        if (!faq) return;\n\n        const items = faq.querySelectorAll('.jrfaq-item');\n\n\n        function closeItem(item) {\n\n            const button = item.querySelector('.jrfaq-question');\n            const answer = item.querySelector('.jrfaq-answer');\n\n            if (!item.classList.contains('is-open')) return;\n\n            answer.style.height = answer.scrollHeight + 'px';\n\n            requestAnimationFrame(function () {\n\n                answer.style.height = '0px';\n\n                item.classList.remove('is-open');\n\n                button.setAttribute('aria-expanded', 'false');\n\n            });\n\n        }\n\n\n        function openItem(item) {\n\n            const button = item.querySelector('.jrfaq-question');\n            const answer = item.querySelector('.jrfaq-answer');\n\n            item.classList.add('is-open');\n\n            button.setAttribute('aria-expanded', 'true');\n\n            answer.style.height = '0px';\n\n            const targetHeight = answer.scrollHeight;\n\n            requestAnimationFrame(function () {\n\n                answer.style.height = targetHeight + 'px';\n\n            });\n\n        }\n\n\n        items.forEach(function (item) {\n\n            const button = item.querySelector('.jrfaq-question');\n            const answer = item.querySelector('.jrfaq-answer');\n\n            answer.style.height = '0px';\n\n            button.addEventListener('click', function () {\n\n                const isOpen = item.classList.contains('is-open');\n\n                items.forEach(function (otherItem) {\n\n                    if (otherItem !== item) {\n                        closeItem(otherItem);\n                    }\n\n                });\n\n                if (isOpen) {\n                    closeItem(item);\n                } else {\n                    openItem(item);\n                }\n\n            });\n\n\n            answer.addEventListener('transitionend', function (event) {\n\n                if (\n                    event.propertyName === 'height' &&\n                    item.classList.contains('is-open')\n                ) {\n                    answer.style.height = 'auto';\n                }\n\n            });\n\n        });\n\n\n        window.addEventListener('resize', function () {\n\n            items.forEach(function (item) {\n\n                if (item.classList.contains('is-open')) {\n\n                    const answer = item.querySelector('.jrfaq-answer');\n\n                    answer.style.height = 'auto';\n\n                }\n\n            });\n\n        });\n\n    })();\n    <\/script>\n\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Social Media Collaborations Partnering with innovative brands to bring the wonder of the wild to millions. REEL CAMPAIGN Client: META REEL CAMPAIGN Client: INSTA360 REEL CAMPAIGN Client: LAOWA REEL CAMPAIGN Client: DJI For brands What I create Authentic wildlife content that inspires, educates and connects your brand with a highly engaged, values-driven audience. Let\u2019s collaborate [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1032","page","type-page","status-publish","hentry"],"blocksy_meta":{"has_hero_section":"disabled","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":8}},"_links":{"self":[{"href":"https:\/\/radwildlife.com\/en\/wp-json\/wp\/v2\/pages\/1032","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/radwildlife.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/radwildlife.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/radwildlife.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/radwildlife.com\/en\/wp-json\/wp\/v2\/comments?post=1032"}],"version-history":[{"count":19,"href":"https:\/\/radwildlife.com\/en\/wp-json\/wp\/v2\/pages\/1032\/revisions"}],"predecessor-version":[{"id":1076,"href":"https:\/\/radwildlife.com\/en\/wp-json\/wp\/v2\/pages\/1032\/revisions\/1076"}],"wp:attachment":[{"href":"https:\/\/radwildlife.com\/en\/wp-json\/wp\/v2\/media?parent=1032"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}