{"id":27,"date":"2025-11-05T11:10:43","date_gmt":"2025-11-05T11:10:43","guid":{"rendered":"https:\/\/nwjfx.nl\/index.php\/portfolio\/"},"modified":"2026-03-26T15:45:22","modified_gmt":"2026-03-26T15:45:22","slug":"mijn-werk","status":"publish","type":"page","link":"https:\/\/nwjfx.nl\/?page_id=27","title":{"rendered":"Mijn Werk"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"27\" class=\"elementor elementor-27\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-782b7b6 e-flex e-con-boxed e-con e-parent\" data-id=\"782b7b6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-68947a1 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"68947a1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;sticky&quot;:&quot;top&quot;,&quot;animation&quot;:&quot;fadeIn&quot;,&quot;sticky_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;],&quot;sticky_offset&quot;:0,&quot;sticky_effects_offset&quot;:0}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8d77e24 elementor-nav-menu__align-justify elementor-nav-menu--dropdown-mobile elementor-nav-menu__text-align-center elementor-nav-menu--toggle elementor-nav-menu--burger elementor-invisible elementor-widget elementor-widget-nav-menu\" data-id=\"8d77e24\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;submenu_icon&quot;:{&quot;value&quot;:&quot;&lt;i class=\\&quot;\\&quot;&gt;&lt;\\\/i&gt;&quot;,&quot;library&quot;:&quot;&quot;},&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;layout&quot;:&quot;horizontal&quot;,&quot;toggle&quot;:&quot;burger&quot;}\" data-widget_type=\"nav-menu.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<nav class=\"elementor-nav-menu--main elementor-nav-menu__container elementor-nav-menu--layout-horizontal e--pointer-background e--animation-shutter-in-vertical\">\n\t\t\t\t<ul id=\"menu-1-8d77e24\" class=\"elementor-nav-menu\"><li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-45\"><a href=\"https:\/\/nwjfx.nl\/\" class=\"elementor-item\">Homepagina<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-46\"><a href=\"https:\/\/nwjfx.nl\/?page_id=27\" class=\"elementor-item\">Mijn Werk<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-47\"><a href=\"https:\/\/nwjfx.nl\/?page_id=21\" class=\"elementor-item\">Over Mij<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-48\"><a href=\"https:\/\/nwjfx.nl\/?page_id=13\" class=\"elementor-item\">Contact<\/a><\/li>\n<\/ul>\t\t\t<\/nav>\n\t\t\t\t\t<div class=\"elementor-menu-toggle\" role=\"button\" tabindex=\"0\" aria-label=\"Menu Toggle\" aria-expanded=\"false\">\n\t\t\t<i aria-hidden=\"true\" role=\"presentation\" class=\"elementor-menu-toggle__icon--open eicon-menu-bar\"><\/i><i aria-hidden=\"true\" role=\"presentation\" class=\"elementor-menu-toggle__icon--close eicon-close\"><\/i>\t\t\t<span class=\"elementor-screen-only\">Menu<\/span>\n\t\t<\/div>\n\t\t\t\t\t<nav class=\"elementor-nav-menu--dropdown elementor-nav-menu__container\" aria-hidden=\"true\">\n\t\t\t\t<ul id=\"menu-2-8d77e24\" class=\"elementor-nav-menu\"><li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-45\"><a href=\"https:\/\/nwjfx.nl\/\" class=\"elementor-item\" tabindex=\"-1\">Homepagina<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-46\"><a href=\"https:\/\/nwjfx.nl\/?page_id=27\" class=\"elementor-item\" tabindex=\"-1\">Mijn Werk<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-47\"><a href=\"https:\/\/nwjfx.nl\/?page_id=21\" class=\"elementor-item\" tabindex=\"-1\">Over Mij<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-48\"><a href=\"https:\/\/nwjfx.nl\/?page_id=13\" class=\"elementor-item\" tabindex=\"-1\">Contact<\/a><\/li>\n<\/ul>\t\t\t<\/nav>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8b6ff83 e-con-full e-flex e-con e-child\" data-id=\"8b6ff83\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_blur_effect&quot;:&quot;yes&quot;,&quot;motion_fx_blur_direction&quot;:&quot;in-out&quot;,&quot;motion_fx_blur_range&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:57,&quot;end&quot;:100}},&quot;motion_fx_motion_fx_mouse&quot;:&quot;yes&quot;,&quot;motion_fx_mouseTrack_effect&quot;:&quot;yes&quot;,&quot;motion_fx_mouseTrack_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0.4,&quot;sizes&quot;:[]},&quot;motion_fx_tilt_effect&quot;:&quot;yes&quot;,&quot;motion_fx_tilt_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.3,&quot;sizes&quot;:[]},&quot;motion_fx_blur_level&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:7,&quot;sizes&quot;:[]},&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-91c71bb elementor-widget__width-inherit elementor-invisible elementor-widget elementor-widget-video\" data-id=\"91c71bb\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;,&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;play_on_mobile&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/nwjfx.nl\/wp-content\/uploads\/2026\/03\/title_1-1.mp4\" autoplay=\"\" loop=\"\" muted=\"muted\" playsinline=\"\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-207af5e e-flex e-con-boxed e-con e-parent\" data-id=\"207af5e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1dfdc39 elementor-widget elementor-widget-html\" data-id=\"1dfdc39\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n    :root {\n        --nwjfx-red: #E60000;\n        --nwjfx-glass: rgba(20, 20, 20, 0.4);\n        --nwjfx-border: rgba(255, 255, 255, 0.08);\n        --text-main: #F5F5F7;\n        --text-dim: #A1A1A6;\n    }\n\n    .services-section {\n        max-width: 1300px;\n        margin: 2rem auto 4rem auto;\n        padding: 0 20px;\n        font-family: inherit;\n    }\n\n    .services-title {\n        color: var(--text-main);\n        font-size: 0.8rem;\n        text-transform: uppercase;\n        letter-spacing: 4px;\n        margin-bottom: 2rem;\n        text-align: center;\n        opacity: 0.6;\n    }\n\n    \/* Bento Grid Layout *\/\n    .services-grid {\n        display: grid;\n        grid-template-columns: repeat(4, 1fr);\n        gap: 20px;\n    }\n\n    .service-card {\n        background: var(--nwjfx-glass);\n        backdrop-filter: blur(20px);\n        -webkit-backdrop-filter: blur(20px);\n        border: 1px solid var(--nwjfx-border);\n        border-radius: 20px;\n        padding: 2rem;\n        transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);\n        display: flex;\n        flex-direction: column;\n        gap: 15px;\n        position: relative;\n        overflow: hidden;\n    }\n\n    \/* Hover Effecten *\/\n    .service-card:hover {\n        transform: translateY(-5px);\n        background: rgba(30, 30, 30, 0.6);\n        border-color: var(--nwjfx-red);\n        box-shadow: 0 20px 40px rgba(0,0,0,0.4);\n    }\n\n    .service-card::before {\n        content: '';\n        position: absolute;\n        top: 0; left: 0; width: 100%; height: 100%;\n        background: radial-gradient(circle at top right, rgba(230, 0, 0, 0.15), transparent 70%);\n        opacity: 0;\n        transition: opacity 0.5s ease;\n    }\n\n    .service-card:hover::before {\n        opacity: 1;\n    }\n\n    \/* Icoon & Tekst *\/\n    .service-icon {\n        width: 40px;\n        height: 40px;\n        color: var(--nwjfx-red);\n    }\n\n    .service-card h3 {\n        color: var(--text-main);\n        font-size: 1.1rem;\n        font-weight: 600;\n        margin: 0;\n        letter-spacing: -0.02em;\n    }\n\n    .service-card p {\n        color: var(--text-dim);\n        font-size: 0.9rem;\n        line-height: 1.5;\n        margin: 0;\n    }\n\n    \/* Mobiel: 1 kolom, Tablet: 2 kolommen *\/\n    @media (max-width: 1024px) {\n        .services-grid { grid-template-columns: repeat(2, 1fr); }\n    }\n\n    @media (max-width: 600px) {\n        .services-grid { grid-template-columns: 1fr; }\n        .service-card { padding: 1.5rem; }\n    }\n<\/style>\n\n<section class=\"services-section\">\n    <div class=\"services-title\">Expertise<\/div>\n    \n    <div class=\"services-grid\">\n        \n        <div class=\"service-card\">\n            <svg class=\"service-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15.75 10.5l4.72-4.72a.75.75 0 011.28.53v11.38a.75.75 0 01-1.28.53l-4.72-4.72M4.5 18.75h9a2.25 2.25 0 002.25-2.25v-9a2.25 2.25 0 00-2.25-2.25h-9A2.25 2.25 0 002.25 7.5v9a2.25 2.25 0 002.25 2.25z\" \/>\n            <\/svg>\n            <h3>Music Video Production<\/h3>\n            <p>Van concept en regie tot final edit. Wij vertalen de track naar een visueel meesterwerk.<\/p>\n        <\/div>\n\n        <div class=\"service-card\">\n            <svg class=\"service-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M21 7.5l-9-5.25L3 7.5m18 0l-9 5.25m9-5.25v9l-9 5.25M3 7.5l9 5.25M3 7.5v9l9 5.25m0-9v9\" \/>\n            <\/svg>\n            <h3>3D Visuals<\/h3>\n            <p>Custom animaties, LED-walls en stage design voor een unieke live-ervaring.<\/p>\n        <\/div>\n\n        <div class=\"service-card\">\n            <svg class=\"service-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9.813 15.904L9 18.75l-.813-2.846a4.5 4.5 0 00-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 003.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 003.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 00-3.09 3.09zM18.259 8.715L18 9.75l-.259-1.035a3.375 3.375 0 00-2.455-2.456L14.25 6l1.036-.259a3.375 3.375 0 002.455-2.456L18 2.25l.259 1.035a3.375 3.375 0 002.456 2.456L21.75 6l-1.035.259a3.375 3.375 0 00-2.456 2.456zM16.894 20.567L16.5 21.75l-.394-1.183a2.25 2.25 0 00-1.423-1.423L13.5 18.75l1.183-.394a2.25 2.25 0 001.423-1.423l.394-1.183.394 1.183a2.25 2.25 0 001.423 1.423l1.183.394-1.183.394a2.25 2.25 0 00-1.423 1.423z\" \/>\n            <\/svg>\n            <h3>VFX & Compositing<\/h3>\n            <p>Green screen removal, motion tracking en digitale sets voor onbegrensde creativiteit.<\/p>\n        <\/div>\n\n        <div class=\"service-card\">\n            <svg class=\"service-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M10.5 1.5H8.25A2.25 2.25 0 006 3.75v16.5a2.25 2.25 0 002.25 2.25h7.5A2.25 2.25 0 0018 20.25V3.75a2.25 2.25 0 00-2.25-2.25H13.5m-3 0V3h3V1.5m-3 0h3m-3 18.75h3\" \/>\n            <\/svg>\n            <h3>Social Snippets<\/h3>\n            <p>Korte, high-impact edits geoptimaliseerd voor TikTok en Reels. Maximale engagement.<\/p>\n        <\/div>\n\n    <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d5155c4 e-flex e-con-boxed e-con e-parent\" data-id=\"d5155c4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ae8ddba elementor-widget elementor-widget-html\" data-id=\"ae8ddba\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n    :root {\n        --nwjfx-red: #E60000;\n        --nwjfx-bg-dark: #000000;\n        --nwjfx-text-main: #F5F5F7;\n        --nwjfx-text-muted: #86868B;\n        --nwjfx-glass-bg: rgba(18, 18, 18, 0.45);\n        --nwjfx-glass-border: rgba(255, 255, 255, 0.08);\n        --ease-apple: cubic-bezier(0.16, 1, 0.3, 1);\n    }\n\n    \/* Container: Flexibel en gecentreerd *\/\n    .nwjfx-apple-showcase {\n        position: relative;\n        display: flex;\n        flex-direction: column;\n        width: 100%;\n        max-width: 1280px;\n        margin: 6rem auto;\n        padding: 0 1rem;\n        font-family: inherit;\n        opacity: 0;\n        transform: translateY(40px);\n        animation: showcaseFadeIn 1.2s var(--ease-apple) forwards;\n    }\n\n    @media (min-width: 1024px) {\n        .nwjfx-apple-showcase {\n            flex-direction: row;\n            align-items: center;\n            padding: 0;\n        }\n        \n        \/* Modificatie voor alternerende (gespiegelde) rijen *\/\n        .nwjfx-apple-showcase.nwjfx-reverse {\n            flex-direction: row-reverse;\n        }\n    }\n\n    \/* Video Behuizing (Achtergrondlaag) *\/\n    .nwjfx-video-layer {\n        position: relative;\n        width: 100%;\n        border-radius: 24px;\n        background: #050505;\n        box-shadow: 0 40px 80px rgba(0, 0, 0, 0.9), inset 0 0 0 1px rgba(255, 255, 255, 0.05);\n        overflow: hidden;\n        z-index: 1;\n        transform: translateZ(0);\n    }\n\n    @media (min-width: 1024px) {\n        .nwjfx-video-layer {\n            width: 70%;\n            flex-shrink: 0;\n        }\n    }\n\n    \/* Ambient Rode Glow achter de video *\/\n    .nwjfx-video-layer::before {\n        content: '';\n        position: absolute;\n        top: 20%; left: 20%; right: 20%; bottom: 20%;\n        background: var(--nwjfx-red);\n        filter: blur(100px);\n        opacity: 0.15;\n        z-index: -1;\n        pointer-events: none;\n    }\n\n    .nwjfx-aspect-ratio {\n        position: relative;\n        width: 100%;\n        padding-bottom: 56.25%;\n        height: 0;\n    }\n\n    \/* Hardcoded iFrame *\/\n    .nwjfx-raw-iframe {\n        position: absolute;\n        top: 0; left: 0; width: 100%; height: 100%;\n        pointer-events: none;\n        transform: scale(1.03); \/* Verbergt randen en watermerken *\/\n    }\n\n    \/* Geluidsknop in de video laag *\/\n    .nwjfx-sound-toggle {\n        position: absolute;\n        bottom: 24px;\n        right: 24px;\n        z-index: 10;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 48px;\n        height: 48px;\n        background: rgba(20, 20, 20, 0.6);\n        backdrop-filter: blur(20px) saturate(180%);\n        -webkit-backdrop-filter: blur(20px) saturate(180%);\n        border: 1px solid var(--nwjfx-glass-border);\n        border-radius: 50%;\n        color: var(--nwjfx-text-main);\n        cursor: pointer;\n        transition: all 0.4s var(--ease-apple);\n        box-shadow: 0 10px 30px rgba(0,0,0,0.5);\n    }\n\n    .nwjfx-sound-toggle:hover {\n        background: rgba(40, 40, 40, 0.8);\n        transform: scale(1.08);\n    }\n\n    .nwjfx-sound-toggle svg {\n        width: 20px;\n        height: 20px;\n        fill: currentColor;\n    }\n\n    .nwjfx-sound-toggle .icon-unmuted { display: none; }\n    .nwjfx-sound-toggle.is-active .icon-muted { display: none; }\n    .nwjfx-sound-toggle.is-active .icon-unmuted { display: block; fill: var(--nwjfx-red); }\n    .nwjfx-sound-toggle.is-active { border-color: var(--nwjfx-red); }\n\n    \/* Glassmorphism Content (Voorgrondlaag) *\/\n    .nwjfx-glass-layer {\n        position: relative;\n        width: 95%;\n        margin: -40px auto 0 auto;\n        background: var(--nwjfx-glass-bg);\n        backdrop-filter: blur(40px) saturate(200%);\n        -webkit-backdrop-filter: blur(40px) saturate(200%);\n        border: 1px solid var(--nwjfx-glass-border);\n        border-radius: 24px;\n        padding: 2.5rem;\n        z-index: 5;\n        box-shadow: 0 30px 60px rgba(0,0,0,0.6);\n        transition: transform 0.6s var(--ease-apple);\n    }\n\n    @media (min-width: 1024px) {\n        .nwjfx-glass-layer {\n            width: 40%;\n            margin: 0 0 0 -10%;\n            padding: 3.5rem;\n        }\n        \n        .nwjfx-apple-showcase.nwjfx-reverse .nwjfx-glass-layer {\n            margin: 0 -10% 0 0;\n        }\n    }\n\n    .nwjfx-glass-layer:hover {\n        transform: translateY(-8px);\n    }\n\n    \/* Typografie en Data *\/\n    .nwjfx-category {\n        display: inline-block;\n        font-size: 0.75rem;\n        font-weight: 700;\n        text-transform: uppercase;\n        letter-spacing: 0.15em;\n        color: var(--nwjfx-red);\n        margin-bottom: 1rem;\n    }\n\n    .nwjfx-glass-layer h2 {\n        font-size: clamp(1.8rem, 3vw, 2.5rem);\n        color: var(--nwjfx-text-main);\n        font-weight: 600;\n        line-height: 1.1;\n        letter-spacing: -0.02em;\n        margin: 0 0 1.2rem 0;\n    }\n\n    .nwjfx-glass-layer p {\n        font-size: 1.05rem;\n        line-height: 1.6;\n        color: var(--nwjfx-text-muted);\n        margin: 0 0 2.5rem 0;\n    }\n\n    \/* HEFTIGE CRO OPVALLENDE KNOP *\/\n    .nwjfx-action-btn {\n        position: relative;\n        display: inline-flex;\n        align-items: center;\n        gap: 12px;\n        background: var(--nwjfx-text-main);\n        color: var(--nwjfx-bg-dark);\n        padding: 16px 32px;\n        border-radius: 40px;\n        font-size: 0.9rem;\n        font-weight: 800;\n        text-transform: uppercase;\n        letter-spacing: 0.05em;\n        text-decoration: none;\n        overflow: hidden; \n        transition: all 0.3s var(--ease-apple);\n        animation: attentionPulse 2.5s infinite cubic-bezier(0.66, 0, 0, 1);\n    }\n\n    .nwjfx-action-btn::after {\n        content: '';\n        position: absolute;\n        top: 0; \n        left: -150%; \n        width: 50%; \n        height: 100%;\n        background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0) 100%);\n        transform: skewX(-25deg);\n        animation: btnShine 4s infinite;\n    }\n\n    .nwjfx-action-btn:hover {\n        background: var(--nwjfx-red);\n        color: var(--nwjfx-text-main);\n        animation: none; \n        transform: translateY(-3px) scale(1.02);\n        box-shadow: 0 15px 35px rgba(230, 0, 0, 0.4);\n    }\n\n    .nwjfx-action-btn svg {\n        width: 18px;\n        height: 18px;\n        transition: transform 0.3s var(--ease-apple);\n    }\n\n    .nwjfx-action-btn:hover svg {\n        transform: translateX(6px);\n    }\n\n    @keyframes attentionPulse {\n        0% { box-shadow: 0 0 0 0 rgba(230, 0, 0, 0.5); transform: scale(1); }\n        50% { box-shadow: 0 0 20px 8px rgba(230, 0, 0, 0); transform: scale(1.015); }\n        100% { box-shadow: 0 0 0 0 rgba(230, 0, 0, 0); transform: scale(1); }\n    }\n\n    @keyframes btnShine {\n        0% { left: -150%; }\n        20% { left: 250%; }\n        100% { left: 250%; }\n    }\n\n    @keyframes showcaseFadeIn {\n        to { opacity: 1; transform: translateY(0); }\n    }\n<\/style>\n\n<!-- PROJECT 1: Lusho x Pozer (Nieuw - Standaard Layout) -->\n<div class=\"nwjfx-apple-showcase\">\n    <div class=\"nwjfx-video-layer\">\n        <div class=\"nwjfx-aspect-ratio\">\n            <iframe class=\"nwjfx-raw-iframe\" src=\"https:\/\/www.youtube.com\/embed\/u7n2fOTh_8c?autoplay=1&loop=1&mute=1&controls=0&disablekb=1&fs=0&modestbranding=1&playsinline=1&enablejsapi=1&playlist=u7n2fOTh_8c\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen><\/iframe>\n            <button class=\"nwjfx-sound-toggle\" aria-label=\"Geluid aan\/uit\">\n                <svg class=\"icon-muted\" viewBox=\"0 0 24 24\"><path d=\"M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z\"\/><\/svg>\n                <svg class=\"icon-unmuted\" viewBox=\"0 0 24 24\"><path d=\"M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z\"\/><\/svg>\n            <\/button>\n        <\/div>\n    <\/div>\n    <div class=\"nwjfx-glass-layer\">\n        <div class=\"nwjfx-category\">3D Animatie<\/div>\n        <h2>Lusho x Pozer - Cross Waters<\/h2>\n        <p>Ontwerp en naadloze integratie van een 3D geanimeerde granaat in de videoclip, getimed op de track.<\/p>\n        <a href=\"https:\/\/nwjfx.nl\/index.php\/contact\/\" class=\"nwjfx-action-btn\">\n            Bespreek jouw 3D assets\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n        <\/a>\n    <\/div>\n<\/div>\n\n<!-- PROJECT 2: Snollebollekes (Gespiegelde Layout) -->\n<div class=\"nwjfx-apple-showcase nwjfx-reverse\">\n    <div class=\"nwjfx-video-layer\">\n        <div class=\"nwjfx-aspect-ratio\">\n            <iframe class=\"nwjfx-raw-iframe\" src=\"https:\/\/www.youtube.com\/embed\/utsGb7L_wus?autoplay=1&loop=1&mute=1&controls=0&disablekb=1&fs=0&modestbranding=1&playsinline=1&enablejsapi=1&playlist=utsGb7L_wus\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen><\/iframe>\n            <button class=\"nwjfx-sound-toggle\" aria-label=\"Geluid aan\/uit\">\n                <svg class=\"icon-muted\" viewBox=\"0 0 24 24\"><path d=\"M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z\"\/><\/svg>\n                <svg class=\"icon-unmuted\" viewBox=\"0 0 24 24\"><path d=\"M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z\"\/><\/svg>\n            <\/button>\n        <\/div>\n    <\/div>\n    <div class=\"nwjfx-glass-layer\">\n        <div class=\"nwjfx-category\">VFX & 3D Tekst<\/div>\n        <h2>Snollebollekes - Brak en Blut<\/h2>\n        <p>Visuele effecten toegevoegd en de introductie 3D-titel ontworpen en geanimeerd voor deze productie.<\/p>\n        <a href=\"https:\/\/nwjfx.nl\/index.php\/contact\/\" class=\"nwjfx-action-btn\">\n            Laat jouw 3D titel maken\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n        <\/a>\n    <\/div>\n<\/div>\n\n<!-- PROJECT 3: pakteeh (Standaard Layout) -->\n<div class=\"nwjfx-apple-showcase\">\n    <div class=\"nwjfx-video-layer\">\n        <div class=\"nwjfx-aspect-ratio\">\n            <iframe class=\"nwjfx-raw-iframe\" src=\"https:\/\/player.vimeo.com\/video\/1150188353?autoplay=1&loop=1&muted=1&controls=0&title=0&byline=0&portrait=0&dnt=1&api=1\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen><\/iframe>\n            <button class=\"nwjfx-sound-toggle\" aria-label=\"Geluid aan\/uit\">\n                <svg class=\"icon-muted\" viewBox=\"0 0 24 24\"><path d=\"M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z\"\/><\/svg>\n                <svg class=\"icon-unmuted\" viewBox=\"0 0 24 24\"><path d=\"M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z\"\/><\/svg>\n            <\/button>\n        <\/div>\n    <\/div>\n    <div class=\"nwjfx-glass-layer\">\n        <div class=\"nwjfx-category\">3D Animatie & Video Editing<\/div>\n        <h2>pakteeh - Vrij Zijn<\/h2>\n        <p>Volledige post-productie verzorgd: strakke offline edit gecombineerd met de integratie van 3D visual effects.<\/p>\n        <a href=\"https:\/\/nwjfx.nl\/index.php\/contact\/\" class=\"nwjfx-action-btn\">\n            Start jouw post-productie\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n        <\/a>\n    <\/div>\n<\/div>\n\n<!-- PROJECT 4: Murda (Gespiegelde Layout) -->\n<div class=\"nwjfx-apple-showcase nwjfx-reverse\">\n    <div class=\"nwjfx-video-layer\">\n        <div class=\"nwjfx-aspect-ratio\">\n            <iframe class=\"nwjfx-raw-iframe\" src=\"https:\/\/player.vimeo.com\/video\/1150187580?autoplay=1&loop=1&muted=1&controls=0&title=0&byline=0&portrait=0&dnt=1&api=1\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen><\/iframe>\n            <button class=\"nwjfx-sound-toggle\" aria-label=\"Geluid aan\/uit\">\n                <svg class=\"icon-muted\" viewBox=\"0 0 24 24\"><path d=\"M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z\"\/><\/svg>\n                <svg class=\"icon-unmuted\" viewBox=\"0 0 24 24\"><path d=\"M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z\"\/><\/svg>\n            <\/button>\n        <\/div>\n    <\/div>\n    <div class=\"nwjfx-glass-layer\">\n        <div class=\"nwjfx-category\">Video Editing & 3D Tekst<\/div>\n        <h2>Murda - HOT (prod. Spanker)<\/h2>\n        <p>Dynamische offline edit van de videoclip en het ontwerpen plus integreren van 3D-teksten in de beelden.<\/p>\n        <a href=\"https:\/\/nwjfx.nl\/index.php\/contact\/\" class=\"nwjfx-action-btn\">\n            Upgrade jouw videoclip\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n        <\/a>\n    <\/div>\n<\/div>\n\n<!-- PROJECT 5: Lil Kleine (Standaard Layout) -->\n<div class=\"nwjfx-apple-showcase\">\n    <div class=\"nwjfx-video-layer\">\n        <div class=\"nwjfx-aspect-ratio\">\n            <iframe class=\"nwjfx-raw-iframe\" src=\"https:\/\/www.youtube.com\/embed\/cGVRndiSbj4?autoplay=1&loop=1&mute=1&controls=0&disablekb=1&fs=0&modestbranding=1&playsinline=1&enablejsapi=1&playlist=cGVRndiSbj4\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen><\/iframe>\n            <button class=\"nwjfx-sound-toggle\" aria-label=\"Geluid aan\/uit\">\n                <svg class=\"icon-muted\" viewBox=\"0 0 24 24\"><path d=\"M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z\"\/><\/svg>\n                <svg class=\"icon-unmuted\" viewBox=\"0 0 24 24\"><path d=\"M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z\"\/><\/svg>\n            <\/button>\n        <\/div>\n    <\/div>\n    <div class=\"nwjfx-glass-layer\">\n        <div class=\"nwjfx-category\">Video Editing & 3D VFX<\/div>\n        <h2>LIL KLEINE - LEKKER VOOR JE<\/h2>\n        <p>Verantwoordelijk voor de offline edit en de naadloze integratie van diverse 3D visual effects in de videoclip.<\/p>\n        <a href=\"https:\/\/nwjfx.nl\/index.php\/contact\/\" class=\"nwjfx-action-btn\">\n            Claim jouw high-end edit\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n        <\/a>\n    <\/div>\n<\/div>\n\n<script>\n    document.addEventListener('DOMContentLoaded', () => {\n        if (window.nwjfxSoundInit) return;\n        window.nwjfxSoundInit = true;\n\n        const showcases = document.querySelectorAll('.nwjfx-apple-showcase');\n        \n        showcases.forEach(showcase => {\n            const soundBtn = showcase.querySelector('.nwjfx-sound-toggle');\n            const iframeElement = showcase.querySelector('.nwjfx-raw-iframe');\n            const iframe = iframeElement.contentWindow;\n            \n            const isYouTube = iframeElement.src.includes('youtube.com');\n            let isMuted = true;\n\n            soundBtn.addEventListener('click', () => {\n                if (isMuted) {\n                    if (isYouTube) {\n                        iframe.postMessage(JSON.stringify({ event: 'command', func: 'unMute', args: [] }), '*');\n                        iframe.postMessage(JSON.stringify({ event: 'command', func: 'setVolume', args: [100] }), '*');\n                    } else {\n                        iframe.postMessage(JSON.stringify({ method: 'setVolume', value: 1 }), '*');\n                    }\n                    soundBtn.classList.add('is-active');\n                } else {\n                    if (isYouTube) {\n                        iframe.postMessage(JSON.stringify({ event: 'command', func: 'mute', args: [] }), '*');\n                    } else {\n                        iframe.postMessage(JSON.stringify({ method: 'setVolume', value: 0 }), '*');\n                    }\n                    soundBtn.classList.remove('is-active');\n                }\n                isMuted = !isMuted;\n            });\n        });\n    });\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-89e3cdb e-flex e-con-boxed e-con e-parent\" data-id=\"89e3cdb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ffe4262 elementor-widget elementor-widget-html\" data-id=\"ffe4262\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n    :root {\n        --nwjfx-red: #E60000;\n        --nwjfx-bg-dark: #000000;\n        --nwjfx-text-main: #F5F5F7;\n        --nwjfx-text-muted: #A1A1A6;\n        --nwjfx-glass-bg: rgba(15, 15, 15, 0.75);\n        --nwjfx-glass-border: rgba(255, 255, 255, 0.12);\n        --ease-apple: cubic-bezier(0.16, 1, 0.3, 1);\n    }\n\n    \/* Sectie Header *\/\n    .nwjfx-twin-section {\n        width: 100%;\n        max-width: 1440px;\n        margin: 8rem auto 6rem auto;\n        padding: 0 1rem;\n        font-family: inherit;\n        opacity: 0;\n        transform: translateY(30px);\n        animation: twinFadeIn 1s var(--ease-apple) forwards;\n    }\n\n    .nwjfx-section-header {\n        text-align: center;\n        margin-bottom: 5rem;\n    }\n\n    .nwjfx-section-header h2 {\n        font-size: clamp(2.5rem, 5vw, 4rem);\n        color: var(--nwjfx-text-main);\n        font-weight: 700;\n        letter-spacing: -0.03em;\n        margin: 0 0 1rem 0;\n    }\n\n    .nwjfx-section-line {\n        width: 60px;\n        height: 4px;\n        background: var(--nwjfx-red);\n        margin: 0 auto;\n        border-radius: 2px;\n        box-shadow: 0 4px 15px rgba(230, 0, 0, 0.4);\n    }\n\n    \/* Twin Grid Layout *\/\n    .nwjfx-twin-grid {\n        display: grid;\n        grid-template-columns: 1fr;\n        gap: 4rem 3rem;\n    }\n\n    @media (min-width: 1024px) {\n        .nwjfx-twin-grid {\n            grid-template-columns: repeat(2, 1fr);\n            gap: 5rem 4rem;\n        }\n    }\n\n    \/* Individuele 3D Kaart - Floating Plate Layout *\/\n    .nwjfx-twin-card {\n        display: flex;\n        flex-direction: column;\n        position: relative;\n        background: transparent;\n        overflow: visible; \/* Zorgt dat de tekstkaart erbuiten kan zweven *\/\n    }\n\n    \/* 100% Video Focus Container *\/\n    .nwjfx-twin-video-wrap {\n        position: relative;\n        width: 100%;\n        border-radius: 24px;\n        background: #050505;\n        box-shadow: 0 30px 60px rgba(0, 0, 0, 0.8), inset 0 0 0 1px rgba(255, 255, 255, 0.08);\n        overflow: hidden;\n        z-index: 1;\n        transform: translateZ(0);\n        transition: transform 0.5s var(--ease-apple), box-shadow 0.5s var(--ease-apple);\n    }\n\n    .nwjfx-twin-card:hover .nwjfx-twin-video-wrap {\n        transform: translateY(-5px);\n        box-shadow: 0 40px 80px rgba(0, 0, 0, 0.9), 0 0 40px rgba(230, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.15);\n    }\n\n    .nwjfx-twin-ratio {\n        position: relative;\n        width: 100%;\n        padding-bottom: 65%; \/* Brede cinematische ratio *\/\n        background: #000;\n    }\n\n    .nwjfx-twin-iframe {\n        position: absolute;\n        top: 50%; \n        left: 50%; \n        width: 110%; \n        height: 110%;\n        transform: translate(-50%, -50%);\n        pointer-events: none;\n        transition: transform 1.5s var(--ease-apple);\n    }\n\n    \/* Subtiele zoom op de iframe bij hover voor extra dynamiek *\/\n    .nwjfx-twin-card:hover .nwjfx-twin-iframe {\n        transform: translate(-50%, -50%) scale(1.05);\n    }\n\n    \/* Geluidsknop in de video laag *\/\n    .nwjfx-twin-sound {\n        position: absolute;\n        top: 20px;\n        right: 20px;\n        z-index: 10;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 44px;\n        height: 44px;\n        background: rgba(10, 10, 10, 0.5);\n        backdrop-filter: blur(16px) saturate(180%);\n        -webkit-backdrop-filter: blur(16px) saturate(180%);\n        border: 1px solid var(--nwjfx-glass-border);\n        border-radius: 50%;\n        color: var(--nwjfx-text-main);\n        cursor: pointer;\n        transition: all 0.3s var(--ease-apple);\n    }\n\n    .nwjfx-twin-sound:hover {\n        background: rgba(30, 30, 30, 0.8);\n        transform: scale(1.1);\n    }\n\n    .nwjfx-twin-sound svg { width: 18px; height: 18px; fill: currentColor; }\n    .nwjfx-twin-sound .icon-unmuted { display: none; }\n    .nwjfx-twin-sound.is-active .icon-muted { display: none; }\n    .nwjfx-twin-sound.is-active .icon-unmuted { display: block; fill: var(--nwjfx-red); }\n    .nwjfx-twin-sound.is-active { border-color: var(--nwjfx-red); }\n\n    \/* Zwevende Glassmorphism Informatieplaat *\/\n    .nwjfx-twin-info {\n        position: relative;\n        width: 90%;\n        margin: -40px auto 0 auto; \/* Trekt de plaat over de onderkant van de video heen *\/\n        background: var(--nwjfx-glass-bg);\n        backdrop-filter: blur(30px) saturate(200%);\n        -webkit-backdrop-filter: blur(30px) saturate(200%);\n        border: 1px solid var(--nwjfx-glass-border);\n        border-radius: 20px;\n        padding: 2rem;\n        z-index: 5;\n        display: flex;\n        flex-direction: column;\n        box-shadow: 0 25px 50px rgba(0,0,0,0.7);\n        transition: transform 0.5s var(--ease-apple), border-color 0.5s ease;\n    }\n\n    .nwjfx-twin-card:hover .nwjfx-twin-info {\n        transform: translateY(-8px);\n        border-color: rgba(255, 255, 255, 0.25);\n    }\n\n    .nwjfx-twin-cat {\n        font-size: 0.75rem;\n        font-weight: 800;\n        text-transform: uppercase;\n        letter-spacing: 0.15em;\n        color: var(--nwjfx-red);\n        margin-bottom: 0.8rem;\n    }\n\n    .nwjfx-twin-info h3 {\n        font-size: 1.6rem;\n        color: var(--nwjfx-text-main);\n        font-weight: 600;\n        line-height: 1.2;\n        letter-spacing: -0.02em;\n        margin: 0 0 0.8rem 0;\n    }\n\n    .nwjfx-twin-info p {\n        font-size: 0.95rem;\n        line-height: 1.6;\n        color: var(--nwjfx-text-main);\n        opacity: 0.85;\n        margin: 0 0 2rem 0;\n    }\n\n    \/* CRO Button met Salience Animatie *\/\n    .nwjfx-twin-btn {\n        align-self: flex-start;\n        position: relative;\n        display: inline-flex;\n        align-items: center;\n        gap: 10px;\n        background: var(--nwjfx-text-main);\n        color: var(--nwjfx-bg-dark);\n        padding: 14px 28px;\n        border-radius: 30px;\n        font-size: 0.85rem;\n        font-weight: 800;\n        text-transform: uppercase;\n        letter-spacing: 0.05em;\n        text-decoration: none;\n        overflow: hidden;\n        transition: all 0.3s var(--ease-apple);\n        animation: twinPulse 2.5s infinite cubic-bezier(0.66, 0, 0, 1);\n    }\n\n    .nwjfx-twin-btn::after {\n        content: '';\n        position: absolute;\n        top: 0; left: -150%; width: 50%; height: 100%;\n        background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0) 100%);\n        transform: skewX(-25deg);\n        animation: twinShine 4s infinite;\n    }\n\n    .nwjfx-twin-btn:hover {\n        background: var(--nwjfx-red);\n        color: var(--nwjfx-text-main);\n        animation: none;\n        transform: translateY(-2px) scale(1.02);\n        box-shadow: 0 15px 30px rgba(230, 0, 0, 0.4);\n    }\n\n    .nwjfx-twin-btn svg {\n        width: 16px;\n        height: 16px;\n        transition: transform 0.3s var(--ease-apple);\n    }\n\n    .nwjfx-twin-btn:hover svg {\n        transform: translateX(4px);\n    }\n\n    @media (max-width: 768px) {\n        .nwjfx-twin-info { width: 95%; margin-top: -20px; padding: 1.5rem; }\n    }\n\n    @keyframes twinPulse {\n        0% { box-shadow: 0 0 0 0 rgba(230, 0, 0, 0.5); transform: scale(1); }\n        50% { box-shadow: 0 0 15px 6px rgba(230, 0, 0, 0); transform: scale(1.015); }\n        100% { box-shadow: 0 0 0 0 rgba(230, 0, 0, 0); transform: scale(1); }\n    }\n\n    @keyframes twinShine {\n        0% { left: -150%; }\n        20% { left: 250%; }\n        100% { left: 250%; }\n    }\n\n    @keyframes twinFadeIn {\n        to { opacity: 1; transform: translateY(0); }\n    }\n<\/style>\n\n<div class=\"nwjfx-twin-section\">\n    \n    <div class=\"nwjfx-section-header\">\n        <h2>3D Visuals<\/h2>\n        <div class=\"nwjfx-section-line\"><\/div>\n    <\/div>\n\n    <div class=\"nwjfx-twin-grid\">\n        \n        <!-- CARD 1 -->\n        <article class=\"nwjfx-twin-card\">\n            \n            <div class=\"nwjfx-twin-video-wrap\">\n                <div class=\"nwjfx-twin-ratio\">\n                    <iframe class=\"nwjfx-twin-iframe\" src=\"https:\/\/player.vimeo.com\/video\/1175287129?autoplay=1&loop=1&muted=1&controls=0&title=0&byline=0&portrait=0&dnt=1&api=1\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen><\/iframe>\n                    \n                    <button class=\"nwjfx-twin-sound\" aria-label=\"Geluid aan\/uit\">\n                        <svg class=\"icon-muted\" viewBox=\"0 0 24 24\"><path d=\"M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z\"\/><\/svg>\n                        <svg class=\"icon-unmuted\" viewBox=\"0 0 24 24\"><path d=\"M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z\"\/><\/svg>\n                    <\/button>\n                <\/div>\n            <\/div>\n            \n            <div class=\"nwjfx-twin-info\">\n                <span class=\"nwjfx-twin-cat\">Modeling & Compositing<\/span>\n                <h3>Surrealistische 3D Effecten<\/h3>\n                <p>Ontwerp, texturering en vloeiende animatie van 3D elementen voor naadloze integratie in beeldmateriaal.<\/p>\n                <a href=\"https:\/\/nwjfx.nl\/index.php\/contact\/\" class=\"nwjfx-twin-btn\">\n                    Start 3D Project\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n                <\/a>\n            <\/div>\n\n        <\/article>\n\n        <!-- CARD 2 -->\n        <article class=\"nwjfx-twin-card\">\n            \n            <div class=\"nwjfx-twin-video-wrap\">\n                <div class=\"nwjfx-twin-ratio\">\n                    <iframe class=\"nwjfx-twin-iframe\" src=\"https:\/\/player.vimeo.com\/video\/1175286593?autoplay=1&loop=1&muted=1&controls=0&title=0&byline=0&portrait=0&dnt=1&api=1\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen><\/iframe>\n                    \n                    <button class=\"nwjfx-twin-sound\" aria-label=\"Geluid aan\/uit\">\n                        <svg class=\"icon-muted\" viewBox=\"0 0 24 24\"><path d=\"M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z\"\/><\/svg>\n                        <svg class=\"icon-unmuted\" viewBox=\"0 0 24 24\"><path d=\"M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z\"\/><\/svg>\n                    <\/button>\n                <\/div>\n            <\/div>\n            \n            <div class=\"nwjfx-twin-info\">\n                <span class=\"nwjfx-twin-cat\">Lighting & Rendering<\/span>\n                <h3>Cinematische 3D Animatie<\/h3>\n                <p>Opbouw van complexe, fotorealistische 3D omgevingen met specifieke focus op belichting en sfeer.<\/p>\n                <a href=\"https:\/\/nwjfx.nl\/index.php\/contact\/\" class=\"nwjfx-twin-btn\">\n                    Pitch Jouw 3D Visie\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n                <\/a>\n            <\/div>\n\n        <\/article>\n\n    <\/div>\n<\/div>\n\n<script>\n    document.addEventListener('DOMContentLoaded', () => {\n        \/\/ Ge\u00efsoleerde script-uitvoering\n        const twinCards = document.querySelectorAll('.nwjfx-twin-card');\n        \n        twinCards.forEach(card => {\n            const soundBtn = card.querySelector('.nwjfx-twin-sound');\n            const iframe = card.querySelector('.nwjfx-twin-iframe').contentWindow;\n            let isMuted = true;\n\n            soundBtn.addEventListener('click', () => {\n                if (isMuted) {\n                    iframe.postMessage(JSON.stringify({ method: 'setVolume', value: 1 }), '*');\n                    soundBtn.classList.add('is-active');\n                } else {\n                    iframe.postMessage(JSON.stringify({ method: 'setVolume', value: 0 }), '*');\n                    soundBtn.classList.remove('is-active');\n                }\n                isMuted = !isMuted;\n            });\n        });\n    });\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-88d7e5e e-flex e-con-boxed e-con e-parent\" data-id=\"88d7e5e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-e2485b7 e-con-full e-flex e-con e-child\" data-id=\"e2485b7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-5033933 e-con-full e-flex e-con e-child\" data-id=\"5033933\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-4e05e17 e-con-full e-flex e-con e-child\" data-id=\"4e05e17\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5434bb6 elementor-widget elementor-widget-text-editor\" data-id=\"5434bb6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>NWJFX is\u00a0 gespecialiseerd in high-end visual effects voor de muziekvideo-industrie. Ik breng de visie van artiesten en regisseurs tot leven met impactvolle beelden.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-45a5ea3 e-con-full e-flex e-con e-child\" data-id=\"45a5ea3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2ef9a05 elementor-widget elementor-widget-heading\" data-id=\"2ef9a05\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">navigatie<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ce20686 elementor-nav-menu--dropdown-none elementor-widget elementor-widget-nav-menu\" data-id=\"ce20686\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;layout&quot;:&quot;vertical&quot;,&quot;submenu_icon&quot;:{&quot;value&quot;:&quot;&lt;i class=\\&quot;fas fa-caret-down\\&quot;&gt;&lt;\\\/i&gt;&quot;,&quot;library&quot;:&quot;fa-solid&quot;}}\" data-widget_type=\"nav-menu.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<nav class=\"elementor-nav-menu--main elementor-nav-menu__container elementor-nav-menu--layout-vertical e--pointer-none\">\n\t\t\t\t<ul id=\"menu-1-ce20686\" class=\"elementor-nav-menu sm-vertical\"><li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-45\"><a href=\"https:\/\/nwjfx.nl\/\" class=\"elementor-item\">Homepagina<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-46\"><a href=\"https:\/\/nwjfx.nl\/?page_id=27\" class=\"elementor-item\">Mijn Werk<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-47\"><a href=\"https:\/\/nwjfx.nl\/?page_id=21\" class=\"elementor-item\">Over Mij<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-48\"><a href=\"https:\/\/nwjfx.nl\/?page_id=13\" class=\"elementor-item\">Contact<\/a><\/li>\n<\/ul>\t\t\t<\/nav>\n\t\t\t\t\t\t<nav class=\"elementor-nav-menu--dropdown elementor-nav-menu__container\" aria-hidden=\"true\">\n\t\t\t\t<ul id=\"menu-2-ce20686\" class=\"elementor-nav-menu sm-vertical\"><li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-45\"><a href=\"https:\/\/nwjfx.nl\/\" class=\"elementor-item\" tabindex=\"-1\">Homepagina<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-46\"><a href=\"https:\/\/nwjfx.nl\/?page_id=27\" class=\"elementor-item\" tabindex=\"-1\">Mijn Werk<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-47\"><a href=\"https:\/\/nwjfx.nl\/?page_id=21\" class=\"elementor-item\" tabindex=\"-1\">Over Mij<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-48\"><a href=\"https:\/\/nwjfx.nl\/?page_id=13\" class=\"elementor-item\" tabindex=\"-1\">Contact<\/a><\/li>\n<\/ul>\t\t\t<\/nav>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6bbeb9a e-con-full e-flex e-con e-child\" data-id=\"6bbeb9a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b835fc3 elementor-widget elementor-widget-heading\" data-id=\"b835fc3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Contact Info<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-268cb28 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"268cb28\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">contact@nwjfx.nl<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">+31 6 83361524<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-62a8269 e-con-full e-flex e-con e-child\" data-id=\"62a8269\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7e1214d elementor-widget elementor-widget-text-editor\" data-id=\"7e1214d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>\u00a9 2025 NWJFX. Alle rechten voorbehouden.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cb634f1 e-grid-align-right e-grid-align-mobile-center elementor-shape-rounded elementor-grid-0 elementor-widget elementor-widget-social-icons\" data-id=\"cb634f1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"social-icons.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-social-icons-wrapper elementor-grid\">\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-instagram elementor-animation-push elementor-repeater-item-ee5d380\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Instagram<\/span>\n\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fab fa-instagram\"><\/i>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>https:\/\/nwjfx.nl\/wp-content\/uploads\/2026\/03\/title_1-1.mp4 Expertise Music Video Production Van concept en regie tot final edit. Wij vertalen de track naar een visueel meesterwerk. 3D Visuals Custom animaties, LED-walls en stage design voor een unieke live-ervaring. VFX &#038; Compositing Green screen removal, motion tracking en digitale sets voor onbegrensde creativiteit. Social Snippets Korte, high-impact edits geoptimaliseerd voor TikTok en [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-27","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nwjfx.nl\/index.php?rest_route=\/wp\/v2\/pages\/27","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nwjfx.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nwjfx.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nwjfx.nl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nwjfx.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=27"}],"version-history":[{"count":116,"href":"https:\/\/nwjfx.nl\/index.php?rest_route=\/wp\/v2\/pages\/27\/revisions"}],"predecessor-version":[{"id":755,"href":"https:\/\/nwjfx.nl\/index.php?rest_route=\/wp\/v2\/pages\/27\/revisions\/755"}],"wp:attachment":[{"href":"https:\/\/nwjfx.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=27"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}