{"id":1381,"date":"2026-08-08T13:56:22","date_gmt":"2026-08-08T13:56:22","guid":{"rendered":"https:\/\/arendvanberkel.nl\/?page_id=1381"},"modified":"2026-08-29T17:26:15","modified_gmt":"2026-08-29T17:26:15","slug":"diensten","status":"publish","type":"page","link":"https:\/\/arendvanberkel.nl\/index.php\/diensten\/","title":{"rendered":"Diensten"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1381\" class=\"elementor elementor-1381\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e78158b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"e78158b\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-88c817e\" data-id=\"88c817e\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8e87322 elementor-widget elementor-widget-html\" data-id=\"8e87322\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"sc-site sc-services sc-motion-root\" id=\"top\" data-theme=\"dark\" data-page=\"services\" data-language=\"nl\" data-page-url=\"https:\/\/arendvanberkel.nl\/index.php\/diensten\/\" data-motion=\"alternating\">\n<header class=\"sc-header sc-header-v100\" aria-label=\"Navigatie\">\n  <div class=\"sc-nav-shell\">\n    <a class=\"sc-brand\" href=\"https:\/\/arendvanberkel.nl\/\" aria-label=\"Studio Crossover homepage\">\n      <span class=\"sc-brand-full\"><img class=\"sc-brand-logo\" src=\"https:\/\/arendvanberkel.nl\/wp-content\/uploads\/2026\/08\/Studio-Crossover-PNG-02-1-scaled.png\" data-dark-src=\"https:\/\/arendvanberkel.nl\/wp-content\/uploads\/2026\/08\/Studio-Crossover-PNG-02-1-scaled.png\" data-light-src=\"https:\/\/arendvanberkel.nl\/wp-content\/uploads\/2026\/08\/Studio-Crossover-PNG-02-1-scaled.png\" alt=\"Studio Crossover\" width=\"70\" height=\"27\" decoding=\"async\" fetchpriority=\"high\"><\/span>\n    <\/a>\n    <nav class=\"sc-desktop-nav\" aria-label=\"Hoofdnavigatie\"><a href=\"https:\/\/arendvanberkel.nl\/\">Home<\/a><a class=\"is-active\" aria-current=\"page\" href=\"https:\/\/arendvanberkel.nl\/index.php\/diensten\/\">Diensten<\/a><a href=\"https:\/\/arendvanberkel.nl\/index.php\/werk\/\">Werk<\/a><a href=\"https:\/\/arendvanberkel.nl\/index.php\/over-mij\/\">Over mij<\/a><a class=\"sc-desktop-contact\" href=\"https:\/\/arendvanberkel.nl\/index.php\/contact-nl\/\">Contact<\/a><\/nav>\n    <div class=\"sc-nav-actions\" aria-label=\"Menu en weergave\">\n      <nav class=\"sc-lang-switch\" aria-label=\"Kies taal\"><a class=\"is-active\" aria-current=\"true\" href=\"https:\/\/arendvanberkel.nl\/index.php\/diensten\/\" lang=\"nl\" hreflang=\"nl\">NL<\/a><a href=\"https:\/\/arendvanberkel.nl\/index.php\/services-en\/\" lang=\"en\" hreflang=\"en\">EN<\/a><\/nav>\n      <button class=\"sc-theme-toggle\" type=\"button\" aria-label=\"Wissel naar lichte modus\" aria-pressed=\"false\"><span class=\"sc-theme-icon\" aria-hidden=\"true\">\u263e<\/span><span class=\"sc-theme-label\">Lichte modus<\/span><\/button>\n      <button class=\"sc-menu-toggle\" type=\"button\" aria-label=\"Menu openen\" aria-expanded=\"false\" aria-controls=\"sc-menu\"><span class=\"sc-menu-toggle-lines\" aria-hidden=\"true\"><i><\/i><i><\/i><\/span><\/button>\n    <\/div>\n  <\/div>\n  <div class=\"sc-menu\" id=\"sc-menu\" aria-hidden=\"true\">\n    <div class=\"sc-menu-inner\">\n      <p class=\"sc-menu-kicker\">Routekaart<\/p>\n      <nav class=\"sc-menu-links\" aria-label=\"Hoofdnavigatie\"><a href=\"https:\/\/arendvanberkel.nl\/\"><span class=\"sc-menu-index\">01<\/span><span class=\"sc-menu-label\">Home<\/span><span class=\"sc-menu-hint\">De korte route door mijn werk, stijl en blik.<\/span><\/a><a class=\"is-active\" aria-current=\"page\" href=\"https:\/\/arendvanberkel.nl\/index.php\/diensten\/\"><span class=\"sc-menu-index\">02<\/span><span class=\"sc-menu-label\">Diensten<\/span><span class=\"sc-menu-hint\">Concrete hulp met strategie, copy, social en web.<\/span><\/a><a href=\"https:\/\/arendvanberkel.nl\/index.php\/werk\/\"><span class=\"sc-menu-index\">03<\/span><span class=\"sc-menu-label\">Werk<\/span><span class=\"sc-menu-hint\">Cases waarin richting en uitvoering samenkomen.<\/span><\/a><a href=\"https:\/\/arendvanberkel.nl\/index.php\/over-mij\/\"><span class=\"sc-menu-index\">04<\/span><span class=\"sc-menu-label\">Over mij<\/span><span class=\"sc-menu-hint\">De ervaringen achter mijn manier van werken.<\/span><\/a><a href=\"https:\/\/arendvanberkel.nl\/index.php\/contact-nl\/\"><span class=\"sc-menu-index\">05<\/span><span class=\"sc-menu-label\">Contact<\/span><span class=\"sc-menu-hint\">Vertel waar het schuurt. Dan kijk ik met je mee.<\/span><\/a><\/nav>\n      <div class=\"sc-menu-bottom\"><a class=\"sc-nav-button\" href=\"https:\/\/arendvanberkel.nl\/index.php\/contact-nl\/\"><span>Start een gesprek<\/span><\/a><\/div>\n    <\/div>\n  <\/div>\n<\/header>\n\n<script id=\"scx-elementor-safe-bootstrap-v6\">\n(function(){\n  var root=(document.currentScript&&document.currentScript.closest)?document.currentScript.closest('.sc-site,.sc-about-page'):document.querySelector('.sc-site,.sc-about-page');\n  function inElementor(){\n    try{\n      var html=document.documentElement,body=document.body,url=String(window.location.href||'');\n      var frontendEdit=false;\n      try{frontendEdit=!!(window.elementorFrontend&&typeof window.elementorFrontend.isEditMode==='function'&&window.elementorFrontend.isEditMode());}catch(_e){}\n      return !!(\n        window.elementor || frontendEdit ||\n        (html&&html.classList.contains('elementor-html')) ||\n        (body&&(body.classList.contains('elementor-editor-active')||body.classList.contains('elementor-editor-preview'))) ||\n        \/(?:[?&](?:elementor-preview|action=elementor)=|elementor-editor)\/i.test(url)\n      );\n    }catch(e){return true;}\n  }\n  var editor=inElementor();\n  window.__SCX_IN_ELEMENTOR__=editor;\n  if(root) root.classList.toggle('scx-elementor-safe',editor);\n  if(editor) return;\n  function mark(){if(document.body)document.body.classList.add('scx-frontend-safe');}\n  mark();\n  if(!document.body)document.addEventListener('DOMContentLoaded',mark,{once:true});\n})();\n<\/script>\n<style id=\"scx-v6-elementor-canvas-safety\">\n\/* De editor krijgt een statische, zichtbare versie van de pagina. Frontend blijft ongemoeid. *\/\n:is(.sc-site,.sc-about-page).scx-elementor-safe{\n  position:relative!important;left:0!important;right:auto!important;top:auto!important;\n  width:100%!important;max-width:100%!important;min-width:0!important;\n  margin-left:0!important;margin-right:0!important;transform:none!important;\n  opacity:1!important;visibility:visible!important;overflow-x:hidden!important;\n}\n:is(.sc-site,.sc-about-page).scx-elementor-safe :is(main,main *,section,section *,article,.sc-inner,.container,.scx-inner,.sc-work-runway,.sc-work-runway-shell,.sc-work-stage,.sc-work-track){\n  opacity:1!important;visibility:visible!important;\n}\n:is(.sc-site,.sc-about-page).scx-elementor-safe .sc-work-track{position:relative!important;inset:auto!important;height:auto!important;display:grid!important;gap:18px!important;}\n:is(.sc-site,.sc-about-page).scx-elementor-safe .sc-work-stage{height:auto!important;min-height:0!important;}\n:is(.sc-site,.sc-about-page).scx-elementor-safe .sc-work-case{position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:auto!important;min-height:260px!important;margin:0!important;transform:none!important;filter:none!important;clip-path:none!important;opacity:1!important;pointer-events:auto!important;}\n\n:is(.sc-site,.sc-about-page).scx-elementor-safe :is(\n  .sc-reveal,.scx-reveal,.sc-motion-reveal,.sc-motion-item,.sc-v73-item,.sc-v76-reveal,.sc-v76-item,\n  [class*=\"reveal\"],[data-sc-reveal],[data-motion-reveal]\n){\n  opacity:1!important;visibility:visible!important;filter:none!important;clip-path:none!important;\n  animation:none!important;transition:none!important;\n}\n:is(.sc-site,.sc-about-page).scx-elementor-safe .sc-header,\n:is(.sc-site,.sc-about-page).scx-elementor-safe [class*=\"header-v\"]{\n  position:relative!important;top:auto!important;left:auto!important;right:auto!important;transform:none!important;\n}\n:is(.sc-site,.sc-about-page).scx-elementor-safe :is(.sc-menu,.scx-menu,[class*=\"achievement-toast\"],.scx-v5-achievement,.sc-end-achievement){display:none!important}\n:is(.sc-site,.sc-about-page).scx-elementor-safe .sc-work-case{transition:none!important}\n:is(.sc-site,.sc-about-page).scx-elementor-safe .sc-progress{display:none!important}\n<\/style>\n\n\n<div class=\"page\" id=\"scx-legacy-top-1\">\n<style>\n    :root {\n      --bg: #070A12;\n      --bg-soft: #0B1020;\n      --panel: rgba(17, 24, 43, 0.82);\n      --panel-2: rgba(21, 29, 52, 0.76);\n      --text: #F8F7FF;\n      --muted: #D6D9E6;\n      --soft: #AEB6CC;\n      --accent: #C4A7FF;\n      --accent-2: #9B6BFF;\n      --accent-3: #5460F9;\n      --pink: #DB3E8D;\n      --border: rgba(196, 167, 255, 0.16);\n      --border-strong: rgba(196, 167, 255, 0.34);\n      --shadow: rgba(0, 0, 0, 0.30);\n      --radius-xl: 32px;\n      --radius-lg: 24px;\n      --radius-md: 18px;\n      --radius-sm: 14px;\n      --max: 1180px;\n    }\n\n    * { box-sizing: border-box; }\n    html { scroll-behavior: smooth; }\n    body {\n      margin: 0;\n      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n      color: var(--text);\n      background:\n        radial-gradient(circle at 18% 24%, rgba(196,167,255,0.16), transparent 32%),\n        radial-gradient(circle at 84% 14%, rgba(84,96,249,0.16), transparent 26%),\n        radial-gradient(circle at 78% 82%, rgba(219,62,141,0.09), transparent 24%),\n        linear-gradient(180deg, var(--bg-soft) 0%, var(--bg) 42%, var(--bg-soft) 100%);\n      min-height: 100vh;\n    }\n\n    body[data-theme=\"light\"] {\n      --bg: #f2f4ff;\n      --bg-soft: #ffffff;\n      --panel: rgba(255, 255, 255, 0.88);\n      --panel-2: rgba(247, 248, 255, 0.92);\n      --text: #10162b;\n      --muted: #46506f;\n      --soft: #6f7a99;\n      --border: rgba(84,96,249,0.12);\n      --border-strong: rgba(84,96,249,0.22);\n      --shadow: rgba(38, 50, 94, 0.12);\n      background:\n        radial-gradient(circle at 18% 24%, rgba(196,167,255,0.24), transparent 32%),\n        radial-gradient(circle at 84% 14%, rgba(84,96,249,0.14), transparent 26%),\n        radial-gradient(circle at 78% 82%, rgba(219,62,141,0.10), transparent 24%),\n        linear-gradient(180deg, #fcfcff 0%, #eef1ff 42%, #fbfcff 100%);\n    }\n\n    body.is-locked {\n      overflow: hidden;\n    }\n\n    a { color: inherit; }\n    img { max-width: 100%; display: block; }\n    button { font: inherit; }\n\n    .page {\n      width: 100%;\n      overflow-x: clip;\n      position: relative;\n    }\n\n    .page::before {\n      content: \"\";\n      position: fixed;\n      inset: 0;\n      pointer-events: none;\n      background-image:\n        linear-gradient(rgba(255,255,255,0.02) 1px, transparent 1px),\n        linear-gradient(90deg, rgba(255,255,255,0.02) 1px, transparent 1px);\n      background-size: 44px 44px;\n      mask-image: radial-gradient(circle at center, rgba(0,0,0,0.82), transparent 78%);\n      opacity: 0.16;\n    }\n\n    .scroll-progress {\n      position: fixed;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 3px;\n      transform: scaleX(0);\n      transform-origin: left;\n      background: linear-gradient(90deg, var(--accent), var(--accent-3), var(--pink));\n      z-index: 60;\n    }\n\n    .container {\n      width: min(var(--max), calc(100% - 40px));\n      margin: 0 auto;\n      position: relative;\n      z-index: 2;\n    }\n\n    .topbar {\n      position: sticky;\n      top: 0;\n      z-index: 50;\n      pointer-events: none;\n      padding-top: 16px;\n    }\n\n    .topbar::before {\n      content: \"\";\n      position: absolute;\n      inset: 0 0 auto;\n      height: 110px;\n      background: linear-gradient(180deg, rgba(7,10,18,0.76), rgba(7,10,18,0.16));\n      backdrop-filter: blur(10px);\n      -webkit-backdrop-filter: blur(10px);\n      pointer-events: none;\n    }\n\n    body[data-theme=\"light\"] .topbar::before {\n      background: linear-gradient(180deg, rgba(255,255,255,0.9), rgba(255,255,255,0.35));\n    }\n\n    .nav-shell {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 18px;\n      pointer-events: auto;\n    }\n\n    .brand {\n      display: inline-flex;\n      align-items: center;\n      gap: 14px;\n      text-decoration: none;\n      filter: drop-shadow(0 12px 26px rgba(0,0,0,0.22));\n      min-width: 0;\n      position: relative;\n      z-index: 61;\n    }\n\n    .brand img {\n      width: 78px;\n      height: 78px;\n      object-fit: contain;\n      flex: none;\n    }\n\n    .brand-copy {\n      display: grid;\n      gap: 4px;\n      min-width: 0;\n    }\n\n    .brand-copy strong {\n      font-size: clamp(1.18rem, 1.4vw, 1.5rem);\n      line-height: 1;\n      letter-spacing: -0.04em;\n      font-weight: 900;\n    }\n\n    .brand-copy small {\n      font-size: 0.72rem;\n      line-height: 1.1;\n      color: var(--muted);\n      font-weight: 800;\n      letter-spacing: 0.08em;\n      text-transform: uppercase;\n      white-space: nowrap;\n    }\n\n    .nav-actions {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      position: relative;\n      z-index: 61;\n    }\n\n    .theme-toggle,\n    .mobile-toggle,\n    .nav-button {\n      min-height: 46px;\n      border-radius: 999px;\n      border: 1px solid rgba(255,255,255,0.10);\n      background: rgba(10, 14, 28, 0.34);\n      color: var(--text);\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      cursor: pointer;\n      transition: transform .18s ease, background .18s ease, border-color .18s ease;\n      text-decoration: none;\n      white-space: nowrap;\n      backdrop-filter: blur(10px);\n      -webkit-backdrop-filter: blur(10px);\n    }\n\n    body[data-theme=\"light\"] .theme-toggle,\n    body[data-theme=\"light\"] .mobile-toggle,\n    body[data-theme=\"light\"] .nav-button {\n      background: rgba(255,255,255,0.75);\n      border-color: rgba(84,96,249,0.12);\n    }\n\n    .theme-toggle {\n      padding: 0 16px;\n      font-size: 0.84rem;\n      font-weight: 700;\n      gap: 8px;\n    }\n\n    .theme-toggle::before {\n      content: \"\u263e\";\n      font-size: 0.95rem;\n      line-height: 1;\n      opacity: 0.9;\n    }\n\n    body[data-theme=\"light\"] .theme-toggle::before {\n      content: \"\u2600\";\n    }\n\n    .theme-toggle:hover,\n    .mobile-toggle:hover,\n    .nav-button:hover {\n      transform: translateY(-1px);\n      background: rgba(255,255,255,0.09);\n    }\n\n    body[data-theme=\"light\"] .theme-toggle:hover,\n    body[data-theme=\"light\"] .mobile-toggle:hover,\n    body[data-theme=\"light\"] .nav-button:hover {\n      background: rgba(255,255,255,0.96);\n    }\n\n    .mobile-toggle {\n      position: relative;\n      width: 52px;\n      min-width: 52px;\n      padding: 0;\n    }\n\n    .mobile-toggle .mobile-toggle-bar,\n    .mobile-toggle::before,\n    .mobile-toggle::after {\n      content: \"\";\n      position: absolute;\n      width: 18px;\n      height: 2px;\n      border-radius: 999px;\n      background: currentColor;\n      transition: transform .18s ease, opacity .18s ease;\n    }\n\n    .mobile-toggle::before { transform: translateY(-6px); }\n    .mobile-toggle::after { transform: translateY(6px); }\n    .page.menu-open .mobile-toggle .mobile-toggle-bar { opacity: 0; }\n    .page.menu-open .mobile-toggle::before { transform: translateY(0) rotate(45deg); }\n    .page.menu-open .mobile-toggle::after { transform: translateY(0) rotate(-45deg); }\n\n    .nav-panel {\n      position: fixed;\n      inset: 0;\n      z-index: 55;\n      background:\n        radial-gradient(circle at 32% 40%, rgba(196,167,255,0.18), transparent 26%),\n        radial-gradient(circle at 68% 22%, rgba(84,96,249,0.16), transparent 24%),\n        linear-gradient(180deg, rgba(7,10,18,0.98), rgba(7,10,18,0.98));\n      backdrop-filter: blur(16px);\n      -webkit-backdrop-filter: blur(16px);\n      overflow: auto;\n      padding: 110px 0 48px;\n    }\n\n    body[data-theme=\"light\"] .nav-panel {\n      background:\n        radial-gradient(circle at 32% 40%, rgba(196,167,255,0.22), transparent 26%),\n        radial-gradient(circle at 68% 22%, rgba(84,96,249,0.14), transparent 24%),\n        linear-gradient(180deg, rgba(252,252,255,0.98), rgba(242,244,255,0.98));\n    }\n\n    .nav-panel[hidden] { display: none !important; }\n\n    .nav-panel-inner {\n      width: min(1040px, calc(100% - 40px));\n      margin: 0 auto;\n      min-height: calc(100vh - 158px);\n      display: flex;\n      flex-direction: column;\n      position: relative;\n    }\n\n    .nav-kicker {\n      margin: 0 0 8px;\n      font-size: 0.72rem;\n      text-transform: uppercase;\n      letter-spacing: 0.12em;\n      color: var(--accent);\n      font-weight: 800;\n    }\n\n    .nav-links {\n      display: grid;\n      gap: 0;\n      margin-top: 16px;\n    }\n\n    .nav-links a {\n      display: grid;\n      grid-template-columns: 56px minmax(0, 1fr) minmax(160px, 220px);\n      align-items: center;\n      gap: 18px;\n      padding: 16px 0;\n      text-decoration: none;\n      border-top: 1px solid rgba(255,255,255,0.08);\n      color: var(--text);\n      transition: color .18s ease, transform .18s ease;\n    }\n\n    .nav-links a:last-child { border-bottom: 1px solid rgba(255,255,255,0.08); }\n\n    body[data-theme=\"light\"] .nav-links a {\n      border-color: rgba(84,96,249,0.12);\n    }\n\n    .nav-links a:hover,\n    .nav-links a:focus-visible,\n    .nav-links a.is-active,\n    .nav-links a[aria-current=\"page\"] {\n      color: var(--accent);\n      transform: translateX(6px);\n      outline: none;\n    }\n\n    .nav-links a.is-active .nav-label,\n    .nav-links a[aria-current=\"page\"] .nav-label { color: var(--accent); }\n\n\n    .nav-links a[aria-current=\"page\"] .nav-index,\n    .nav-links a[aria-current=\"page\"] .nav-hint {\n      color: var(--accent);\n    }\n\n    .nav-index {\n      font-size: 0.75rem;\n      font-weight: 800;\n      color: var(--soft);\n      letter-spacing: 0.08em;\n    }\n\n    .nav-label {\n      font-size: clamp(2.55rem, 4.5vw, 4.15rem);\n      line-height: 0.96;\n      letter-spacing: -0.06em;\n      font-weight: 800;\n      color: var(--text);\n    }\n\n    .nav-hint {\n      justify-self: end;\n      text-align: right;\n      font-size: 0.84rem;\n      color: var(--muted);\n      font-weight: 600;\n      max-width: 24ch;\n      opacity: 0;\n      transform: translate3d(0, 8px, 0);\n      transition: opacity .22s ease, transform .22s ease, color .22s ease;\n    }\n\n    .nav-links a:hover .nav-hint,\n    .nav-links a:focus-visible .nav-hint {\n      opacity: 1;\n      transform: translate3d(0, 0, 0);\n      color: var(--text);\n    }\n\n    .nav-tools {\n      margin-top: auto;\n      padding-top: 28px;\n      display: flex;\n      gap: 12px;\n      align-items: center;\n      flex-wrap: wrap;\n      position: relative;\n      z-index: 1;\n    }\n\n    .nav-button {\n      padding: 0 18px;\n      background: linear-gradient(135deg, var(--accent-2), var(--accent-3));\n      border-color: transparent;\n      color: #fff;\n      font-size: 0.84rem;\n      font-weight: 800;\n      box-shadow: 0 12px 30px rgba(84,96,249,0.22);\n    }\n\n    .nav-button span::after { content: \" \u2192\"; }\n\n    .nav-wordmark {\n      position: absolute;\n      left: -8px;\n      bottom: -10px;\n      display: grid;\n      gap: 10px;\n      pointer-events: none;\n      user-select: none;\n    }\n\n    .nav-wordmark strong {\n      display: block;\n      font-size: clamp(3rem, 8vw, 6.2rem);\n      line-height: 0.86;\n      letter-spacing: -0.065em;\n      font-weight: 950;\n      color: rgba(255,255,255,0.065);\n    }\n\n    .nav-wordmark span {\n      display: block;\n      max-width: 36ch;\n      color: rgba(196,167,255,0.38);\n      font-size: clamp(0.9rem, 1.15vw, 1.1rem);\n      line-height: 1.3;\n      font-weight: 800;\n      letter-spacing: 0.08em;\n      text-transform: uppercase;\n    }\n\n    body[data-theme=\"light\"] .nav-wordmark strong {\n      color: rgba(16,22,43,0.08);\n    }\n\n    body[data-theme=\"light\"] .nav-wordmark span {\n      color: rgba(94,69,216,0.44);\n    }\n\n    .theme-toggle-top {\n      display: inline-flex;\n    }\n\n    .hero {\n      padding: clamp(56px, 8vw, 88px) 0 32px;\n    }\n\n    .hero-grid {\n      display: grid;\n      grid-template-columns: minmax(0, 1.2fr) minmax(300px, 0.8fr);\n      gap: clamp(32px, 4vw, 62px);\n      align-items: center;\n      min-height: min(760px, calc(100vh - 132px));\n    }\n\n    .eyebrow {\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      font-size: 0.82rem;\n      line-height: 1;\n      letter-spacing: 0.08em;\n      text-transform: uppercase;\n      color: var(--muted);\n      margin-bottom: 22px;\n    }\n\n    .eyebrow::before {\n      content: \"\";\n      width: 28px;\n      height: 1px;\n      background: linear-gradient(90deg, var(--accent), transparent);\n    }\n\n    .hero h1,\n    .section-head h2,\n    .contact-card h2 {\n      margin: 0;\n      letter-spacing: -0.06em;\n      text-wrap: balance;\n    }\n\n    .hero h1 {\n      max-width: none;\n      font-size: clamp(2.9rem, 4.8vw, 4.95rem);\n      line-height: 0.92;\n      font-weight: 900;\n      text-wrap: unset;\n    }\n\n    .hero h1 .hero-line {\n      display: block;\n      white-space: nowrap;\n    }\n\n    .hero h1 .accent { color: var(--accent); }\n\n    .hero-intro {\n      max-width: 62ch;\n      margin: 26px 0 0;\n      font-size: clamp(1rem, 1.5vw, 1.12rem);\n      line-height: 1.78;\n      color: var(--muted);\n    }\n\n    .hero-actions,\n    .contact-actions {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 14px;\n      margin-top: 32px;\n    }\n\n    .button,\n    .ghost-button,\n    .service-link {\n      min-height: 52px;\n      padding: 0 20px;\n      border-radius: 999px;\n      border: 1px solid transparent;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 10px;\n      text-decoration: none;\n      font-weight: 700;\n      transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;\n    }\n\n    .button {\n      color: #fff;\n      background: linear-gradient(135deg, var(--accent-2), var(--accent-3));\n      box-shadow: 0 18px 42px rgba(84,96,249,0.24);\n    }\n\n    .ghost-button,\n    .service-link {\n      color: var(--text);\n      border-color: rgba(255,255,255,0.12);\n      background: rgba(255,255,255,0.04);\n    }\n\n    .button:hover,\n    .button:focus-visible,\n    .ghost-button:hover,\n    .ghost-button:focus-visible,\n    .service-link:hover,\n    .service-link:focus-visible { transform: translateY(-2px); outline: none; }\n\n    .hero-points {\n      display: grid;\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n      gap: 14px;\n      margin-top: 34px;\n    }\n\n    .hero-points article,\n    .work-card,\n    .check-card,\n    .price-card,\n    .process-card,\n    .contact-card {\n      border: 1px solid rgba(255,255,255,0.09);\n      background: linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.03));\n      box-shadow: 0 24px 70px var(--shadow);\n    }\n\n    .hero-points article {\n      padding: 16px 16px 18px;\n      border-radius: 20px;\n      min-height: 122px;\n    }\n\n    .hero-points span,\n    .service-kicker,\n    .work-tag,\n    .service-side-card strong,\n    .check-card .number,\n    .price-card .number,\n    .process-card .number {\n      color: var(--accent);\n    }\n\n    .hero-points span {\n      font-size: 0.72rem;\n      letter-spacing: 0.08em;\n      text-transform: uppercase;\n      font-weight: 700;\n    }\n\n    .hero-points strong {\n      display: block;\n      margin-top: 12px;\n      font-size: 1.05rem;\n      line-height: 1.25;\n    }\n\n    .hero-points p {\n      margin: 8px 0 0;\n      color: var(--soft);\n      font-size: 0.94rem;\n      line-height: 1.55;\n    }\n\n    .hero-media {\n      display: grid;\n      gap: 16px;\n    }\n\n    .device-card {\n      position: relative;\n      border-radius: 38px;\n      padding: 16px;\n      background: linear-gradient(180deg, rgba(255,255,255,0.07), rgba(255,255,255,0.025));\n      border: 1px solid rgba(255,255,255,0.10);\n      box-shadow: 0 28px 74px rgba(0,0,0,0.38);\n      overflow: hidden;\n    }\n\n    .device-screen,\n    .work-visual {\n      position: relative;\n      overflow: hidden;\n      background: #05070d;\n      border: 1px solid rgba(255,255,255,0.08);\n    }\n\n    .device-screen {\n      aspect-ratio: 16 \/ 9;\n      border-radius: 24px;\n    }\n\n    .device-screen video,\n    .work-visual video,\n    .work-visual img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      display: block;\n    }\n\n    .device-caption {\n      margin-top: 14px;\n      padding: 14px 16px;\n      border-radius: 18px;\n      background: rgba(255,255,255,0.04);\n      border: 1px solid rgba(255,255,255,0.08);\n    }\n\n    .device-caption span {\n      display: block;\n      font-size: 0.72rem;\n      letter-spacing: 0.08em;\n      text-transform: uppercase;\n      color: var(--accent);\n      margin-bottom: 8px;\n      font-weight: 800;\n    }\n\n    .device-caption strong {\n      display: block;\n      font-size: 1rem;\n      line-height: 1.3;\n    }\n\n    .hero-media-meta {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 12px;\n      align-items: center;\n      justify-content: space-between;\n    }\n\n    .hero-media-meta p {\n      margin: 0;\n      flex: 1 1 280px;\n      color: var(--muted);\n      font-size: 0.96rem;\n      line-height: 1.65;\n    }\n\n    .motion-toggle {\n      min-height: 44px;\n      padding: 0 16px;\n      border-radius: 999px;\n      border: 1px solid rgba(255,255,255,0.12);\n      color: var(--text);\n      background: rgba(255,255,255,0.04);\n      cursor: pointer;\n      font-weight: 600;\n    }\n\n    .section { padding: 100px 0; }\n\n    .section-head {\n      max-width: 760px;\n      margin-bottom: 32px;\n    }\n\n    .section-head h2,\n    .contact-card h2 {\n      font-size: clamp(2.2rem, 4.3vw, 4.1rem);\n      line-height: 0.98;\n      font-weight: 900;\n    }\n\n    .section-head p,\n    .work-card p,\n    .service-main p,\n    .service-side p,\n    .price-card p,\n    .check-card p,\n    .process-card p,\n    .contact-card p {\n      margin: 18px 0 0;\n      font-size: 1.05rem;\n      line-height: 1.75;\n      color: var(--muted);\n      max-width: 62ch;\n    }\n\n    .work-grid {\n      display: grid;\n      grid-template-columns: minmax(260px, 0.9fr) minmax(0, 1.1fr);\n      gap: 18px;\n      align-items: start;\n    }\n\n    .work-card.social-card {\n      grid-row: 1 \/ span 2;\n    }\n\n    .work-card.wide-card {\n      min-width: 0;\n    }\n\n    .work-card {\n      padding: 18px;\n      border-radius: 26px;\n      display: grid;\n      gap: 16px;\n    }\n\n    .work-visual {\n      border-radius: 18px;\n      min-height: 280px;\n      aspect-ratio: 1 \/ 1;\n    }\n\n    .work-visual.is-wide {\n      aspect-ratio: 16 \/ 9;\n      min-height: 0;\n    }\n\n    .work-tag {\n      position: absolute;\n      left: 14px;\n      top: 14px;\n      min-height: 34px;\n      padding: 0 12px;\n      border-radius: 999px;\n      display: inline-flex;\n      align-items: center;\n      background: rgba(7,10,18,0.74);\n      border: 1px solid rgba(255,255,255,0.12);\n      font-size: 0.74rem;\n      letter-spacing: 0.06em;\n      text-transform: uppercase;\n      font-weight: 800;\n      backdrop-filter: blur(12px);\n      -webkit-backdrop-filter: blur(12px);\n    }\n\n    .work-card h3,\n    .service-main h3,\n    .price-card h3,\n    .check-card h3,\n    .process-card h3 {\n      margin: 0;\n      font-size: clamp(1.4rem, 2vw, 1.75rem);\n      line-height: 1.1;\n      letter-spacing: -0.03em;\n    }\n\n    .services-stack {\n      display: grid;\n      gap: 20px;\n    }\n\n    .service-panel {\n      display: grid;\n      grid-template-columns: minmax(0, 1.12fr) minmax(280px, 0.88fr);\n      gap: 30px;\n      padding: clamp(24px, 3vw, 34px);\n      border-radius: 30px;\n      border: 1px solid rgba(255,255,255,0.09);\n      background: linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.025));\n      box-shadow: 0 24px 70px var(--shadow);\n      align-items: start;\n    }\n\n    .service-kicker {\n      display: inline-flex;\n      align-items: center;\n      min-height: 32px;\n      padding: 0 12px;\n      border-radius: 999px;\n      background: rgba(196,167,255,0.10);\n      font-size: 0.76rem;\n      letter-spacing: 0.08em;\n      text-transform: uppercase;\n      font-weight: 700;\n      margin-bottom: 14px;\n    }\n\n    .service-list,\n    .price-list { list-style: none; padding: 0; margin: 18px 0 0; display: grid; gap: 10px; }\n\n    .service-list li,\n    .price-list li {\n      position: relative;\n      padding-left: 18px;\n      color: var(--muted);\n      line-height: 1.6;\n    }\n\n    .service-list li::before,\n    .price-list li::before {\n      content: \"\";\n      position: absolute;\n      left: 0;\n      top: 11px;\n      width: 8px;\n      height: 8px;\n      border-radius: 50%;\n      background: linear-gradient(135deg, var(--accent), var(--accent-3));\n      box-shadow: 0 0 0 4px rgba(196,167,255,0.10);\n    }\n\n    .service-side { display: grid; gap: 18px; }\n\n    .service-side-card {\n      padding: 18px;\n      border-radius: 20px;\n      background: rgba(255,255,255,0.035);\n      border: 1px solid rgba(255,255,255,0.08);\n    }\n\n    .service-side-card strong {\n      display: block;\n      font-size: 0.78rem;\n      letter-spacing: 0.08em;\n      text-transform: uppercase;\n      margin-bottom: 12px;\n    }\n\n    .service-side-card .price {\n      font-size: 2rem;\n      font-weight: 900;\n      line-height: 1;\n      margin-bottom: 10px;\n      color: var(--text);\n    }\n\n    .check-grid,\n    .price-grid,\n    .process-grid,\n    .contact-card { display: grid; gap: 18px; }\n\n    .check-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n\n    .check-card,\n    .price-card,\n    .process-card,\n    .contact-card { padding: 24px; border-radius: 26px; }\n\n    .check-card .number,\n    .price-card .number,\n    .process-card .number {\n      width: 38px;\n      height: 38px;\n      border-radius: 50%;\n      display: grid;\n      place-items: center;\n      margin-bottom: 18px;\n      background: rgba(196,167,255,0.10);\n      border: 1px solid rgba(196,167,255,0.20);\n      font-size: 0.82rem;\n      font-weight: 800;\n    }\n\n    .check-card strong,\n    .price-card strong {\n      display: block;\n      margin-top: 16px;\n      font-size: 1.45rem;\n      line-height: 1.1;\n      letter-spacing: -0.03em;\n    }\n\n    .price-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); align-items: stretch; }\n    .price-card { display: grid; align-content: start; gap: 10px; }\n\n    .addons {\n      margin-top: 18px;\n      padding: 24px;\n      border-radius: 26px;\n      border: 1px solid rgba(255,255,255,0.09);\n      background: linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.03));\n      display: grid;\n      grid-template-columns: 1fr auto;\n      gap: 18px;\n      align-items: center;\n      box-shadow: 0 24px 70px var(--shadow);\n    }\n\n    .addons strong { display: block; margin-bottom: 10px; font-size: 1.1rem; }\n    .addons p { margin: 0; color: var(--muted); line-height: 1.7; max-width: 58ch; }\n    .addons .meta { color: var(--accent); font-weight: 700; text-align: right; line-height: 1.6; }\n\n    .process-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }\n\n    .contact-card {\n      grid-template-columns: minmax(0, 1fr) auto;\n      align-items: center;\n      gap: 24px;\n    }\n\n    .contact-actions { justify-content: flex-end; }\n\n    .footer {\n      padding: 28px 0 54px;\n      color: var(--soft);\n      font-size: 0.92rem;\n    }\n\n    .footer-inner {\n      border-top: 1px solid rgba(255,255,255,0.08);\n      padding-top: 24px;\n      display: flex;\n      flex-wrap: wrap;\n      gap: 14px 24px;\n      align-items: center;\n      justify-content: space-between;\n    }\n\n    .footer-links { display: flex; gap: 14px; flex-wrap: wrap; }\n\n    .visually-hidden {\n      position: absolute !important;\n      width: 1px;\n      height: 1px;\n      padding: 0;\n      margin: -1px;\n      overflow: hidden;\n      clip: rect(0, 0, 0, 0);\n      white-space: nowrap;\n      border: 0;\n    }\n\n    a:focus-visible,\n    button:focus-visible {\n      outline: 2px solid var(--accent);\n      outline-offset: 3px;\n    }\n\n    @media (max-width: 1120px) {\n      .hero-grid,\n      .service-panel { grid-template-columns: 1fr; }\n      .hero h1 { max-width: 13ch; }\n      .price-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n      .process-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n      .contact-card { grid-template-columns: 1fr; }\n      .contact-actions { justify-content: flex-start; }\n    }\n\n    \n    \/* Hero redesign *\/\n    .hero {\n      padding: clamp(22px, 3vw, 34px) 0 clamp(98px, 11vw, 138px);\n      min-height: calc(100vh - 88px);\n    }\n\n    .hero-shell {\n      position: relative;\n      width: min(1540px, calc(100% - 40px));\n      margin: 0 auto;\n      min-height: min(860px, calc(100vh - 104px));\n      padding: clamp(26px, 4vw, 46px) clamp(30px, 4vw, 48px) clamp(34px, 4vw, 52px);\n      border-radius: 38px;\n      overflow: hidden;\n      isolation: isolate;\n      background:\n        radial-gradient(circle at 20% 18%, rgba(196,167,255,0.10), transparent 26%),\n        radial-gradient(circle at 82% 16%, rgba(84,96,249,0.12), transparent 24%),\n        linear-gradient(180deg, rgba(255,255,255,0.035), rgba(255,255,255,0.01));\n      border: 1px solid rgba(255,255,255,0.06);\n      box-shadow: 0 28px 84px rgba(0,0,0,0.28);\n    }\n\n    .hero-shell::before {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      background-image:\n        linear-gradient(rgba(255,255,255,0.022) 1px, transparent 1px),\n        linear-gradient(90deg, rgba(255,255,255,0.022) 1px, transparent 1px);\n      background-size: 42px 42px;\n      opacity: 0.24;\n      mask-image: radial-gradient(circle at center, rgba(0,0,0,0.82), transparent 88%);\n      pointer-events: none;\n      z-index: 0;\n    }\n\n    body[data-theme=\"light\"] .hero-shell {\n      background:\n        radial-gradient(circle at 20% 18%, rgba(196,167,255,0.20), transparent 28%),\n        radial-gradient(circle at 82% 16%, rgba(84,96,249,0.12), transparent 24%),\n        linear-gradient(180deg, rgba(255,255,255,0.88), rgba(247,248,255,0.94));\n      border-color: rgba(84,96,249,0.10);\n      box-shadow: 0 24px 70px rgba(38,50,94,0.12);\n    }\n\n    .hero-stage {\n      position: relative;\n      z-index: 1;\n      display: grid;\n      grid-template-columns: minmax(0, 1.05fr) minmax(420px, 0.95fr);\n      gap: clamp(34px, 4vw, 68px);\n      align-items: center;\n      min-height: min(700px, calc(100vh - 210px));\n    }\n\n    .hero-copy {\n      max-width: 760px;\n      padding: clamp(30px, 6vh, 86px) 0 0;\n      position: relative;\n      z-index: 2;\n    }\n\n    .eyebrow {\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      font-size: 0.82rem;\n      line-height: 1;\n      letter-spacing: 0.08em;\n      text-transform: uppercase;\n      color: var(--muted);\n      margin-bottom: 20px;\n    }\n\n    .eyebrow::before {\n      content: \"\";\n      width: 28px;\n      height: 1px;\n      background: linear-gradient(90deg, var(--accent), transparent);\n    }\n\n    .hero h1,\n    .section-head h2,\n    .contact-card h2 {\n      margin: 0;\n      letter-spacing: -0.068em;\n    }\n\n    .hero h1 {\n      font-size: clamp(4.7rem, 7.4vw, 8rem);\n      line-height: 0.9;\n      max-width: 9.6ch;\n      text-wrap: unset;\n    }\n\n    .hero h1 .hero-line {\n      display: block;\n      white-space: nowrap;\n    }\n\n    .hero h1 .accent { color: var(--accent); }\n\n    .hero-intro {\n      max-width: 53ch;\n      margin: 26px 0 0;\n      font-size: clamp(1.06rem, 1.28vw, 1.18rem);\n      line-height: 1.82;\n      color: var(--muted);\n    }\n\n    .hero-actions,\n    .contact-actions {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 14px;\n      margin-top: 32px;\n    }\n\n    .button,\n    .ghost-button,\n    .service-link {\n      min-height: 56px;\n      padding: 0 22px;\n      border-radius: 999px;\n      border: 1px solid transparent;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 10px;\n      text-decoration: none;\n      font-weight: 700;\n      transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;\n    }\n\n    .button {\n      color: #fff;\n      background: linear-gradient(135deg, var(--accent-2), var(--accent-3));\n      box-shadow: 0 18px 42px rgba(84,96,249,0.24);\n    }\n\n    .ghost-button,\n    .service-link {\n      color: var(--text);\n      border-color: rgba(255,255,255,0.12);\n      background: rgba(255,255,255,0.04);\n    }\n\n    .button:hover,\n    .button:focus-visible,\n    .ghost-button:hover,\n    .ghost-button:focus-visible,\n    .service-link:hover,\n    .service-link:focus-visible {\n      transform: translateY(-2px);\n    }\n\n    .hero-meta {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 12px;\n      margin-top: 30px;\n    }\n\n    .hero-chip {\n      display: inline-flex;\n      align-items: center;\n      min-height: 42px;\n      padding: 0 14px;\n      border-radius: 999px;\n      border: 1px solid rgba(255,255,255,0.08);\n      background: rgba(255,255,255,0.035);\n      color: var(--soft);\n      font-size: 0.92rem;\n      font-weight: 600;\n    }\n\n    .hero-showcase {\n      display: grid;\n      gap: 18px;\n      align-self: center;\n      width: min(100%, 640px);\n      justify-self: end;\n    }\n\n    .device-card {\n      position: relative;\n      padding: 18px;\n      border-radius: 34px;\n      background: linear-gradient(180deg, rgba(255,255,255,0.07), rgba(255,255,255,0.025));\n      border: 1px solid rgba(255,255,255,0.10);\n      box-shadow: 0 28px 74px rgba(0,0,0,0.34);\n      overflow: hidden;\n    }\n\n    .device-card::before {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      background: radial-gradient(circle at 84% 14%, rgba(196,167,255,0.14), transparent 22%);\n      pointer-events: none;\n    }\n\n    .device-screen,\n    .work-visual {\n      position: relative;\n      overflow: hidden;\n      background: #05070d;\n      border: 1px solid rgba(255,255,255,0.08);\n    }\n\n    .device-screen {\n      aspect-ratio: 16 \/ 9;\n      min-height: 360px;\n      border-radius: 24px;\n    }\n\n    .device-screen video,\n    .work-visual video,\n    .work-visual img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      display: block;\n    }\n\n    .device-caption {\n      margin-top: 14px;\n      padding: 14px 16px;\n      border-radius: 18px;\n      background: rgba(255,255,255,0.04);\n      border: 1px solid rgba(255,255,255,0.08);\n    }\n\n    .device-caption span {\n      display: block;\n      margin-bottom: 8px;\n      font-size: 0.72rem;\n      letter-spacing: 0.08em;\n      text-transform: uppercase;\n      font-weight: 800;\n      color: var(--accent);\n    }\n\n    .device-caption strong {\n      display: block;\n      font-size: 1rem;\n      line-height: 1.48;\n    }\n\n    .hero-media-meta {\n      display: flex;\n      align-items: flex-start;\n      justify-content: space-between;\n      gap: 18px;\n      flex-wrap: wrap;\n    }\n\n    .hero-media-meta p {\n      margin: 0;\n      max-width: 38ch;\n      color: var(--muted);\n      font-size: 0.98rem;\n      line-height: 1.72;\n    }\n\n    .motion-toggle {\n      min-height: 46px;\n      padding: 0 16px;\n      border-radius: 999px;\n      border: 1px solid rgba(255,255,255,0.12);\n      background: rgba(255,255,255,0.04);\n      color: var(--text);\n      font-weight: 700;\n      cursor: pointer;\n      flex: none;\n    }\n\n    .hero-summary {\n      margin-top: clamp(28px, 4vw, 42px);\n      padding-top: 18px;\n      border-top: 1px solid rgba(255,255,255,0.08);\n      display: grid;\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n      gap: 18px;\n    }\n\n    .hero-summary-item {\n      display: grid;\n      gap: 6px;\n    }\n\n    .hero-summary-item span {\n      font-size: 0.75rem;\n      letter-spacing: 0.08em;\n      text-transform: uppercase;\n      color: var(--accent);\n      font-weight: 800;\n    }\n\n    .hero-summary-item strong {\n      font-size: 1rem;\n      line-height: 1.35;\n    }\n\n    .hero-summary-item p {\n      margin: 0;\n      color: var(--soft);\n      font-size: 0.94rem;\n      line-height: 1.6;\n    }\n\n    body[data-theme=\"light\"] .ghost-button,\n    body[data-theme=\"light\"] .service-link,\n    body[data-theme=\"light\"] .hero-chip,\n    body[data-theme=\"light\"] .motion-toggle,\n    body[data-theme=\"light\"] .device-caption {\n      border-color: rgba(84,96,249,0.12);\n      background: rgba(255,255,255,0.72);\n    }\n\n    body[data-theme=\"light\"] .device-card {\n      border-color: rgba(84,96,249,0.12);\n      background: linear-gradient(180deg, rgba(255,255,255,0.88), rgba(247,248,255,0.94));\n      box-shadow: 0 24px 70px rgba(38,50,94,0.12);\n    }\n\n    body[data-theme=\"light\"] .hero-chip,\n    body[data-theme=\"light\"] .hero-summary-item p {\n      color: var(--muted);\n    }\n\n    #werk.section {\n      padding-top: 186px;\n    }\n\n    \/* Hide external sticky button or floating widget *\/\n    .hide-external-sticky,\n    [data-hide-external-sticky=\"true\"] {\n      display: none !important;\n      opacity: 0 !important;\n      visibility: hidden !important;\n      pointer-events: none !important;\n    }\n\n    @media (max-width: 1220px) {\n      .hero-shell {\n        width: min(1540px, calc(100% - 26px));\n        min-height: auto;\n      }\n\n      .hero-stage {\n        grid-template-columns: 1fr;\n        min-height: auto;\n      }\n\n      .hero-copy {\n        max-width: none;\n        padding-top: 20px;\n      }\n\n      .hero h1 {\n        max-width: none;\n      }\n\n      .hero-showcase {\n        width: min(100%, 760px);\n        justify-self: start;\n      }\n\n      .hero-summary {\n        grid-template-columns: 1fr;\n      }\n    }\n@media (max-width: 960px) {\n      .container { width: min(var(--max), calc(100% - 28px)); }\n      .topbar { padding-top: 14px; }\n      .theme-toggle-top { display: none; }\n      .nav-panel { padding-top: 96px; }\n      .nav-panel-inner { width: min(1040px, calc(100% - 28px)); }\n      .nav-links a {\n        grid-template-columns: 40px minmax(0, 1fr);\n        gap: 14px;\n      }\n      .nav-hint {\n        grid-column: 2;\n        justify-self: start;\n        text-align: left;\n        max-width: none;\n        opacity: 1;\n        transform: none;\n      }\n      .hero { padding-top: 6px; }\n      .hero-shell {\n        width: min(1540px, calc(100% - 20px));\n        min-height: auto;\n        padding: 22px 18px 24px;\n      }\n      .hero-stage { min-height: auto; }\n      .hero h1 { max-width: none; }\n      .check-grid,\n      .price-grid,\n      .process-grid,\n      .work-grid { grid-template-columns: 1fr; }\n      .work-card.social-card { grid-row: auto; }\n      .addons { grid-template-columns: 1fr; }\n      .addons .meta { text-align: left; }\n      #werk.section { padding-top: 120px; }\n    }\n\n    @media (max-width: 560px) {\n      .brand img { width: 72px; height: 72px; }\n      .brand-copy strong { font-size: 1.02rem; }\n      .brand-copy small { white-space: normal; font-size: 0.64rem; }\n      .nav-label { font-size: clamp(2.4rem, 12vw, 3.2rem); }\n      .hero h1 { max-width: none; }\n      .hero h1 .hero-line { display: block; white-space: normal; }\n      .device-screen { aspect-ratio: 4 \/ 3; }\n      .work-visual.is-wide { aspect-ratio: 4 \/ 3; }\n      .button,\n      .ghost-button,\n      .service-link,\n      .nav-button,\n      .theme-toggle { width: 100%; }\n      .hero-actions,\n      .contact-actions,\n      .nav-tools { align-items: stretch; }\n      .section { padding: 78px 0; }\n      .hero-media-meta { align-items: stretch; }\n      .motion-toggle { width: 100%; }\n      .nav-wordmark strong { font-size: 3rem; }\n      .nav-wordmark span { font-size: 0.72rem; max-width: 28ch; }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      html { scroll-behavior: auto; }\n      *, *::before, *::after {\n        animation-duration: 0.01ms !important;\n        animation-iteration-count: 1 !important;\n        transition-duration: 0.01ms !important;\n      }\n    }\n  \n\/* === v15 homepage sync: WordPress cleanup, contact, footer === *\/\nhtml,\nbody {\n  margin: 0 !important;\n  background: #070A12 !important;\n}\n\nbody[data-theme=\"light\"],\nhtml.sc-page-light,\nbody.sc-page-light {\n  background: #F7F2EA !important;\n}\n\nbody > header,\n#masthead,\n.site-header,\n.main-header,\nheader.site-header,\n.elementor-location-header,\n.wp-site-blocks > header,\nheader[role=\"banner\"],\n.main-navigation,\n.navbar,\nbody > footer,\n#colophon,\n.site-footer,\n.main-footer,\nfooter.site-footer,\n.elementor-location-footer,\nfooter[role=\"contentinfo\"],\n.entry-header,\n.page-header,\n.post-header,\n.entry-title,\n.page-title,\n.wp-block-post-title,\n.site-main > header,\n.content-header,\n#page-title,\n.breadcrumb,\n.breadcrumbs,\n.rank-math-breadcrumb,\n.yoast-breadcrumb,\n.ast-page-title,\n.elementor-page-title,\n.wp-block-template-part,\n.edit-link,\n.post-edit-link,\n.entry-footer .edit-link,\na.post-edit-link,\na[href*=\"action=edit\"],\na[href*=\"post.php?post=\"],\n.elementor-edit-link,\n#wp-admin-bar-edit,\n.edit-page,\n.page-edit-link {\n  display: none !important;\n  visibility: hidden !important;\n  opacity: 0 !important;\n  pointer-events: none !important;\n}\n\nbody,\n.site,\n.site-content,\n#content,\n.content-area,\n.entry-content,\n.wp-site-blocks,\n.wp-block-post-content,\n.site-main,\nmain,\narticle,\n.hentry {\n  background: #070A12 !important;\n}\n\nbody[data-theme=\"light\"] .site,\nbody[data-theme=\"light\"] .site-content,\nbody[data-theme=\"light\"] #content,\nbody[data-theme=\"light\"] .content-area,\nbody[data-theme=\"light\"] .entry-content,\nbody[data-theme=\"light\"] .wp-block-post-content,\nbody[data-theme=\"light\"] .site-main,\nbody[data-theme=\"light\"] main,\nbody[data-theme=\"light\"] article,\nbody[data-theme=\"light\"] .hentry {\n  background: #F7F2EA !important;\n}\n\n.entry-content,\n.wp-block-post-content,\n.site-content,\n.content-area,\n.site-main,\nmain {\n  margin-top: 0 !important;\n  padding-top: 0 !important;\n}\n\n.page {\n  width: 100vw !important;\n  margin-left: calc(50% - 50vw) !important;\n  background: linear-gradient(180deg, var(--bg-soft) 0%, var(--bg) 42%, var(--bg-soft) 100%) !important;\n}\n\n.sc-label {\n  display: inline-flex;\n  align-items: center;\n  width: fit-content;\n  padding: 9px 13px;\n  margin-bottom: 18px;\n  border-radius: 999px;\n  border: 1px solid rgba(196,167,255,0.16);\n  background: rgba(196,167,255,0.10);\n  color: var(--accent);\n  font-size: 11px;\n  line-height: 1;\n  font-weight: 900;\n  letter-spacing: 0.06em;\n  text-transform: none;\n}\n\n.sc-contact {\n  overflow: visible !important;\n}\n\n.sc-contact-card {\n  border: 1px solid var(--border);\n  background: linear-gradient(180deg, var(--panel), rgba(10,14,28,0.68));\n  box-shadow: 0 22px 60px var(--shadow);\n  backdrop-filter: blur(16px);\n  -webkit-backdrop-filter: blur(16px);\n  border-radius: 34px;\n  padding: clamp(28px, 4vw, 54px);\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 34px;\n}\n\nbody[data-theme=\"light\"] .sc-contact-card {\n  background: rgba(255,255,255,0.90);\n  box-shadow: 0 20px 48px rgba(42,34,68,0.12);\n}\n\n.sc-contact-card h2 {\n  margin: 0;\n  color: var(--text);\n  font-size: clamp(36px, 4.2vw, 68px);\n  line-height: 0.98;\n  letter-spacing: -0.045em;\n}\n\n.sc-contact-shell {\n  width: 100%;\n  display: grid;\n  grid-template-columns: 1fr auto;\n  align-items: center;\n  gap: 34px;\n}\n\n.sc-contact-copy p,\n.sc-footer-crossover p {\n  color: var(--muted);\n  font-size: 16px;\n  line-height: 1.7;\n  font-weight: 650;\n}\n\n.sc-contact-side {\n  display: flex;\n  align-items: center;\n  gap: 18px;\n  flex-wrap: wrap;\n  justify-content: flex-end;\n}\n\n.sc-button,\n.sc-soft-button {\n  position: relative;\n  isolation: isolate;\n  min-height: 54px;\n  padding: 0 24px;\n  border-radius: 14px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  border: 1px solid rgba(255,255,255,0.14);\n  text-decoration: none !important;\n  color: #fff !important;\n  font-size: 14px;\n  font-weight: 900;\n  box-shadow: 0 18px 42px rgba(84,96,249,0.24);\n  background: linear-gradient(135deg, var(--accent-2), var(--accent-3));\n}\n\n.sc-soft-button {\n  color: var(--text) !important;\n  background: rgba(255,255,255,0.06);\n  box-shadow: none;\n}\n\n.sc-hover-button::before {\n  content: \"\";\n  position: absolute;\n  inset: -80px;\n  z-index: -1;\n  background: radial-gradient(circle at var(--mx, 50%) var(--my, 50%), rgba(255,255,255,0.24), transparent 30%);\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n\n.sc-hover-button:hover::before {\n  opacity: 1;\n}\n\n.sc-text-link {\n  color: var(--text) !important;\n  font-size: 14px;\n  font-weight: 900;\n  text-decoration: underline;\n  text-decoration-color: rgba(196,167,255,0.42);\n  text-underline-offset: 5px;\n}\n\n.sc-site-footer {\n  padding: 52px 0 44px;\n  margin: 0;\n  background: #060914;\n  color: var(--text);\n}\n\nbody[data-theme=\"light\"] .sc-site-footer {\n  background: #EFE9F6;\n}\n\n.sc-site-footer-inner {\n  width: min(1120px, calc(100% - 40px));\n  margin: 0 auto;\n  display: grid;\n  gap: 24px;\n}\n\n.sc-footer-main {\n  display: flex;\n  align-items: baseline;\n  gap: 10px;\n  flex-wrap: wrap;\n  color: var(--text);\n  font-size: clamp(24px, 3vw, 42px);\n  line-height: 1;\n  font-weight: 900;\n  letter-spacing: -0.04em;\n}\n\n.sc-footer-words {\n  position: relative;\n  display: inline-grid;\n  min-width: 230px;\n  color: var(--accent);\n}\n\n.sc-footer-words span {\n  grid-area: 1 \/ 1;\n  opacity: 0;\n  animation: scFooterWords 18s linear infinite;\n}\n\n.sc-footer-words span:nth-child(2) { animation-delay: 3s; }\n.sc-footer-words span:nth-child(3) { animation-delay: 6s; }\n.sc-footer-words span:nth-child(4) { animation-delay: 9s; }\n.sc-footer-words span:nth-child(5) { animation-delay: 12s; }\n.sc-footer-words span:nth-child(6) { animation-delay: 15s; }\n\n.sc-footer-bottom {\n  display: flex;\n  align-items: center;\n  gap: 18px;\n  flex-wrap: wrap;\n  color: var(--muted);\n  font-size: 13px;\n  font-weight: 750;\n}\n\n.sc-site-footer-links {\n  margin-left: auto;\n  display: flex;\n  gap: 14px;\n  flex-wrap: wrap;\n}\n\n.sc-site-footer-links a {\n  color: var(--muted) !important;\n  text-decoration: none !important;\n}\n\n.sc-site-footer-links a:hover {\n  color: var(--accent) !important;\n}\n\n.sc-secret-hint {\n  opacity: 0.45;\n}\n\n@keyframes scFooterWords {\n  0%, 12% { opacity: 1; transform: translateY(0); }\n  16%, 100% { opacity: 0; transform: translateY(-8px); }\n}\n\n@media (max-width: 760px) {\n  .sc-contact-card {\n    align-items: flex-start;\n    flex-direction: column;\n  }\n\n  .sc-contact-shell {\n    grid-template-columns: 1fr;\n  }\n\n  .sc-contact-side {\n    justify-content: flex-start;\n  }\n\n  .sc-footer-bottom,\n  .sc-site-footer-links {\n    align-items: flex-start;\n    flex-direction: column;\n    margin-left: 0;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .sc-footer-words span {\n    animation: none !important;\n    opacity: 1;\n    position: static;\n  }\n\n  .sc-footer-words {\n    display: inline;\n  }\n}\n\n\n\n    \/* === v16 final calm hero + menu text animation + brand polish === *\/\n    .page .brand,\n    .page .brand:link,\n    .page .brand:visited,\n    .page .brand:hover,\n    .page .brand:focus-visible {\n      color: var(--text) !important;\n      text-decoration: none !important;\n    }\n\n    .page .brand-copy strong {\n      color: #fff !important;\n      text-shadow: none !important;\n    }\n\n    body[data-theme=\"light\"] .page .brand-copy strong {\n      color: #10162b !important;\n    }\n\n    .page .brand-copy small {\n      color: var(--muted) !important;\n      text-transform: none !important;\n      letter-spacing: 0.03em !important;\n      font-size: 0.76rem !important;\n      font-weight: 750 !important;\n    }\n\n    .page .hero {\n      padding-top: clamp(72px, 8vw, 106px) !important;\n      padding-bottom: clamp(130px, 16vh, 210px) !important;\n    }\n\n    .page .hero-grid {\n      min-height: calc(100svh - 126px) !important;\n      align-items: center !important;\n    }\n\n    .page .hero h1 {\n      font-size: clamp(3.05rem, 4.45vw, 4.65rem) !important;\n      line-height: 0.94 !important;\n      max-width: none !important;\n    }\n\n    .page .hero-intro {\n      max-width: 56ch !important;\n      margin-top: 24px !important;\n      font-size: clamp(0.98rem, 1.2vw, 1.08rem) !important;\n      line-height: 1.72 !important;\n    }\n\n    .page .hero-points {\n      display: none !important;\n    }\n\n    .page .hero-media {\n      transform: translateY(10px);\n    }\n\n    .page .device-card {\n      max-width: 440px;\n      margin-inline: auto;\n    }\n\n    .page .device-caption {\n      padding: 13px 14px !important;\n      background: rgba(255,255,255,0.035) !important;\n    }\n\n    .page .device-caption strong {\n      font-size: 0.94rem !important;\n      line-height: 1.38 !important;\n      font-weight: 750 !important;\n    }\n\n    .page .hero-media-meta {\n      max-width: 440px;\n      margin-inline: auto;\n    }\n\n    .page #werk {\n      padding-top: clamp(110px, 13vw, 170px) !important;\n    }\n\n    .page .nav-links a .nav-hint {\n      opacity: 0 !important;\n      transform: translate3d(18px, 0, 0) !important;\n      filter: blur(4px);\n      transition: opacity .24s ease, transform .24s ease, filter .24s ease, color .24s ease !important;\n    }\n\n    .page .nav-links a:hover .nav-hint,\n    .page .nav-links a:focus-visible .nav-hint {\n      opacity: 1 !important;\n      transform: translate3d(0, 0, 0) !important;\n      filter: blur(0);\n      color: var(--text) !important;\n    }\n\n    .page .nav-links a[aria-current=\"page\"] .nav-hint {\n      opacity: 0 !important;\n      transform: translate3d(18px, 0, 0) !important;\n    }\n\n    .page .nav-links a[aria-current=\"page\"]:hover .nav-hint,\n    .page .nav-links a[aria-current=\"page\"]:focus-visible .nav-hint {\n      opacity: 1 !important;\n      transform: translate3d(0, 0, 0) !important;\n    }\n\n    .page .nav-wordmark span {\n      color: rgba(232,224,255,0.34) !important;\n      opacity: 1 !important;\n    }\n\n    @media (min-width: 961px) {\n      .page .hero-grid {\n        grid-template-columns: minmax(0, 1.05fr) minmax(340px, 0.78fr) !important;\n        gap: clamp(48px, 6vw, 84px) !important;\n      }\n    }\n\n    @media (max-width: 960px) {\n      .page .hero {\n        padding-bottom: 86px !important;\n      }\n      .page .hero-grid {\n        min-height: auto !important;\n      }\n      .page .hero-points {\n        display: grid !important;\n      }\n      .page #werk {\n        padding-top: 86px !important;\n      }\n    }\n\n\n    \/* === v17 diensten: brede hero, rustiger ritme, betere vulling === *\/\n    .page .hero-redesigned {\n      position: relative;\n      padding-top: clamp(46px, 5.5vw, 86px) !important;\n      padding-bottom: clamp(92px, 11vw, 148px) !important;\n      min-height: calc(100svh - 24px) !important;\n    }\n\n    .page .hero-redesigned .hero-shell {\n      width: min(1740px, calc(100% - 28px)) !important;\n      min-height: min(880px, calc(100svh - 92px)) !important;\n      padding: clamp(28px, 4vw, 58px) clamp(24px, 4vw, 60px) clamp(24px, 4vw, 48px) !important;\n      border-radius: clamp(26px, 3vw, 46px) !important;\n      overflow: visible !important;\n      background:\n        radial-gradient(circle at 18% 18%, rgba(196,167,255,0.16), transparent 30%),\n        radial-gradient(circle at 72% 12%, rgba(84,96,249,0.16), transparent 28%),\n        linear-gradient(180deg, rgba(255,255,255,0.055), rgba(255,255,255,0.018)) !important;\n    }\n\n    .page .hero-redesigned .hero-shell::after {\n      content: \"\";\n      position: absolute;\n      right: -9%;\n      top: 13%;\n      width: min(520px, 32vw);\n      aspect-ratio: 1;\n      border-radius: 999px;\n      background: radial-gradient(circle, rgba(196,167,255,0.20), rgba(84,96,249,0.09) 48%, transparent 70%);\n      filter: blur(22px);\n      opacity: 0.88;\n      pointer-events: none;\n      z-index: 0;\n    }\n\n    .hero-glow {\n      position: absolute;\n      pointer-events: none;\n      z-index: 0;\n      border: 1px solid rgba(196,167,255,0.13);\n      opacity: 0.58;\n    }\n\n    .hero-glow-one {\n      left: -42px;\n      bottom: 12%;\n      width: 170px;\n      height: 170px;\n      border-radius: 34px;\n      transform: rotate(18deg);\n      background: rgba(196,167,255,0.035);\n    }\n\n    .hero-glow-two {\n      right: 18%;\n      top: -34px;\n      width: 92px;\n      height: 92px;\n      border-radius: 24px;\n      transform: rotate(45deg);\n      background: rgba(84,96,249,0.055);\n    }\n\n    .page .hero-redesigned .hero-stage {\n      position: relative;\n      z-index: 2;\n      display: grid !important;\n      grid-template-columns: minmax(360px, 0.78fr) minmax(620px, 1.22fr) !important;\n      gap: clamp(28px, 5vw, 82px) !important;\n      align-items: center !important;\n      min-height: min(720px, calc(100svh - 220px)) !important;\n    }\n\n    .page .hero-redesigned .hero-copy {\n      max-width: 660px !important;\n      padding-top: 0 !important;\n    }\n\n    .page .hero-redesigned h1 {\n      max-width: 10.4ch !important;\n      font-size: clamp(3.65rem, 5.2vw, 6.35rem) !important;\n      line-height: 0.95 !important;\n      letter-spacing: -0.058em !important;\n    }\n\n    .page .hero-redesigned h1 .hero-line {\n      white-space: normal !important;\n    }\n\n    .page .hero-redesigned .hero-intro {\n      max-width: 55ch !important;\n      margin-top: 24px !important;\n      font-size: clamp(1.02rem, 1.15vw, 1.15rem) !important;\n      line-height: 1.74 !important;\n    }\n\n    .page .hero-redesigned .hero-actions {\n      margin-top: 30px !important;\n    }\n\n    .page .hero-redesigned .button,\n    .page .hero-redesigned .ghost-button {\n      border-radius: 16px !important;\n      min-height: 54px !important;\n      padding-inline: 22px !important;\n    }\n\n    .page .hero-redesigned .ghost-button {\n      background: rgba(255,255,255,0.055) !important;\n    }\n\n    .page .hero-redesigned .hero-meta {\n      display: none !important;\n    }\n\n    .hero-note {\n      margin: 26px 0 0;\n      max-width: 48ch;\n      color: var(--soft);\n      font-size: 0.98rem;\n      line-height: 1.65;\n    }\n\n    .hero-note span {\n      display: block;\n      margin-bottom: 7px;\n      color: var(--accent);\n      font-size: 0.76rem;\n      font-weight: 850;\n      letter-spacing: 0.08em;\n      text-transform: uppercase;\n    }\n\n    .page .hero-redesigned .hero-showcase,\n    .page .hero-redesigned .hero-showcase-wide {\n      width: min(900px, 56vw) !important;\n      max-width: none !important;\n      justify-self: end !important;\n      margin-right: 0 !important;\n      display: grid !important;\n      gap: 16px !important;\n    }\n\n    .page .hero-redesigned .device-card,\n    .page .hero-redesigned .hero-cinema-card {\n      width: 100% !important;\n      max-width: none !important;\n      margin: 0 !important;\n      padding: clamp(8px, 1.1vw, 14px) !important;\n      border-radius: clamp(24px, 2.4vw, 36px) !important;\n      background:\n        linear-gradient(180deg, rgba(255,255,255,0.105), rgba(255,255,255,0.028)),\n        radial-gradient(circle at 84% 18%, rgba(196,167,255,0.16), transparent 24%) !important;\n      box-shadow: 0 34px 92px rgba(0,0,0,0.42) !important;\n      transform: rotate(0.65deg);\n    }\n\n    .page .hero-redesigned .device-card::before {\n      display: none !important;\n    }\n\n    .page .hero-redesigned .device-screen,\n    .page .hero-redesigned .hero-cinema-screen {\n      min-height: 0 !important;\n      height: auto !important;\n      aspect-ratio: 16 \/ 9 !important;\n      border-radius: clamp(18px, 1.8vw, 26px) !important;\n      box-shadow: inset 0 0 0 1px rgba(255,255,255,0.06);\n    }\n\n    .page .hero-redesigned .device-screen video {\n      object-fit: cover !important;\n      transform: scale(1.01);\n    }\n\n    .showreel-overlay {\n      position: absolute;\n      left: clamp(14px, 2vw, 26px);\n      right: clamp(14px, 2vw, 26px);\n      bottom: clamp(14px, 2vw, 26px);\n      z-index: 3;\n      max-width: 460px;\n      padding: 16px 18px;\n      border-radius: 20px;\n      border: 1px solid rgba(255,255,255,0.12);\n      background: linear-gradient(180deg, rgba(7,10,18,0.72), rgba(7,10,18,0.48));\n      backdrop-filter: blur(16px);\n      -webkit-backdrop-filter: blur(16px);\n      box-shadow: 0 18px 42px rgba(0,0,0,0.26);\n    }\n\n    .showreel-overlay span {\n      display: block;\n      margin-bottom: 8px;\n      color: var(--accent);\n      font-size: 0.72rem;\n      font-weight: 900;\n      letter-spacing: 0.1em;\n      text-transform: uppercase;\n    }\n\n    .showreel-overlay strong {\n      display: block;\n      color: #fff;\n      font-size: clamp(1rem, 1.35vw, 1.35rem);\n      line-height: 1.28;\n      letter-spacing: -0.02em;\n    }\n\n    .showreel-corner {\n      position: absolute;\n      z-index: 4;\n      width: 34px;\n      height: 34px;\n      border-color: rgba(196,167,255,0.74);\n      pointer-events: none;\n    }\n\n    .showreel-corner-one {\n      top: 18px;\n      left: 18px;\n      border-top: 2px solid;\n      border-left: 2px solid;\n    }\n\n    .showreel-corner-two {\n      right: 18px;\n      bottom: 18px;\n      border-right: 2px solid;\n      border-bottom: 2px solid;\n    }\n\n    .page .hero-redesigned .hero-media-meta {\n      max-width: none !important;\n      margin: 0 !important;\n      padding-inline: 4px;\n      align-items: center !important;\n    }\n\n    .page .hero-redesigned .hero-media-meta p {\n      max-width: 58ch !important;\n      font-size: 0.98rem !important;\n      line-height: 1.68 !important;\n    }\n\n    .page .hero-redesigned .motion-toggle {\n      border-radius: 14px !important;\n    }\n\n    .page .hero-redesigned .hero-summary,\n    .page .hero-redesigned .hero-summary-redesigned {\n      position: relative;\n      z-index: 2;\n      margin-top: clamp(28px, 4vw, 54px) !important;\n      padding-top: clamp(20px, 3vw, 30px) !important;\n      border-top: 1px solid rgba(255,255,255,0.09) !important;\n      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;\n      gap: 14px !important;\n    }\n\n    .page .hero-redesigned .hero-summary-item {\n      min-height: 132px;\n      padding: 18px;\n      border-radius: 22px;\n      border: 1px solid rgba(255,255,255,0.08);\n      background: rgba(255,255,255,0.035) !important;\n      box-shadow: none !important;\n    }\n\n    .page .section-work-redesigned {\n      padding-top: clamp(42px, 7vw, 96px) !important;\n    }\n\n    .page .work-grid {\n      grid-template-columns: minmax(280px, 0.82fr) minmax(0, 1.18fr) !important;\n      gap: clamp(18px, 2vw, 26px) !important;\n    }\n\n    .page .work-card {\n      background:\n        linear-gradient(180deg, rgba(255,255,255,0.055), rgba(255,255,255,0.026)) !important;\n      border-color: rgba(255,255,255,0.10) !important;\n    }\n\n    .page .work-visual {\n      min-height: 360px !important;\n      border-radius: 22px !important;\n    }\n\n    .page .work-visual.is-wide {\n      min-height: 300px !important;\n      aspect-ratio: 16 \/ 9 !important;\n    }\n\n    .page .service-panel,\n    .page .check-card,\n    .page .price-card,\n    .page .process-card,\n    .page .addons {\n      background:\n        linear-gradient(180deg, rgba(255,255,255,0.055), rgba(255,255,255,0.026)) !important;\n      border-color: rgba(255,255,255,0.10) !important;\n    }\n\n    .page .service-panel {\n      grid-template-columns: minmax(0, 1fr) minmax(300px, 0.72fr) !important;\n      gap: clamp(24px, 3vw, 42px) !important;\n    }\n\n    .page .service-side-card {\n      background: rgba(255,255,255,0.04) !important;\n    }\n\n    body[data-theme=\"light\"] .page .hero-redesigned .hero-shell {\n      background:\n        radial-gradient(circle at 18% 18%, rgba(196,167,255,0.23), transparent 30%),\n        radial-gradient(circle at 72% 12%, rgba(84,96,249,0.14), transparent 28%),\n        linear-gradient(180deg, rgba(255,255,255,0.90), rgba(247,248,255,0.95)) !important;\n    }\n\n    body[data-theme=\"light\"] .page .hero-redesigned .device-card,\n    body[data-theme=\"light\"] .page .work-card,\n    body[data-theme=\"light\"] .page .service-panel,\n    body[data-theme=\"light\"] .page .check-card,\n    body[data-theme=\"light\"] .page .price-card,\n    body[data-theme=\"light\"] .page .process-card,\n    body[data-theme=\"light\"] .page .addons,\n    body[data-theme=\"light\"] .page .hero-summary-item {\n      background: rgba(255,255,255,0.86) !important;\n      border-color: rgba(84,96,249,0.13) !important;\n      box-shadow: 0 20px 52px rgba(38,50,94,0.10) !important;\n    }\n\n    body[data-theme=\"light\"] .showreel-overlay {\n      background: linear-gradient(180deg, rgba(16,22,43,0.70), rgba(16,22,43,0.46));\n    }\n\n    @media (max-width: 1320px) {\n      .page .hero-redesigned .hero-stage {\n        grid-template-columns: minmax(0, 0.88fr) minmax(540px, 1.12fr) !important;\n      }\n\n      .page .hero-redesigned .hero-showcase,\n      .page .hero-redesigned .hero-showcase-wide {\n        width: min(820px, 55vw) !important;\n        margin-right: 0 !important;\n      }\n    }\n\n    @media (max-width: 1120px) {\n      .page .hero-redesigned {\n        padding-top: 24px !important;\n      }\n\n      .page .hero-redesigned .hero-stage,\n      .page .service-panel,\n      .page .work-grid {\n        grid-template-columns: 1fr !important;\n      }\n\n      .page .hero-redesigned h1 {\n        max-width: none !important;\n        font-size: clamp(3.1rem, 9vw, 4.75rem) !important;\n      }\n\n      .page .hero-redesigned .hero-showcase,\n      .page .hero-redesigned .hero-showcase-wide {\n        width: 100% !important;\n        margin-right: 0 !important;\n        justify-self: stretch !important;\n      }\n\n      .page .hero-redesigned .device-card,\n      .page .hero-redesigned .hero-cinema-card {\n        transform: none !important;\n      }\n\n      .page .hero-redesigned .device-screen,\n      .page .hero-redesigned .hero-cinema-screen {\n        min-height: 0 !important;\n      }\n    }\n\n    @media (max-width: 760px) {\n      .page .hero-redesigned .hero-shell {\n        width: min(100% - 18px, 1740px) !important;\n        padding: 22px 16px 18px !important;\n        border-radius: 28px !important;\n      }\n\n      .page .hero-redesigned h1 {\n        font-size: clamp(2.72rem, 12.2vw, 3.72rem) !important;\n        line-height: 0.98 !important;\n      }\n\n      .page .hero-redesigned .hero-intro,\n      .hero-note {\n        font-size: 0.98rem !important;\n        line-height: 1.66 !important;\n      }\n\n      .page .hero-redesigned .hero-summary,\n      .page .hero-redesigned .hero-summary-redesigned {\n        grid-template-columns: 1fr !important;\n      }\n\n      .page .hero-redesigned .device-screen,\n      .page .hero-redesigned .hero-cinema-screen {\n        min-height: 0 !important;\n        aspect-ratio: 16 \/ 10 !important;\n      }\n\n      .showreel-overlay {\n        position: relative;\n        left: auto;\n        right: auto;\n        bottom: auto;\n        max-width: none;\n        margin: 10px;\n      }\n\n      .showreel-corner {\n        display: none;\n      }\n\n      .page .work-visual,\n      .page .work-visual.is-wide {\n        min-height: 0 !important;\n        aspect-ratio: 16 \/ 11 !important;\n      }\n    }\n\n\n    \/* === v18 microfixes: herocopy, menu-hints en minder losse uitleg === *\/\n    .page .hero-redesigned h1 .hero-line {\n      display: block !important;\n      padding-bottom: 0.015em;\n    }\n\n    .page .hero-redesigned h1 .hero-line + .hero-line {\n      margin-top: 0.035em;\n    }\n\n    .page .hero-redesigned h1 .accent {\n      line-height: 1.02;\n    }\n\n    .page .hero-redesigned .hero-media-controls {\n      display: flex !important;\n      justify-content: flex-end !important;\n      align-items: center !important;\n      min-height: 44px;\n      margin-top: -2px !important;\n    }\n\n    .page .nav-links a .nav-hint {\n      position: relative;\n      padding-right: 16px;\n    }\n\n    .page .nav-links a .nav-hint::after {\n      content: \"\";\n      position: absolute;\n      right: 0;\n      top: 50%;\n      width: 6px;\n      height: 6px;\n      background: var(--accent);\n      box-shadow:\n        8px 0 0 rgba(84,96,249,0.58),\n        0 8px 0 rgba(196,167,255,0.36),\n        8px 8px 0 rgba(219,62,141,0.24);\n      opacity: 0;\n      image-rendering: pixelated;\n      transform: translateY(-50%) scale(0.8);\n      transition: opacity .22s ease, transform .22s ease;\n    }\n\n    .page .nav-links a:hover .nav-hint::after,\n    .page .nav-links a:focus-visible .nav-hint::after {\n      opacity: 1;\n      transform: translateY(-50%) scale(1);\n    }\n\n    @media (max-width: 760px) {\n      .page .hero-redesigned h1 .hero-line + .hero-line {\n        margin-top: 0.02em;\n      }\n\n      .page .hero-redesigned .hero-media-controls {\n        justify-content: flex-start !important;\n        margin-top: 4px !important;\n      }\n    }\n\n\n\n    \/* Menu gelijkgetrokken met homepage *\/\n    .page .nav-kicker {\n      text-transform: uppercase;\n      letter-spacing: 0.14em;\n      color: var(--accent);\n    }\n\n    .page .nav-links {\n      max-width: 900px;\n      margin-top: 14px;\n    }\n\n    .page .nav-links a {\n      grid-template-columns: 56px minmax(0, 1fr) minmax(190px, 280px);\n      padding: 15px 0;\n      position: relative;\n    }\n\n    .page .nav-links a::before {\n      content: \"\";\n      position: absolute;\n      left: 0;\n      right: 0;\n      bottom: -1px;\n      height: 1px;\n      background: linear-gradient(90deg, transparent, rgba(196,167,255,0.22), transparent);\n      opacity: 0;\n      transform: scaleX(0.72);\n      transition: opacity .22s ease, transform .22s ease;\n    }\n\n    .page .nav-links a:hover::before,\n    .page .nav-links a:focus-visible::before {\n      opacity: 1;\n      transform: scaleX(1);\n    }\n\n    .page .nav-links a:hover .nav-label,\n    .page .nav-links a:focus-visible .nav-label,\n    .page .nav-links a[aria-current=\"page\"] .nav-label {\n      color: var(--accent);\n    }\n\n    .page .nav-links a:hover .nav-index,\n    .page .nav-links a:focus-visible .nav-index {\n      color: var(--accent);\n    }\n\n    @media (max-width: 960px) {\n      .page .nav-links {\n        max-width: none;\n      }\n\n      .page .nav-links a {\n        grid-template-columns: 40px minmax(0, 1fr);\n      }\n    }\n\n\n    \/* === v21 menu en hero fine-tuning === *\/\n    .page .hero-redesigned {\n      padding-bottom: clamp(58px, 7vw, 98px) !important;\n      min-height: auto !important;\n    }\n\n    .page .hero-redesigned .hero-shell {\n      min-height: min(800px, calc(100svh - 110px)) !important;\n    }\n\n    .page .hero-redesigned .hero-summary,\n    .page .hero-redesigned .hero-summary-redesigned {\n      margin-top: clamp(22px, 3vw, 38px) !important;\n      padding-top: clamp(16px, 2vw, 22px) !important;\n    }\n\n    .page .section-work-redesigned {\n      padding-top: clamp(22px, 4vw, 54px) !important;\n    }\n\n    .page .hero-redesigned .ghost-button {\n      color: var(--text) !important;\n      background: rgba(255,255,255,0.055) !important;\n      border-color: rgba(196,167,255,0.24) !important;\n      box-shadow: inset 0 1px 0 rgba(255,255,255,0.06) !important;\n    }\n\n    .page .hero-redesigned .ghost-button:hover,\n    .page .hero-redesigned .ghost-button:focus-visible {\n      color: #fff !important;\n      background: rgba(196,167,255,0.13) !important;\n      border-color: rgba(196,167,255,0.42) !important;\n      box-shadow: 0 16px 38px rgba(84,96,249,0.18), inset 0 1px 0 rgba(255,255,255,0.08) !important;\n      transform: translateY(-2px) !important;\n    }\n\n    body[data-theme=\"light\"] .page .hero-redesigned .ghost-button {\n      color: #10162b !important;\n      background: rgba(255,255,255,0.72) !important;\n      border-color: rgba(84,96,249,0.18) !important;\n    }\n\n    body[data-theme=\"light\"] .page .hero-redesigned .ghost-button:hover,\n    body[data-theme=\"light\"] .page .hero-redesigned .ghost-button:focus-visible {\n      color: #10162b !important;\n      background: rgba(196,167,255,0.18) !important;\n      border-color: rgba(84,96,249,0.28) !important;\n    }\n\n    .page.menu-open .topbar {\n      position: fixed;\n      inset: 0 0 auto 0;\n      padding-top: 14px;\n      z-index: 80;\n    }\n\n    .page.menu-open .topbar::before {\n      opacity: 0;\n    }\n\n    .page.menu-open .nav-shell {\n      width: min(1180px, calc(100% - 56px));\n      min-height: 56px;\n      justify-content: center;\n      position: relative;\n    }\n\n    .page.menu-open .brand {\n      position: absolute;\n      left: 50%;\n      top: 0;\n      transform: translateX(-50%);\n      gap: 9px;\n      padding: 4px 10px;\n      border-radius: 999px;\n    }\n\n    .page.menu-open .brand img {\n      width: 34px;\n      height: 34px;\n    }\n\n    .page.menu-open .brand-copy {\n      gap: 1px;\n    }\n\n    .page.menu-open .brand-copy strong {\n      font-size: clamp(0.9rem, 1vw, 1.08rem) !important;\n      letter-spacing: -0.04em;\n    }\n\n    .page.menu-open .brand-copy small {\n      font-size: 0.56rem !important;\n      letter-spacing: 0.02em !important;\n      opacity: 0.92;\n    }\n\n    .page.menu-open .nav-actions {\n      position: absolute;\n      right: 0;\n      top: 0;\n      gap: 0;\n    }\n\n    .page.menu-open .theme-toggle-top {\n      display: none !important;\n    }\n\n    .page.menu-open .mobile-toggle {\n      width: 44px;\n      min-width: 44px;\n      min-height: 44px;\n      border-radius: 50%;\n      background: rgba(12,17,33,0.46);\n      border-color: rgba(196,167,255,0.26);\n      box-shadow: 0 14px 32px rgba(0,0,0,0.22), inset 0 1px 0 rgba(255,255,255,0.08);\n    }\n\n    body[data-theme=\"light\"] .page.menu-open .mobile-toggle {\n      background: rgba(255,255,255,0.86);\n      border-color: rgba(84,96,249,0.18);\n    }\n\n    .page .nav-panel {\n      padding: 112px 0 44px !important;\n      background:\n        radial-gradient(circle at 50% 38%, rgba(196,167,255,0.11), transparent 26%),\n        radial-gradient(circle at 72% 52%, rgba(84,96,249,0.10), transparent 30%),\n        linear-gradient(180deg, rgba(8,11,22,0.985), rgba(7,10,18,0.992)) !important;\n    }\n\n    body[data-theme=\"light\"] .page .nav-panel {\n      background:\n        radial-gradient(circle at 50% 36%, rgba(196,167,255,0.22), transparent 28%),\n        radial-gradient(circle at 72% 52%, rgba(84,96,249,0.12), transparent 30%),\n        linear-gradient(180deg, rgba(252,252,255,0.988), rgba(242,244,255,0.988)) !important;\n    }\n\n    .page .nav-panel-inner {\n      width: min(740px, calc(100% - 42px)) !important;\n      min-height: calc(100svh - 156px) !important;\n      justify-content: center;\n    }\n\n    .page .nav-kicker {\n      width: 100%;\n      margin: 0 0 8px !important;\n      color: var(--accent) !important;\n      font-size: 0.62rem !important;\n      line-height: 1;\n      font-weight: 900;\n      letter-spacing: 0.16em !important;\n      text-transform: uppercase;\n      opacity: 0.86;\n    }\n\n    .page .nav-links {\n      width: 100% !important;\n      max-width: none !important;\n      margin-top: 0 !important;\n      display: grid !important;\n      gap: 0 !important;\n    }\n\n    .page .nav-links a {\n      width: 100%;\n      display: grid !important;\n      grid-template-columns: 44px minmax(0, 1fr) minmax(190px, 260px) !important;\n      align-items: center;\n      gap: 18px;\n      padding: 14px 0 17px !important;\n      color: var(--text) !important;\n      text-decoration: none !important;\n      border-top: 1px solid rgba(255,255,255,0.075) !important;\n      transform: none !important;\n      position: relative;\n    }\n\n    .page .nav-links a:last-child {\n      border-bottom: 1px solid rgba(255,255,255,0.075) !important;\n    }\n\n    body[data-theme=\"light\"] .page .nav-links a,\n    body[data-theme=\"light\"] .page .nav-links a:last-child {\n      border-color: rgba(84,96,249,0.12) !important;\n    }\n\n    .page .nav-links a::before {\n      content: \"\";\n      position: absolute;\n      left: 44px;\n      right: 0;\n      bottom: -1px;\n      height: 2px;\n      opacity: 0;\n      transform: scaleX(0);\n      transform-origin: left;\n      background: linear-gradient(90deg, var(--accent), var(--accent-3), transparent);\n      image-rendering: pixelated;\n      transition: opacity .2s ease, transform .28s steps(9, end);\n    }\n\n    .page .nav-links a:hover::before,\n    .page .nav-links a:focus-visible::before {\n      opacity: 0.78;\n      transform: scaleX(1);\n    }\n\n    .page .nav-index {\n      color: rgba(196,167,255,0.70) !important;\n      font-size: 0.62rem !important;\n      line-height: 1;\n      font-weight: 900;\n      letter-spacing: 0.1em;\n    }\n\n    .page .nav-label {\n      color: var(--text) !important;\n      font-size: clamp(3.35rem, 4.4vw, 5.15rem) !important;\n      line-height: 0.9 !important;\n      letter-spacing: -0.075em !important;\n      font-weight: 950 !important;\n      transition: color .2s ease, transform .2s ease;\n    }\n\n    .page .nav-hint {\n      justify-self: start !important;\n      max-width: 25ch !important;\n      padding-right: 0 !important;\n      color: var(--muted) !important;\n      font-size: 0.78rem !important;\n      line-height: 1.3 !important;\n      font-weight: 800 !important;\n      text-align: left !important;\n      opacity: 0 !important;\n      filter: none !important;\n      transform: none !important;\n      transition: opacity .18s ease, color .18s ease !important;\n    }\n\n    .page .nav-hint::after {\n      display: none !important;\n    }\n\n    .page .nav-hint::before {\n      content: \"\";\n      display: inline-block;\n      width: 6px;\n      height: 6px;\n      margin-right: 9px;\n      background: var(--accent);\n      box-shadow: 7px 0 0 rgba(84,96,249,0.54);\n      image-rendering: pixelated;\n      vertical-align: 1px;\n      opacity: 0.84;\n    }\n\n    .page .nav-links a:hover .nav-hint,\n    .page .nav-links a:focus-visible .nav-hint,\n    .page .nav-links a[aria-current=\"page\"]:hover .nav-hint,\n    .page .nav-links a[aria-current=\"page\"]:focus-visible .nav-hint {\n      opacity: 1 !important;\n      color: var(--text) !important;\n      transform: none !important;\n      filter: none !important;\n    }\n\n    .page .nav-links a:hover .nav-label,\n    .page .nav-links a:focus-visible .nav-label,\n    .page .nav-links a[aria-current=\"page\"] .nav-label {\n      color: var(--accent) !important;\n      transform: translateX(4px);\n    }\n\n    .page .nav-links a:hover .nav-index,\n    .page .nav-links a:focus-visible .nav-index,\n    .page .nav-links a[aria-current=\"page\"] .nav-index {\n      color: var(--accent) !important;\n    }\n\n    .page .nav-tools {\n      align-self: center;\n      margin-top: clamp(28px, 9vh, 130px) !important;\n      padding-top: 0 !important;\n      justify-content: center;\n      gap: 10px;\n    }\n\n    .page .nav-tools .theme-toggle,\n    .page .nav-tools .nav-button {\n      min-height: 38px !important;\n      padding: 0 14px !important;\n      font-size: 0.74rem !important;\n      border-radius: 999px !important;\n      box-shadow: none !important;\n    }\n\n    .page .nav-tools .nav-button {\n      background: rgba(255,255,255,0.04) !important;\n      border-color: rgba(255,255,255,0.10) !important;\n      color: var(--text) !important;\n    }\n\n    .page .nav-tools .nav-button span::after {\n      content: \" \u2192\";\n    }\n\n    .page .nav-wordmark {\n      left: max(-20px, calc((100vw - 1180px) \/ -2 + 14px)) !important;\n      bottom: -28px !important;\n    }\n\n    .page .nav-wordmark strong {\n      font-size: clamp(3.6rem, 7vw, 6.9rem) !important;\n      color: rgba(255,255,255,0.055) !important;\n      letter-spacing: -0.075em !important;\n    }\n\n    .page .nav-wordmark span {\n      display: none !important;\n    }\n\n    body[data-theme=\"light\"] .page .nav-wordmark strong {\n      color: rgba(16,22,43,0.07) !important;\n    }\n\n    @media (max-width: 760px) {\n      .page.menu-open .nav-shell {\n        width: min(100% - 28px, 1180px);\n      }\n\n      .page.menu-open .brand {\n        left: 0;\n        transform: none;\n      }\n\n      .page.menu-open .brand-copy small {\n        display: none;\n      }\n\n      .page .nav-panel {\n        padding-top: 92px !important;\n      }\n\n      .page .nav-panel-inner {\n        width: min(100% - 28px, 740px) !important;\n        min-height: calc(100svh - 132px) !important;\n      }\n\n      .page .nav-links a {\n        grid-template-columns: 34px minmax(0, 1fr) !important;\n        gap: 12px !important;\n        padding: 15px 0 !important;\n      }\n\n      .page .nav-label {\n        font-size: clamp(2.35rem, 15vw, 4.2rem) !important;\n      }\n\n      .page .nav-hint {\n        grid-column: 2;\n        max-width: none !important;\n        margin-top: 6px;\n        font-size: 0.78rem !important;\n      }\n\n      .page .nav-links a .nav-hint,\n      .page .nav-links a[aria-current=\"page\"] .nav-hint {\n        opacity: 0 !important;\n      }\n\n      .page .nav-links a:hover .nav-hint,\n      .page .nav-links a:focus-visible .nav-hint,\n      .page .nav-links a[aria-current=\"page\"]:hover .nav-hint,\n      .page .nav-links a[aria-current=\"page\"]:focus-visible .nav-hint {\n        opacity: 1 !important;\n      }\n\n      .page .nav-tools {\n        margin-top: 28px !important;\n      }\n\n      .page .nav-wordmark {\n        display: none !important;\n      }\n    }\n\n\n\n    #top,\n    #hero,\n    #werk,\n    #diensten,\n    #prijzen,\n    #werkwijze,\n    #over-mij,\n    #contact {\n      scroll-margin-top: 112px;\n    }\n\n    .mini-about {\n      padding-top: clamp(54px, 7vw, 84px) !important;\n      padding-bottom: clamp(54px, 7vw, 84px) !important;\n    }\n\n    .mini-about-card {\n      position: relative;\n      overflow: hidden;\n      display: grid;\n      grid-template-columns: minmax(0, 1fr) auto;\n      gap: clamp(22px, 4vw, 44px);\n      align-items: center;\n      padding: clamp(24px, 3.4vw, 38px);\n      border-radius: 30px;\n      border: 1px solid rgba(255,255,255,0.09);\n      background:\n        radial-gradient(circle at 12% 20%, rgba(196,167,255,0.13), transparent 28%),\n        linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.025));\n      box-shadow: 0 24px 70px var(--shadow);\n    }\n\n    .mini-about-card::before {\n      content: \"\";\n      position: absolute;\n      right: 24px;\n      top: 24px;\n      width: 8px;\n      height: 8px;\n      opacity: 0.64;\n      background: var(--accent);\n      box-shadow:\n        12px 0 0 rgba(84,96,249,0.56),\n        0 12px 0 rgba(196,167,255,0.22),\n        12px 12px 0 rgba(219,62,141,0.18);\n      image-rendering: pixelated;\n    }\n\n    .mini-about-card h2 {\n      margin: 0;\n      color: var(--text);\n      font-size: clamp(2rem, 3.8vw, 3.8rem);\n      line-height: 0.98;\n      letter-spacing: -0.055em;\n      font-weight: 900;\n      text-wrap: balance;\n    }\n\n    .mini-about-card p:not(.eyebrow) {\n      margin: 18px 0 0;\n      max-width: 62ch;\n      color: var(--muted);\n      font-size: 1.04rem;\n      line-height: 1.72;\n    }\n\n    body[data-theme=\"light\"] .mini-about-card {\n      background:\n        radial-gradient(circle at 12% 20%, rgba(94,69,216,0.12), transparent 30%),\n        linear-gradient(180deg, rgba(255,255,255,0.94), rgba(247,248,255,0.9));\n      border-color: rgba(84,96,249,0.12);\n    }\n\n    @media (max-width: 760px) {\n      .mini-about-card {\n        grid-template-columns: 1fr;\n      }\n\n      .mini-about-card .ghost-button {\n        justify-self: start;\n      }\n    }\n\n\n\n    \/* Fix: menu op de dienstenpagina moet altijd klikbaar blijven *\/\n    .page .nav-panel,\n    .page .nav-panel * {\n      pointer-events: auto !important;\n    }\n\n    .page.menu-open .topbar {\n      pointer-events: auto !important;\n      height: 100svh !important;\n    }\n\n    .page.menu-open .nav-panel,\n    #site-menu-panel:not([hidden]) {\n      display: block !important;\n      pointer-events: auto !important;\n    }\n\n    .mobile-toggle,\n    .nav-actions,\n    .nav-shell {\n      pointer-events: auto !important;\n    }\n\n<\/style>\n<style id=\"sc-typografie-2026\">\n@import url(\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@500;600;700;800&family=Inter:wght@500;600;700;800;900&family=JetBrains+Mono:wght@500;600;700&display=swap\");\n\n\/* === Studio Crossover typografie 2026 ===\n   Koppen: Sora. Body: Inter.\n   Doel: scherper, digitaler en meer eigen, zonder dat het druk wordt.\n*\/\n.sc-home-page,\n.sc-about-page,\n.page {\n  --sc-font-body: \"Inter\", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n  --sc-font-heading: \"Sora\", \"Inter\", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n  --sc-h1: clamp(48px, 6.4vw, 96px);\n  --sc-h2: clamp(34px, 4.55vw, 66px);\n  --sc-h3: clamp(21px, 2.05vw, 30px);\n  --sc-card-title: clamp(20px, 1.75vw, 26px);\n  --sc-small-title: clamp(18px, 1.35vw, 22px);\n  --sc-body-size: clamp(15.5px, 1vw, 17px);\n  font-family: var(--sc-font-body) !important;\n  -webkit-font-smoothing: antialiased;\n  text-rendering: optimizeLegibility;\n}\n\n.sc-home-page *,\n.sc-about-page *,\n.page * {\n  font-kerning: normal;\n}\n\n.sc-home-page :is(button, input, textarea, select),\n.sc-about-page :is(button, input, textarea, select),\n.page :is(button, input, textarea, select) {\n  font-family: var(--sc-font-body) !important;\n}\n\n.sc-home-page :is(h1, h2, h3),\n.sc-about-page :is(h1, h2, h3),\n.page :is(h1, h2, h3) {\n  font-family: var(--sc-font-heading) !important;\n  font-weight: 700 !important;\n  text-wrap: balance;\n  overflow-wrap: normal;\n  word-break: normal;\n  hyphens: none;\n  -webkit-hyphens: none;\n}\n\n.sc-home-page .sc-hero h1,\n.sc-about-page .sc-about-copy h1,\n.page .hero h1,\n.page .hero-redesigned h1 {\n  font-size: var(--sc-h1) !important;\n  line-height: .94 !important;\n  letter-spacing: -.046em !important;\n  max-width: 12.5ch !important;\n}\n\n.sc-home-page .sc-section h2,\n.sc-home-page .sc-profile-copy h2,\n.sc-home-page .sc-sidequest-card h2,\n.sc-home-page .sc-contact-card h2,\n.sc-home-page .sc-birdview-card h2,\n.sc-about-page .sc-section-head h2,\n.sc-about-page .sc-featured-card h2,\n.sc-about-page .sc-contact-card h2,\n.sc-about-page .sc-contact-card-simple h2,\n.sc-about-page .sc-contact-copy h2,\n.sc-about-page .sc-card h2,\n.page .section-head h2,\n.page .mini-about-card h2,\n.page .sc-contact-card h2,\n.page .sc-contact-copy h2 {\n  font-size: var(--sc-h2) !important;\n  line-height: .99 !important;\n  letter-spacing: -.036em !important;\n  max-width: 14.5ch;\n}\n\n.sc-home-page .sc-profile-image-content h3,\n.sc-home-page .sc-speaker-copy h3,\n.sc-home-page .sc-level-card h3,\n.sc-home-page .sc-kompas-card h3,\n.sc-home-page .sc-route-card h3,\n.sc-home-page .sc-service-card h3,\n.sc-home-page .sc-work-motion-copy h3,\n.sc-about-page .sc-card h3,\n.sc-about-page .sc-cv-card h3,\n.sc-about-page .sc-education-card h3,\n.page .work-card h3,\n.page .service-main h3,\n.page .price-card h3,\n.page .check-card h3,\n.page .process-card h3 {\n  font-size: var(--sc-card-title) !important;\n  line-height: 1.12 !important;\n  letter-spacing: -.018em !important;\n  font-weight: 700 !important;\n}\n\n.sc-home-page .sc-level-card h3,\n.sc-home-page .sc-kompas-card h3,\n.sc-home-page .sc-route-card h3,\n.sc-home-page .sc-service-card h3,\n.sc-about-page .sc-cv-card h3,\n.sc-about-page .sc-education-card h3,\n.page .price-card h3,\n.page .check-card h3,\n.page .process-card h3 {\n  font-size: var(--sc-small-title) !important;\n}\n\n.sc-home-page :is(.sc-hero-text, .sc-section-head p, .sc-profile-copy p, .sc-route-card p, .sc-service-card p, .sc-birdview-card p, .sc-sidequest-card p, .sc-contact-copy p, .sc-level-card p, .sc-kompas-card p, .sc-speaker-copy p, .sc-profile-image-content p),\n.sc-about-page :is(.sc-about-copy p, .sc-section-head p, .sc-card p, .sc-featured-card p, .sc-contact-card p, .sc-cv-card p, .sc-education-card p),\n.page :is(.hero-intro, .section-head p, .work-card p, .service-main p, .service-side p, .service-side-card p, .price-card p, .check-card p, .process-card p, .contact-card p, .sc-contact-card p, .mini-about-card p) {\n  font-family: var(--sc-font-body) !important;\n  font-size: var(--sc-body-size) !important;\n  line-height: 1.72 !important;\n  letter-spacing: -.004em !important;\n  text-wrap: pretty;\n}\n\n.sc-home-page :is(.sc-eyebrow, .sc-label, .sc-service-kicker, .sc-stat-tag, .sc-quest-number),\n.sc-about-page :is(.sc-label, .sc-section-code, .sc-nav-kicker),\n.page :is(.eyebrow, .service-kicker, .work-tag, .nav-kicker, .sc-label) {\n  font-family: var(--sc-font-heading) !important;\n  font-weight: 700 !important;\n  letter-spacing: .075em !important;\n  text-transform: uppercase;\n}\n\n.sc-home-page .sc-brand strong,\n.sc-about-page .sc-brand strong,\n.page .brand-copy strong {\n  font-family: var(--sc-font-heading) !important;\n  font-weight: 700 !important;\n  letter-spacing: -.034em !important;\n  line-height: 1 !important;\n}\n\n.sc-home-page .sc-brand small,\n.sc-about-page .sc-brand small,\n.page .brand-copy small {\n  font-family: var(--sc-font-body) !important;\n  font-weight: 800 !important;\n  letter-spacing: .065em !important;\n  line-height: 1.08 !important;\n}\n\n.sc-home-page .sc-nav-links a,\n.sc-about-page .sc-nav-links a,\n.page .nav-links a,\n.sc-home-page .sc-nav-button,\n.sc-about-page .sc-nav-button,\n.page .nav-button {\n  font-family: var(--sc-font-body) !important;\n  font-size: 13px !important;\n  font-weight: 850 !important;\n  letter-spacing: -.006em !important;\n}\n\n\/* Koppen krijgen premium ritme en meer rust. *\/\n.sc-home-page .sc-section-head,\n.sc-about-page .sc-section-head,\n.page .section-head {\n  gap: 14px !important;\n}\n\n.sc-home-page :is(.sc-section-head p, .sc-profile-copy p),\n.sc-about-page .sc-section-head p,\n.page .section-head p {\n  max-width: 64ch !important;\n}\n\n\/* Bento en kaarten: tekst mag niet meer uit het grid duwen. *\/\n.sc-home-page :is(.sc-profile-grid, .sc-level-grid, .sc-kompas-grid, .sc-route-grid, .sc-inventory-bento, .sc-process-board),\n.sc-about-page :is(.sc-about-hero-grid, .sc-story-grid, .sc-education-grid),\n.page :is(.work-grid, .services-stack, .service-panel, .price-grid, .prices-grid, .check-grid, .process-grid) {\n  align-items: stretch !important;\n}\n\n.sc-home-page :is(.sc-profile-grid, .sc-level-grid, .sc-kompas-grid, .sc-route-grid, .sc-inventory-bento, .sc-process-board) > *,\n.sc-about-page :is(.sc-about-hero-grid, .sc-story-grid, .sc-education-grid) > *,\n.page :is(.work-grid, .services-stack, .service-panel, .price-grid, .prices-grid, .check-grid, .process-grid) > * {\n  min-width: 0 !important;\n}\n\n.sc-home-page :is(.sc-level-card, .sc-kompas-card, .sc-route-card, .sc-service-card, .sc-profile-image-content, .sc-speaker-copy, .sc-work-motion-copy),\n.sc-about-page :is(.sc-card, .sc-photo-card, .sc-cv-card, .sc-education-card, .sc-featured-card),\n.page :is(.hero-summary-item, .work-card, .service-main, .service-side, .service-side-card, .price-card, .check-card, .process-card, .mini-about-card) {\n  text-align: left !important;\n}\n\n@media (max-width: 900px) {\n  .sc-home-page,\n  .sc-about-page,\n  .page {\n    --sc-h1: clamp(40px, 11.2vw, 64px);\n    --sc-h2: clamp(30px, 8.8vw, 48px);\n    --sc-h3: clamp(21px, 6.1vw, 27px);\n    --sc-card-title: clamp(20px, 5.8vw, 25px);\n    --sc-small-title: clamp(18px, 5.1vw, 23px);\n    --sc-body-size: 15.8px;\n  }\n\n  .sc-home-page .sc-hero h1,\n  .sc-about-page .sc-about-copy h1,\n  .page .hero h1,\n  .page .hero-redesigned h1 {\n    line-height: .97 !important;\n    letter-spacing: -.038em !important;\n    max-width: 11.8ch !important;\n  }\n\n  .sc-home-page .sc-section h2,\n  .sc-home-page .sc-profile-copy h2,\n  .sc-home-page .sc-sidequest-card h2,\n  .sc-home-page .sc-contact-card h2,\n  .sc-home-page .sc-birdview-card h2,\n  .sc-about-page .sc-section-head h2,\n  .sc-about-page .sc-featured-card h2,\n  .sc-about-page .sc-contact-card h2,\n  .sc-about-page .sc-contact-card-simple h2,\n  .sc-about-page .sc-contact-copy h2,\n  .sc-about-page .sc-card h2,\n  .page .section-head h2,\n  .page .mini-about-card h2,\n  .page .sc-contact-card h2,\n  .page .sc-contact-copy h2 {\n    line-height: 1.04 !important;\n    letter-spacing: -.03em !important;\n    max-width: 15ch !important;\n  }\n\n  .sc-home-page :is(.sc-profile-grid, .sc-level-grid, .sc-kompas-grid, .sc-route-grid, .sc-inventory-bento, .sc-process-board),\n  .sc-about-page :is(.sc-about-hero-grid, .sc-story-grid, .sc-education-grid),\n  .page :is(.work-grid, .services-stack, .service-panel, .price-grid, .prices-grid, .check-grid, .process-grid) {\n    grid-template-columns: 1fr !important;\n    gap: 14px !important;\n  }\n\n  .sc-home-page :is(.sc-kompas-card-wide, .sc-service-card-wide, .sc-service-card-full, .sc-service-card-tall, .sc-route-card-main),\n  .sc-about-page :is(.sc-card-wide, .sc-card-large),\n  .page :is(.wide-card, .hero-showcase-wide, .service-main, .service-side, .device-card) {\n    grid-column: auto !important;\n    grid-row: auto !important;\n  }\n}\n\n@media (max-width: 767px) {\n  .sc-home-page .sc-nav-shell,\n  .sc-about-page .sc-nav-shell,\n  .page .nav-shell {\n    width: calc(100% - 24px) !important;\n    gap: 10px !important;\n  }\n\n  .sc-home-page .sc-brand,\n  .sc-about-page .sc-brand,\n  .page .brand {\n    min-width: 0 !important;\n    max-width: none !important;\n  }\n\n  .sc-home-page .sc-brand-text small,\n  .sc-about-page .sc-brand-text small,\n  .page .brand-copy small {\n    display: none !important;\n  }\n\n  .sc-home-page .sc-brand strong,\n  .sc-about-page .sc-brand strong,\n  .page .brand-copy strong {\n    font-size: clamp(17px, 4.8vw, 21px) !important;\n    max-width: 46vw !important;\n    overflow: hidden !important;\n    text-overflow: ellipsis !important;\n  }\n\n  .sc-home-page .sc-brand img,\n  .sc-about-page .sc-brand img,\n  .page .brand img {\n    width: 44px !important;\n    height: 44px !important;\n  }\n\n  .sc-home-page .sc-nav-panel,\n  .sc-about-page .sc-nav-panel {\n    position: fixed !important;\n    top: 70px !important;\n    left: 12px !important;\n    right: 12px !important;\n    width: auto !important;\n    max-height: calc(100svh - 86px) !important;\n    overflow-y: auto !important;\n    padding: 14px !important;\n    border-radius: 24px !important;\n  }\n\n  .sc-home-page .sc-nav-links,\n  .sc-about-page .sc-nav-links,\n  .page .nav-links {\n    width: 100% !important;\n    display: grid !important;\n    grid-template-columns: 1fr !important;\n    gap: 8px !important;\n  }\n\n  .sc-home-page .sc-nav-links a,\n  .sc-about-page .sc-nav-links a,\n  .page .nav-links a {\n    min-height: 48px !important;\n    width: 100% !important;\n    justify-content: flex-start !important;\n    padding: 0 15px !important;\n    border-radius: 15px !important;\n    font-size: 14px !important;\n    text-align: left !important;\n  }\n\n  .page.menu-open .nav-panel {\n    position: fixed !important;\n    inset: 0 !important;\n    width: 100vw !important;\n    height: 100svh !important;\n    max-height: none !important;\n    overflow-y: auto !important;\n    padding: 94px 16px 24px !important;\n    border-radius: 0 !important;\n  }\n\n  .page .nav-panel-inner {\n    width: min(100%, 560px) !important;\n    margin: 0 auto !important;\n  }\n\n  .sc-home-page :is(.sc-level-card, .sc-kompas-card, .sc-route-card, .sc-service-card, .sc-profile-image-content, .sc-speaker-copy, .sc-work-motion-card),\n  .sc-about-page :is(.sc-card, .sc-photo-card, .sc-cv-card, .sc-education-card, .sc-featured-card),\n  .page :is(.hero-summary-item, .work-card, .service-panel, .service-main, .service-side, .service-side-card, .price-card, .check-card, .process-card, .mini-about-card) {\n    padding-left: clamp(18px, 5.4vw, 24px) !important;\n    padding-right: clamp(18px, 5.4vw, 24px) !important;\n  }\n\n  .sc-home-page .sc-profile-image-card,\n  .sc-home-page .sc-speaker-card,\n  .page .device-card,\n  .page .hero-cinema-card {\n    min-height: 320px !important;\n  }\n}\n\n@media (max-width: 420px) {\n  .sc-home-page,\n  .sc-about-page,\n  .page {\n    --sc-h1: clamp(38px, 10.6vw, 50px);\n    --sc-h2: clamp(28px, 8vw, 40px);\n  }\n\n  .sc-home-page .sc-brand strong,\n  .sc-about-page .sc-brand strong,\n  .page .brand-copy strong {\n    max-width: 40vw !important;\n  }\n}\n<\/style>\n<style id=\"sc-font-background-v2\">\n@import url(\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@500;600;700;800&family=Inter:wght@500;600;700;800;900&family=JetBrains+Mono:wght@500;600;700&display=swap\");\n\n\/* === Studio Crossover v2: minder generieke achtergrond, meer eigen typografie ===\n   Koppen: Sora. Labels: JetBrains Mono. Body: Inter.\n   Sfeer: digitaal, scherp, creatief, maar rustig genoeg voor duidelijke communicatie.\n*\/\n.sc-home-page,\n.sc-about-page,\n.page {\n  --sc-font-body: \"Inter\", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif !important;\n  --sc-font-heading: \"Sora\", \"Inter\", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif !important;\n  --sc-type-heading: \"Sora\", \"Inter\", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif !important;\n  --sc-font-mono: \"JetBrains Mono\", \"SFMono-Regular\", Consolas, \"Liberation Mono\", monospace !important;\n  --sc-h1: clamp(50px, 6.7vw, 102px) !important;\n  --sc-h2: clamp(35px, 4.7vw, 70px) !important;\n  --sc-h3: clamp(22px, 2.15vw, 32px) !important;\n  --sc-card-title: clamp(20px, 1.82vw, 27px) !important;\n  --sc-small-title: clamp(18px, 1.42vw, 23px) !important;\n  isolation: isolate;\n  background:\n    radial-gradient(circle at 18% 12%, rgba(196,167,255,0.13) 0%, rgba(196,167,255,0.00) 24%),\n    radial-gradient(circle at 86% 8%, rgba(84,96,249,0.10) 0%, rgba(84,96,249,0.00) 22%),\n    linear-gradient(118deg, rgba(196,167,255,0.055) 0 1px, transparent 1px 33%),\n    linear-gradient(180deg, #0B1020 0%, #070A12 44%, #090D1A 100%) !important;\n}\n\n.sc-home-page[data-theme=\"light\"],\n.sc-home-page.is-light,\n.sc-about-page[data-theme=\"light\"],\n.sc-about-page.is-light,\nbody[data-theme=\"light\"] .page,\nbody.sc-page-light .page {\n  background:\n    radial-gradient(circle at 18% 12%, rgba(94,69,216,0.095) 0%, rgba(94,69,216,0.00) 23%),\n    radial-gradient(circle at 86% 8%, rgba(72,84,232,0.07) 0%, rgba(72,84,232,0.00) 21%),\n    linear-gradient(118deg, rgba(94,69,216,0.055) 0 1px, transparent 1px 34%),\n    linear-gradient(180deg, #F7F2EA 0%, #F3EEF8 46%, #F8F4EF 100%) !important;\n}\n\n.sc-home-page::after,\n.sc-about-page::after,\n.page::after {\n  content: \"\";\n  position: fixed;\n  inset: 0;\n  z-index: 0;\n  pointer-events: none;\n  opacity: .48;\n  background-image:\n    linear-gradient(rgba(196,167,255,0.050) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(196,167,255,0.044) 1px, transparent 1px),\n    linear-gradient(180deg, transparent, transparent);\n  background-size: auto;\n  mask-image: linear-gradient(180deg, transparent 0%, #000 11%, #000 88%, transparent 100%);\n  -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 11%, #000 88%, transparent 100%);\n  mix-blend-mode: screen;\n}\n\n.sc-home-page[data-theme=\"light\"]::after,\n.sc-home-page.is-light::after,\n.sc-about-page[data-theme=\"light\"]::after,\n.sc-about-page.is-light::after,\nbody[data-theme=\"light\"] .page::after,\nbody.sc-page-light .page::after {\n  opacity: .38;\n  background-image:\n    linear-gradient(rgba(94,69,216,0.055) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(94,69,216,0.048) 1px, transparent 1px),\n    linear-gradient(180deg, transparent, transparent);\n  mix-blend-mode: multiply;\n}\n\n.sc-home-page > *,\n.sc-about-page > *,\n.page > * {\n  position: relative;\n  z-index: 1;\n}\n\n.sc-home-page :is(h1, h2, h3),\n.sc-about-page :is(h1, h2, h3),\n.page :is(h1, h2, h3) {\n  font-family: var(--sc-font-heading) !important;\n  font-weight: 800 !important;\n  letter-spacing: -.034em !important;\n  font-feature-settings: \"kern\" 1, \"liga\" 1, \"ss01\" 1;\n}\n\n.sc-home-page .sc-hero h1,\n.sc-about-page .sc-about-copy h1,\n.page .hero h1,\n.page .hero-redesigned h1 {\n  line-height: .91 !important;\n  letter-spacing: -.045em !important;\n  max-width: 12.2ch !important;\n}\n\n.sc-home-page .sc-section h2,\n.sc-home-page .sc-profile-copy h2,\n.sc-home-page .sc-sidequest-card h2,\n.sc-home-page .sc-contact-card h2,\n.sc-home-page .sc-birdview-card h2,\n.sc-about-page .sc-section-head h2,\n.sc-about-page .sc-featured-card h2,\n.sc-about-page .sc-contact-card h2,\n.sc-about-page .sc-contact-card-simple h2,\n.sc-about-page .sc-contact-copy h2,\n.sc-about-page .sc-card h2,\n.page .section-head h2,\n.page .mini-about-card h2,\n.page .sc-contact-card h2,\n.page .sc-contact-copy h2 {\n  line-height: .98 !important;\n  letter-spacing: -.035em !important;\n  max-width: 13.8ch !important;\n}\n\n.sc-home-page :is(.sc-eyebrow, .sc-label, .sc-service-kicker, .sc-stat-tag, .sc-quest-number, .sc-achievement-kicker),\n.sc-about-page :is(.sc-label, .sc-section-code, .sc-nav-kicker, .sc-achievement-kicker),\n.page :is(.eyebrow, .service-kicker, .work-tag, .nav-kicker, .sc-label) {\n  font-family: var(--sc-font-mono) !important;\n  font-size: clamp(10.5px, .78vw, 12.5px) !important;\n  font-weight: 700 !important;\n  letter-spacing: .11em !important;\n}\n\n.sc-home-page .sc-brand strong,\n.sc-about-page .sc-brand strong,\n.page .brand-copy strong {\n  font-family: var(--sc-font-heading) !important;\n  font-weight: 800 !important;\n  letter-spacing: -.035em !important;\n}\n\n.sc-home-page .sc-nav-links a,\n.sc-about-page .sc-nav-links a,\n.page .nav-links a,\n.sc-home-page .sc-nav-button,\n.sc-about-page .sc-nav-button,\n.page .nav-button {\n  font-family: var(--sc-font-body) !important;\n  font-weight: 850 !important;\n}\n\n.sc-home-page :is(.sc-level-card, .sc-kompas-card, .sc-route-card, .sc-service-card, .sc-work-motion-card, .sc-sidequest-card, .sc-contact-card, .sc-birdview-card, .sc-profile-image-card, .sc-speaker-card),\n.sc-about-page :is(.sc-card, .sc-photo-card, .sc-cv-card, .sc-education-card, .sc-featured-card, .sc-contact-card, .sc-contact-card-simple),\n.page :is(.hero-summary-item, .work-card, .service-panel, .service-main, .service-side, .service-side-card, .price-card, .check-card, .process-card, .mini-about-card, .device-card, .hero-cinema-card) {\n  background:\n    linear-gradient(180deg, rgba(17,24,43,0.88), rgba(10,14,28,0.74)) padding-box,\n    linear-gradient(135deg, rgba(196,167,255,0.34), rgba(84,96,249,0.12), rgba(219,62,141,0.18)) border-box !important;\n  border: 1px solid transparent !important;\n  box-shadow: 0 22px 58px rgba(0,0,0,0.24), inset 0 1px 0 rgba(255,255,255,0.065) !important;\n}\n\n.sc-home-page[data-theme=\"light\"] :is(.sc-level-card, .sc-kompas-card, .sc-route-card, .sc-service-card, .sc-work-motion-card, .sc-sidequest-card, .sc-contact-card, .sc-birdview-card, .sc-profile-image-card, .sc-speaker-card),\n.sc-home-page.is-light :is(.sc-level-card, .sc-kompas-card, .sc-route-card, .sc-service-card, .sc-work-motion-card, .sc-sidequest-card, .sc-contact-card, .sc-birdview-card, .sc-profile-image-card, .sc-speaker-card),\n.sc-about-page[data-theme=\"light\"] :is(.sc-card, .sc-photo-card, .sc-cv-card, .sc-education-card, .sc-featured-card, .sc-contact-card, .sc-contact-card-simple),\n.sc-about-page.is-light :is(.sc-card, .sc-photo-card, .sc-cv-card, .sc-education-card, .sc-featured-card, .sc-contact-card, .sc-contact-card-simple),\nbody[data-theme=\"light\"] .page :is(.hero-summary-item, .work-card, .service-panel, .service-main, .service-side, .service-side-card, .price-card, .check-card, .process-card, .mini-about-card, .device-card, .hero-cinema-card),\nbody.sc-page-light .page :is(.hero-summary-item, .work-card, .service-panel, .service-main, .service-side, .service-side-card, .price-card, .check-card, .process-card, .mini-about-card, .device-card, .hero-cinema-card) {\n  background:\n    linear-gradient(180deg, rgba(255,255,255,0.92), rgba(250,247,242,0.84)) padding-box,\n    linear-gradient(135deg, rgba(94,69,216,0.24), rgba(72,84,232,0.10), rgba(201,52,126,0.14)) border-box !important;\n  box-shadow: 0 20px 46px rgba(42,34,68,0.10), inset 0 1px 0 rgba(255,255,255,0.72) !important;\n}\n\n.sc-home-page :is(.sc-level-card, .sc-kompas-card, .sc-route-card, .sc-service-card, .sc-work-motion-card, .sc-sidequest-card, .sc-contact-card, .sc-birdview-card, .sc-profile-image-card, .sc-speaker-card)::before,\n.sc-about-page :is(.sc-card, .sc-featured-card, .sc-contact-card, .sc-contact-card-simple)::before,\n.page :is(.work-card, .service-main, .service-side, .service-side-card, .price-card, .check-card, .process-card, .mini-about-card)::before {\n  border-radius: inherit;\n}\n\n@media (max-width: 900px) {\n  .sc-home-page,\n  .sc-about-page,\n  .page {\n    --sc-h1: clamp(40px, 11.4vw, 64px) !important;\n    --sc-h2: clamp(30px, 8.9vw, 48px) !important;\n    --sc-h3: clamp(21px, 6vw, 28px) !important;\n  }\n\n  .sc-home-page .sc-hero h1,\n  .sc-about-page .sc-about-copy h1,\n  .page .hero h1,\n  .page .hero-redesigned h1 {\n    line-height: .94 !important;\n    letter-spacing: -.039em !important;\n    max-width: 11.5ch !important;\n  }\n\n  .sc-home-page .sc-section h2,\n  .sc-home-page .sc-profile-copy h2,\n  .sc-home-page .sc-sidequest-card h2,\n  .sc-home-page .sc-contact-card h2,\n  .sc-home-page .sc-birdview-card h2,\n  .sc-about-page .sc-section-head h2,\n  .sc-about-page .sc-featured-card h2,\n  .sc-about-page .sc-contact-card h2,\n  .sc-about-page .sc-contact-card-simple h2,\n  .sc-about-page .sc-contact-copy h2,\n  .sc-about-page .sc-card h2,\n  .page .section-head h2,\n  .page .mini-about-card h2,\n  .page .sc-contact-card h2,\n  .page .sc-contact-copy h2 {\n    line-height: 1.01 !important;\n    max-width: 14.5ch !important;\n  }\n}\n\n@media (max-width: 767px) {\n  .sc-home-page::after,\n  .sc-about-page::after,\n  .page::after {\n    opacity: .34;\n    background-size: 52px 52px, 52px 52px, 210px 210px;\n  }\n\n  .sc-home-page :is(.sc-level-card, .sc-kompas-card, .sc-route-card, .sc-service-card, .sc-work-motion-card, .sc-sidequest-card, .sc-contact-card, .sc-birdview-card, .sc-profile-image-card, .sc-speaker-card),\n  .sc-about-page :is(.sc-card, .sc-photo-card, .sc-cv-card, .sc-education-card, .sc-featured-card, .sc-contact-card, .sc-contact-card-simple),\n  .page :is(.hero-summary-item, .work-card, .service-panel, .service-main, .service-side, .service-side-card, .price-card, .check-card, .process-card, .mini-about-card, .device-card, .hero-cinema-card) {\n    border-radius: 22px !important;\n  }\n\n  .sc-home-page .sc-brand strong,\n  .sc-about-page .sc-brand strong,\n  .page .brand-copy strong {\n    letter-spacing: -.025em !important;\n  }\n}\n<\/style>\n    <div class=\"scroll-progress\" aria-hidden=\"true\"><\/div>\n\n    \n  <div class=\"sc-achievement-toast\" role=\"status\" aria-live=\"polite\" aria-atomic=\"true\">\n    <span class=\"sc-achievement-icon\" aria-hidden=\"true\">\u2726<\/span>\n    <span class=\"sc-achievement-copy\">\n      <span class=\"sc-achievement-kicker\">Achievement unlocked<\/span>\n      <strong>Spawn point<\/strong>\n      <small>Scroll. Ik pak de route.<\/small>\n    <\/span>\n  <\/div>\n\n\n    <main>\n      <section class=\"hero hero-redesigned\" id=\"hero\" aria-label=\"Diensten van Studio Crossover\">\n        <div class=\"hero-shell\">\n          <span class=\"hero-glow hero-glow-one\" aria-hidden=\"true\"><\/span>\n          <span class=\"hero-glow hero-glow-two\" aria-hidden=\"true\"><\/span>\n\n          <div class=\"hero-stage\">\n            <div class=\"hero-copy\">\n              <p class=\"eyebrow\">Diensten \u00b7 Studio Crossover<\/p>\n              <h1>\n                <span class=\"hero-line\">Van vaag<\/span>\n                <span class=\"hero-line\"><span class=\"accent\">vraagstuk<\/span><\/span>\n                <span class=\"hero-line\">naar iets dat staat.<\/span>\n              <\/h1>\n              <p class=\"hero-intro\">\n                Je hoeft niet te beginnen met een lijst losse middelen. Eerst kijken we wat er echt nodig is. Wat moet iemand begrijpen? Waar zit de ruis? En welk middel helpt om je verhaal goed te laten landen?\n              <\/p>\n              <div class=\"hero-actions\">\n                <a class=\"button\" href=\"https:\/\/arendvanberkel.nl\/index.php\/contact-nl\/?topic=Vrijblijvende%20eerste%20check#contact-form\">Start met een eerste check<\/a>\n                <a class=\"ghost-button\" href=\"#diensten\">Bekijk de diensten<\/a>\n              <\/div>\n              <p class=\"hero-note\">\n                <span>Vrijblijvend startpunt<\/span>\n                Stuur je vraag. Ik kijk mee welke route logisch is: copy, social media, web of een combinatie daarvan.\n              <\/p>\n            <\/div>\n\n            <aside class=\"hero-showcase hero-showcase-wide\" aria-label=\"Showreel van Studio Crossover\">\n              <div class=\"device-card hero-cinema-card\">\n                <div class=\"device-screen hero-cinema-screen\">\n                  <video src=\"https:\/\/arendvanberkel.nl\/wp-content\/uploads\/2026\/06\/Elite-Series-League-of-Legends.mp4\" muted loop playsinline preload=\"metadata\" data-ambient-video aria-label=\"Studio Crossover showreel\"><\/video>\n                  <div class=\"showreel-overlay\">\n                    <span>Showreel<\/span>\n                    <strong>Beeld, ritme en timing maken je verhaal sneller voelbaar.<\/strong>\n                  <\/div>\n                  <span class=\"showreel-corner showreel-corner-one\" aria-hidden=\"true\"><\/span>\n                  <span class=\"showreel-corner showreel-corner-two\" aria-hidden=\"true\"><\/span>\n                <\/div>\n              <\/div>\n              <div class=\"hero-media-meta hero-media-controls\">\n                <button class=\"motion-toggle\" type=\"button\" data-motion-toggle aria-pressed=\"false\">Pauzeer beweging<\/button>\n              <\/div>\n            <\/aside>\n          <\/div>\n\n          <div class=\"hero-summary hero-summary-redesigned\" aria-label=\"Drie hoofdroutes\">\n            <article class=\"hero-summary-item\">\n              <span>01<\/span>\n              <strong>Communicatie &amp; copy<\/strong>\n              <p>Voor een kernboodschap, webtekst of campagnecopy die scherper moet.<\/p>\n            <\/article>\n            <article class=\"hero-summary-item\">\n              <span>02<\/span>\n              <strong>Social media<\/strong>\n              <p>Voor formats, captions, video, advertenties of tijdelijk beheer.<\/p>\n            <\/article>\n            <article class=\"hero-summary-item\">\n              <span>03<\/span>\n              <strong>Website &amp; landing<\/strong>\n              <p>Voor een compacte site of landingspagina met structuur, copy en flow.<\/p>\n            <\/article>\n          <\/div>\n        <\/div>\n      <\/section>\n\n      <section class=\"section section-work-redesigned\" id=\"werk\" aria-label=\"Werk in beeld\" data-achievement-title=\"Proof gespot\" data-achievement-text=\"Werk dat staat. Niet alleen mooie woorden.\" data-achievement-icon=\"\u2605\">\n        <div class=\"container\">\n          <div class=\"section-head\">\n            <p class=\"eyebrow\">Werk in beeld<\/p>\n            <h2>Als de basis klopt, voelt het middel meteen sterker.<\/h2>\n            <p>\n              Een paar voorbeelden in beeld. Niet als losse gallery, maar als bewijs dat strategie, copy en maken bij mij bij elkaar horen.\n            <\/p>\n          <\/div>\n\n          <div class=\"work-grid\">\n            <article class=\"work-card social-card\">\n              <div class=\"work-visual\">\n                <img src=\"https:\/\/arendvanberkel.nl\/wp-content\/uploads\/2026\/06\/image_2026-06-28_180128014.png\" alt=\"Voorbeeld van social media design door Studio Crossover\" loading=\"lazy\" decoding=\"async\">\n                <span class=\"work-tag\">Social<\/span>\n              <\/div>\n              <h3>Social media design<\/h3>\n              <p>Passend social media design draagt je boodschap uit zonder dat het schreeuwerig wordt. Vorm, hi\u00ebrarchie en toon werken samen, zodat iemand meteen voelt waar je verhaal over gaat.<\/p>\n            <\/article>\n\n            <article class=\"work-card wide-card\">\n              <div class=\"work-visual is-wide\">\n                <video data-src=\"https:\/\/arendvanberkel.nl\/wp-content\/uploads\/2026\/06\/0628.mp4\" muted loop playsinline preload=\"none\" data-ambient-video aria-label=\"ISO sfeerimpressie\"><\/video>\n                <span class=\"work-tag\">ISO<\/span>\n              <\/div>\n              <h3>ISO sfeerimpressie<\/h3>\n              <p>Voor events, terugblikken en zichtbaarheid rondom een moment. Beeld dat helpt om de sfeer en energie goed over te brengen.<\/p>\n            <\/article>\n\n            <article class=\"work-card wide-card\">\n              <div class=\"work-visual is-wide\">\n                <video data-src=\"https:\/\/arendvanberkel.nl\/wp-content\/uploads\/2026\/06\/website_design_showcase_hifi_autoplay_1440_60fps.mp4\" muted loop playsinline preload=\"none\" data-hover-video aria-label=\"Website-preview\"><\/video>\n                <span class=\"work-tag\">Website<\/span>\n              <\/div>\n              <h3>Website-preview<\/h3>\n              <p>Een voorbeeld van hoe copy, structuur en visuele richting samenkomen in een compacte landingspagina of lichte website.<\/p>\n            <\/article>\n          <\/div>\n        <\/div>\n      <\/section>\n\n      <section class=\"section\" id=\"diensten\" aria-label=\"Diensten\" data-achievement-title=\"Loadout geopend\" data-achievement-text=\"Kies je route. Dan maken we hem scherp.\" data-achievement-icon=\"\ud83c\udfae\">\n        <div class=\"container\">\n          <div class=\"section-head\">\n            <p class=\"eyebrow\">Diensten<\/p>\n            <h2>Drie routes. Vaak los, soms juist samen.<\/h2>\n            <p>\n              Dit is de kern van wat ik aanbied. Zo voel je sneller wat bij je vraag past. Twijfel je nog? Dan starten we met een eerste check.\n            <\/p>\n          <\/div>\n\n          <div class=\"services-stack\">\n            <article class=\"service-panel\" id=\"communicatie-copy\">\n              <div class=\"service-main\">\n                <span class=\"service-kicker\">Communicatie &amp; copy<\/span>\n                <h3>Voor als je boodschap nog niet scherp genoeg staat.<\/h3>\n                <p>\n                  Soms zit het probleem niet in het middel, maar in de boodschap. Dan moet eerst helder worden wat je wilt zeggen, welke toon past en wat iemand straks moet onthouden. Daar help ik bij.\n                <\/p>\n                <ul class=\"service-list\">\n                  <li>Kernboodschap en positionering aanscherpen<\/li>\n                  <li>Webteksten, campagnecopy of captions schrijven of herschrijven<\/li>\n                  <li>Gevoelige of lastige communicatie begrijpelijk maken<\/li>\n                  <li>Advies op toon, timing en structuur<\/li>\n                <\/ul>\n              <\/div>\n              <div class=\"service-side\">\n                <div class=\"service-side-card\">\n                  <strong>Past goed bij<\/strong>\n                  <p>Organisaties, makers of projecten die voelen dat hun verhaal beter kan landen, maar nog niet precies weten waar het schuurt.<\/p>\n                <\/div>\n                <div class=\"service-side-card\">\n                  <strong>Richtprijs<\/strong>\n                  <div class=\"price\">vanaf \u20ac450<\/div>\n                  <p>Afhankelijk van omvang, hoeveelheid tekst en of er ook strategisch denkwerk nodig is.<\/p>\n                <\/div>\n                <a class=\"service-link\" href=\"https:\/\/arendvanberkel.nl\/index.php\/contact-nl\/?topic=Communicatie%20en%20copy#contact-form\">Bespreek communicatie &amp; copy<\/a>\n              <\/div>\n            <\/article>\n\n            <article class=\"service-panel\" id=\"social-media\">\n              <div class=\"service-main\">\n                <span class=\"service-kicker\">Social media<\/span>\n                <h3>Voor social media die meer moet doen dan alleen vullen.<\/h3>\n                <p>\n                  Goede social media begint niet bij vullen. Eerst moet duidelijk zijn wat je wilt bereiken, voor wie je maakt en welk ritme haalbaar is. Daarna kan ik helpen met formats, copy, video, advertenties of tijdelijk beheer.\n                <\/p>\n                <ul class=\"service-list\">\n                  <li>Social media advies: kanalen, formats, doelgroep en tone of voice<\/li>\n                  <li>Content sprint: kalender, captions, visuals en videorichting<\/li>\n                  <li>Tijdelijk beheer of meedraaien in planning en publicatie<\/li>\n                  <li>Advertentie of campagne-uitingen als dat logisch is<\/li>\n                <\/ul>\n              <\/div>\n              <div class=\"service-side\">\n                <div class=\"service-side-card\">\n                  <strong>Past goed bij<\/strong>\n                  <p>Teams die social serieuzer willen aanpakken of een periode extra slagkracht nodig hebben in content en uitvoering.<\/p>\n                <\/div>\n                <div class=\"service-side-card\">\n                  <strong>Richtprijzen<\/strong>\n                  <div class=\"price\">sprint vanaf \u20ac750<\/div>\n                  <p>Beheer vanaf \u20ac650 per maand. We stemmen vooraf scherp af wat binnen de scope valt.<\/p>\n                <\/div>\n                <a class=\"service-link\" href=\"https:\/\/arendvanberkel.nl\/index.php\/contact-nl\/?topic=Social%20media#contact-form\">Bespreek social media<\/a>\n              <\/div>\n            <\/article>\n\n            <article class=\"service-panel\" id=\"website-landing\">\n              <div class=\"service-main\">\n                <span class=\"service-kicker\">Website &amp; landing<\/span>\n                <h3>Voor een pagina of site die snel duidelijk maakt waarom iemand moet blijven.<\/h3>\n                <p>\n                  Soms heb je geen grote website nodig, maar \u00e9\u00e9n sterke plek waar je verhaal rustig landt. Dan zorg ik voor opbouw, copy en visuele richting van een compacte site of landingspagina.\n                <\/p>\n                <ul class=\"service-list\">\n                  <li>Onepager, portfolio of lichte projectsite<\/li>\n                  <li>Structuur, copy en CTA-flow die klopt<\/li>\n                  <li>Responsieve HTML\/CSS en snelle basisopbouw<\/li>\n                  <li>Ideaal als web het middel is, niet het doel op zich<\/li>\n                <\/ul>\n              <\/div>\n              <div class=\"service-side\">\n                <div class=\"service-side-card\">\n                  <strong>Past goed bij<\/strong>\n                  <p>Makers, kleine organisaties en projecten die helder online willen staan zonder log bureauproces.<\/p>\n                <\/div>\n                <div class=\"service-side-card\">\n                  <strong>Richtprijs<\/strong>\n                  <div class=\"price\">vanaf \u20ac850<\/div>\n                  <p>Voor een compacte landingspagina of lichte site. Extra pagina\u2019s en uitwerkingen stemmen we vooraf af.<\/p>\n                <\/div>\n                <a class=\"service-link\" href=\"https:\/\/arendvanberkel.nl\/index.php\/contact-nl\/?topic=Website%20of%20landingspagina#contact-form\">Bespreek website &amp; landing<\/a>\n              <\/div>\n            <\/article>\n          <\/div>\n        <\/div>\n      <\/section>\n\n      <section class=\"section\" aria-label=\"Eerste stap\" data-achievement-title=\"Ruisradar aan\" data-achievement-text=\"Eerst zien waar het schuurt.\" data-achievement-icon=\"\u2301\">\n        <div class=\"container\">\n          <div class=\"section-head\">\n            <p class=\"eyebrow\">Eerste stap<\/p>\n            <h2>Zo begint het meestal.<\/h2>\n            <p>\n              Je hoeft niet meteen te weten welke dienst je nodig hebt. Daarom heb ik de instap bewust simpel gehouden.\n            <\/p>\n          <\/div>\n\n          <div class=\"check-grid\">\n            <article class=\"check-card\">\n              <div class=\"number\">01<\/div>\n              <h3>Eerste check<\/h3>\n              <p>Stuur me kort waar je mee bezig bent. Ik kijk vrijblijvend mee en geef aan welke route logisch voelt.<\/p>\n              <strong>vrijblijvend<\/strong>\n            <\/article>\n            <article class=\"check-card\">\n              <div class=\"number\">02<\/div>\n              <h3>Adviessessie<\/h3>\n              <p>Heb je meer scherpte nodig? Dan doen we een gerichte sessie met concrete keuzes en vervolgstappen.<\/p>\n              <strong>vanaf \u20ac250<\/strong>\n            <\/article>\n          <\/div>\n        <\/div>\n      <\/section>\n\n      <section class=\"section\" id=\"prijzen\" aria-label=\"Richtprijzen\" data-achievement-title=\"Shop unlocked\" data-achievement-text=\"Helder wat kan. Geen lootbox.\" data-achievement-icon=\"\u25c7\">\n        <div class=\"container\">\n          <div class=\"section-head\">\n            <p class=\"eyebrow\">Richtprijzen<\/p>\n            <h2>Helder genoeg om te kiezen. Simpel genoeg om te begrijpen.<\/h2>\n            <p>\n              In plaats van \u00e9\u00e9n groot onduidelijk grid zie je hier alleen de belangrijkste instapprijzen. Zo weet je sneller waar je ongeveer aan denkt.\n            <\/p>\n          <\/div>\n\n          <div class=\"price-grid\">\n            <article class=\"price-card\">\n              <div class=\"number\">00<\/div>\n              <h3>Eerste check<\/h3>\n              <strong>vrijblijvend<\/strong>\n              <p>Kort meekijken naar je vraag en bepalen welke route logisch is.<\/p>\n            <\/article>\n            <article class=\"price-card\">\n              <div class=\"number\">01<\/div>\n              <h3>Adviessessie<\/h3>\n              <strong>vanaf \u20ac250<\/strong>\n              <p>Voor richting, scherpte en concrete keuzes.<\/p>\n            <\/article>\n            <article class=\"price-card\">\n              <div class=\"number\">02<\/div>\n              <h3>Communicatie &amp; copy<\/h3>\n              <strong>vanaf \u20ac450<\/strong>\n              <p>Voor kernboodschap, webtekst, copy of herschrijven.<\/p>\n            <\/article>\n            <article class=\"price-card\">\n              <div class=\"number\">03<\/div>\n              <h3>Social sprint<\/h3>\n              <strong>vanaf \u20ac750<\/strong>\n              <p>Voor formats, kalender, captions, visuals of video.<\/p>\n            <\/article>\n          <\/div>\n\n          <div class=\"addons\">\n            <div>\n              <strong>Extra\u2019s of vervolg<\/strong>\n              <p>\n                Tijdelijk social media beheer start vanaf \u20ac650 per maand. Een compacte landingspagina of lichte site start vanaf \u20ac850. Maatwerk is mogelijk als communicatie, social en web in elkaar grijpen.\n              <\/p>\n            <\/div>\n            <div class=\"meta\">beheer vanaf \u20ac650 p\/m<br>website vanaf \u20ac850<br>maatwerk op aanvraag<\/div>\n          <\/div>\n\n          <p style=\"margin:18px 0 0; color: var(--soft); line-height:1.7;\">Alle richtprijzen zijn exclusief btw. Scope, tempo, extra rondes en spoed stemmen we vooraf af.<\/p>\n        <\/div>\n      <\/section>\n\n      <section class=\"section\" id=\"werkwijze\" aria-label=\"Werkwijze\" data-achievement-title=\"Route locked in\" data-achievement-text=\"Van vraag naar verhaal naar actie.\" data-achievement-icon=\"\u279c\">\n        <div class=\"container\">\n          <div class=\"section-head\">\n            <p class=\"eyebrow\">Werkwijze<\/p>\n            <h2>Van losse vraag naar iets dat staat.<\/h2>\n            <p>\n              Ik wil niet alleen een mooi idee achterlaten. Ik wil dat je verder kunt met iets dat helder, bruikbaar en passend is.\n            <\/p>\n          <\/div>\n\n          <div class=\"process-grid\">\n            <article class=\"process-card\">\n              <div class=\"number\">01<\/div>\n              <h3>Luisteren<\/h3>\n              <p>Wat speelt er echt? Waar zit de vraag achter de vraag? En wat wil je dat mensen begrijpen, voelen of doen?<\/p>\n            <\/article>\n            <article class=\"process-card\">\n              <div class=\"number\">02<\/div>\n              <h3>Kiezen<\/h3>\n              <p>We bepalen de kern, de toon en het middel dat het meest logisch is voor jouw situatie.<\/p>\n            <\/article>\n            <article class=\"process-card\">\n              <div class=\"number\">03<\/div>\n              <h3>Maken<\/h3>\n              <p>Ik vertaal dat naar copy, formats, video, een advertentie, een planning of een pagina.<\/p>\n            <\/article>\n            <article class=\"process-card\">\n              <div class=\"number\">04<\/div>\n              <h3>Aanscherpen<\/h3>\n              <p>We kijken wat werkt, wat nog rustiger kan en wat de logische volgende stap is.<\/p>\n            <\/article>\n          <\/div>\n        <\/div>\n      <\/section>\n\n      <section class=\"section mini-about\" id=\"over-mij\" aria-label=\"Over mij\" data-achievement-title=\"Lore gevonden\" data-achievement-text=\"Even achter de schermen kijken.\" data-achievement-icon=\"\u2726\">\n        <div class=\"container\">\n          <div class=\"mini-about-card\">\n            <div>\n              <p class=\"eyebrow\">Over mij<\/p>\n              <h2>Het verhaal achter mijn blik.<\/h2>\n              <p>\n                Ik kijk naar communicatie vanuit meerdere werelden: pers, social media,\n                online cultuur en gaming. Daardoor zoek ik niet alleen naar een mooie tekst,\n                maar naar een route die voor mensen logisch voelt.\n              <\/p>\n            <\/div>\n\n            <div class=\"mini-about-actions\">\n              <a class=\"ghost-button\" href=\"https:\/\/arendvanberkel.nl\/index.php\/over-mij\/\">Lees meer over mij<\/a>\n              <a class=\"mini-about-text-link\" href=\"#werkwijze\">Bekijk mijn werkwijze<\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/section>\n\n      <section class=\"section sc-contact\" id=\"contact\" aria-label=\"Contact\" data-achievement-title=\"Save point\" data-achievement-text=\"Goed moment om te schakelen.\" data-achievement-icon=\"\u2709\">\n        <div class=\"container\">\n          <div class=\"sc-contact-card\">\n            <div class=\"sc-contact-meta\">\n              <span class=\"sc-label\">Save point<\/span>\n            <\/div>\n\n            <div class=\"sc-contact-shell\">\n              <div class=\"sc-contact-copy\">\n                <h2>Laten we schakelen.<\/h2>\n                <p>\n                  Heb je een verhaal dat scherper mag, content die meer richting nodig heeft\n                  of een boodschap waarbij de toon precies moet kloppen? Dan kijk ik graag mee.\n                <\/p>\n              <\/div>\n\n              <div class=\"sc-contact-side\">\n                <a class=\"sc-button sc-hover-button\" href=\"mailto:arendvanberkel@gmail.com?subject=Vraag%20over%20Studio%20Crossover\"><span>Mail mij<\/span><\/a>\n                <a class=\"sc-text-link\" href=\"https:\/\/arendvanberkel.nl\/index.php\/over-mij\/\">Ontdek mijn verhaal<\/a>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/section>\n    <\/main>\n  <footer class=\"sc-site-footer\" aria-label=\"Footer\">\n  \n    <div class=\"sc-footer-main sc-footer-main-v13\" aria-label=\"Studio Crossover gemaakt met wisselende woorden\">\n      <strong>Studio Crossover<\/strong>\n      <span class=\"sc-footer-separator\">gemaakt met<\/span>\n      <span class=\"sc-footer-ticker\" aria-live=\"polite\" data-sc-words=\"strategie|gamerbrein|online cultuur|scherpe copy|eagle eye|timing|ruisradar|campagnegevoel|duidelijke taal|social instinct|menselijkheid|pixelprecisie\">\n        <span class=\"sc-footer-word\">strategie<\/span>\n      <\/span>\n      <span class=\"sc-footer-sr\">strategie, gamerbrein, online cultuur, scherpe copy, eagle eye, timing, ruisradar, campagnegevoel, duidelijke taal, social instinct, menselijkheid, pixelprecisie<\/span>\n    <\/div>\n\n    <div class=\"sc-footer-crossover\">\n      <p>Crossover gaat voor mij over kruispunten. Gaming en publieke communicatie. Strategie en uitvoering. Data en gevoel. Verschillende routes, \u00e9\u00e9n helder verhaal.<\/p>\n    <\/div>\n\n    <div class=\"sc-footer-bottom\">\n      <div class=\"sc-footer-meta\">\n        <p>Communicatieadvies &amp; social media<\/p>\n        <p>\u00a9 2023-<span class=\"sc-current-year\">2026<\/span> Studio Crossover<\/p>\n        <p>KvK 89499867<\/p>\n        <p class=\"sc-secret-hint\">\u2191 \u2191 \u2193 \u2193 \u2190 \u2192 \u2190 \u2192 B A<\/p>\n      <\/div>\n      <nav class=\"sc-site-footer-links\" aria-label=\"Footer links\">\n        <a href=\"https:\/\/arendvanberkel.nl\/\">Home<\/a>\n        <a href=\"https:\/\/arendvanberkel.nl\/index.php\/over-mij\/\">Over mij<\/a>\n        <a href=\"https:\/\/arendvanberkel.nl\/index.php\/diensten\/\">Diensten<\/a>\n        <a href=\"mailto:arendvanberkel@gmail.com\">Mail<\/a>\n        <a href=\"https:\/\/www.linkedin.com\/in\/arend-van-berkel\/\" target=\"_blank\" rel=\"noopener\">LinkedIn<\/a>\n      <\/nav>\n    <\/div>\n  <\/div>\n<\/footer>\n  \n<style id=\"scx-v5-shared-safe-style\">\n\/* Alleen op de publieke voorkant: losse WordPress edit-link verbergen. *\/\nbody.scx-frontend-safe :is(a.post-edit-link,.post-edit-link,.edit-link>a[href*=\"post.php\"][href*=\"action=edit\"],a[href*=\"post.php?post=\"][href*=\"action=edit\"]){display:none!important;visibility:hidden!important}\n\n\/* Compact woordmerk, gelijk aan Home. *\/\n.sc-site .sc-brand,.sc-about-page .sc-brand{flex:0 0 86px!important;width:86px!important;min-width:86px!important;max-width:86px!important;height:32px!important;padding:0!important;margin:0!important;overflow:hidden!important;background:transparent!important;border:0!important;box-shadow:none!important;filter:none!important}\n.sc-brand-full{position:relative!important;display:block!important;width:100%!important;height:100%!important;overflow:hidden!important}\n.sc-brand-full img{position:absolute!important;left:50%!important;top:48%!important;width:100%!important;height:auto!important;max-width:none!important;transform:translate(-50%,-50%) scale(1.15)!important;object-fit:contain!important}\n.sc-brand-logo-dark{display:block!important}.sc-brand-logo-light{display:none!important}\n.sc-site[data-theme=\"light\"] .sc-brand-logo-dark,.sc-about-page[data-theme=\"light\"] .sc-brand-logo-dark{display:none!important}\n.sc-site[data-theme=\"light\"] .sc-brand-logo-light,.sc-about-page[data-theme=\"light\"] .sc-brand-logo-light{display:block!important}\n@media(max-width:620px){.sc-site .sc-brand,.sc-about-page .sc-brand{flex-basis:78px!important;width:78px!important;min-width:78px!important;max-width:78px!important;height:30px!important}}\n@media(max-width:390px){.sc-site .sc-brand,.sc-about-page .sc-brand{flex-basis:72px!important;width:72px!important;min-width:72px!important;max-width:72px!important;height:28px!important}}\n\n\/* Alle oude achievement-UI blijft onzichtbaar. E\u00e9n v5-systeem hieronder is leidend. *\/\n:is(.sc-achievement-toast,.scx-achievement-toast,.sc-motion-achievement-toast,.sc-end-achievement,.sc-v100-toast,.sc-v110-toast,[class*=\"legacy-achievement\"]){display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}\n.scx-v5-achievement{position:fixed;right:16px;bottom:16px;z-index:2147483000;width:min(316px,calc(100vw - 32px));display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:center;padding:10px 13px 10px 10px;border:1px solid rgba(196,167,255,.22);border-radius:17px;background:rgba(7,10,18,.90);color:#fff;box-shadow:0 18px 50px rgba(0,0,0,.28);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);opacity:0;transform:translateY(14px) scale(.98);pointer-events:none;transition:opacity .25s ease,transform .25s ease}\n.scx-v5-achievement.is-visible{opacity:1;transform:none}.scx-v5-achievement-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:rgba(196,167,255,.14);font-size:20px}.scx-v5-achievement strong{display:block;font-size:.84rem;line-height:1.16}.scx-v5-achievement small{display:block;margin-top:3px;color:rgba(255,255,255,.68);font-size:.70rem;line-height:1.32}\n.sc-site[data-theme=\"light\"]~.scx-v5-achievement,.sc-about-page[data-theme=\"light\"]~.scx-v5-achievement,body[data-theme=\"light\"] .scx-v5-achievement{background:rgba(255,255,255,.96);color:#211b39;border-color:rgba(94,69,216,.18)}\nbody[data-theme=\"light\"] .scx-v5-achievement small{color:#665d76}\n\/* In Elementor zelf geen achievement-overlay. *\/\nbody.elementor-editor-active .scx-v5-achievement,body.elementor-editor-preview .scx-v5-achievement,html.elementor-html .scx-v5-achievement{display:none!important}\n<\/style>\n\n<script id=\"scx-v5-achievements-script\">\n(function(){\n  if(window.__SCX_IN_ELEMENTOR__) return;\n  function editor(){try{return !!(window.__SCX_IN_ELEMENTOR__||window.elementor||document.documentElement.classList.contains('elementor-html')||(document.body&&(document.body.classList.contains('elementor-editor-active')||document.body.classList.contains('elementor-editor-preview')))||\/(?:[?&](?:elementor-preview|action=elementor)=|elementor-editor)\/i.test(String(location.href||'')));}catch(e){return true;}}\n  if(editor())return;\n  var root=document.querySelector('.sc-site.sc-motion-root,.sc-about-page');if(!root)return;\n  var lang=(root.getAttribute('data-language')||document.documentElement.lang||'nl').toLowerCase().indexOf('en')===0?'en':'nl';\n  var page=(root.getAttribute('data-page')||'').toLowerCase();if(!page){page=root.classList.contains('sc-work')?'work':root.classList.contains('sc-about-page')||root.classList.contains('sc-about')?'about':root.classList.contains('sc-contact-page')?'contact':'services';}\n  var copy={nl:{\n    services:[['main > section:first-of-type','Quest board open','Even kijken welke route bij jouw vraag past.','\ud83c\udfae'],['#werk','Proof gespot','Mooie woorden zijn leuk. Werk dat werkt is leuker.','\ud83d\udc40'],['#diensten,#services','Loadout gekozen','Copy, social, web of advies. Pak wat je nodig hebt.','\ud83c\udf92'],['#prijzen,#pricing','Budget radar aan','Geen lootbox. Wel een eerlijke richtprijs.','\ud83d\udcb8'],['#werkwijze,#process','Route locked','Van losse vraag naar een plan waar je morgen mee verder kunt.','\ud83d\uddfa\ufe0f'],['#over-mij,#about','Lore gevonden','Hier zit dus die gamerblik achter.','\ud83e\udd85'],['#contact','Co-op unlocked','Jij de vraag, ik de frisse blik?','\ud83e\udd1d']],\n    about:[['main > section:first-of-type','.','Geen corporate lore. Gewoon hoe ik hier ben beland.','\ud83d\udcd6'],['#origin','Eagle eye gevonden','Eerst zien waar het schuurt. Dan pas iets maken.','\ud83e\udd85'],['#gaming','Player one joined','Ja, dat gamerbrein zit nog steeds in mijn werk.','\ud83c\udfae'],['#ervaring,#experience','XP verzameld','Publiek, politiek, online. Best een vreemde skill tree.','\u2b50'],['#opleiding,#education','Skill tree open','Nieuwe media, theater en vooral veel nieuwsgierigheid.','\ud83c\udf31'],['#contact','Party invite','Genoeg lore. Waar ben jij mee bezig?','\ud83d\udcac']],\n    contact:[['main > section:first-of-type','Inbox unlocked','Een perfecte briefing is hier niet nodig.','\ud83d\udcec'],['form,.sc-contact-form-card,.scx-fluent-form-target','Startscherm gevonden','Een paar zinnen is genoeg om te beginnen.','\u270d\ufe0f'],['#contact,.sc-contact-steps','Quest accepted','Ik lees mee en kom terug met een logische volgende stap.','\ud83e\udded']],\n    work:[['main > section:first-of-type','Portfolio loaded','Geen inventarisscherm. Wel werk waar ik graag op terugkijk.','\ud83d\udd79\ufe0f'],['[data-sc-work-runway]','Panorama unlocked','Klik links of rechts. De volgende case staat al klaar.','\ud83c\udfac'],['.sc-case-lab,#werk','Behind the scenes','Hier zie je wat er onder de motorkap gebeurt.','\ud83d\udee0\ufe0f'],['#contact,.sc-work-contact','Co-op unlocked','Zullen we iets maken dat hier straks tussen past?','\ud83e\udd1d']]\n  },en:{\n    services:[['main > section:first-of-type','Quest board open','Let\u2019s find the route that fits the brief.','\ud83c\udfae'],['#work,#werk','Proof spotted','Nice words are good. Work that works is better.','\ud83d\udc40'],['#services,#diensten','Loadout selected','Copy, social, web or advice. Pick what you need.','\ud83c\udf92'],['#pricing,#prijzen','Budget radar on','No loot box. Just a useful price range.','\ud83d\udcb8'],['#process,#werkwijze','Route locked','From loose question to a plan you can actually use.','\ud83d\uddfa\ufe0f'],['#about,#over-mij','Lore found','So that is where the gamer brain comes from.','\ud83e\udd85'],['#contact','Co-op unlocked','Your question, my fresh pair of eyes?','\ud83e\udd1d']],\n    about:[['main > section:first-of-type','Origin story unlocked','No corporate lore. Just how I ended up here.','\ud83d\udcd6'],['#origin','Eagle eye found','Spot the friction first. Make things second.','\ud83e\udd85'],['#gaming','Player one joined','Yes, the gamer brain still shows up in my work.','\ud83c\udfae'],['#experience,#ervaring','XP collected','Public, political, online. Quite the skill tree.','\u2b50'],['#education,#opleiding','Skill tree open','New media, theatre and a lot of curiosity.','\ud83c\udf31'],['#contact','Party invite','Enough lore. What are you working on?','\ud83d\udcac']],\n    contact:[['main > section:first-of-type','Inbox unlocked','You do not need a perfect brief here.','\ud83d\udcec'],['form,.sc-contact-form-card,.scx-fluent-form-target','Start screen found','A few sentences are enough to get started.','\u270d\ufe0f'],['#contact,.sc-contact-steps','Quest accepted','I will read along and suggest a sensible next step.','\ud83e\udded']],\n    work:[['main > section:first-of-type','Portfolio loaded','No inventory screen. Just work I like looking back on.','\ud83d\udd79\ufe0f'],['[data-sc-work-runway]','Panorama unlocked','Click left or right. The next case is already waiting.','\ud83c\udfac'],['.sc-case-lab,#work','Behind the scenes','A quick look at what happens under the hood.','\ud83d\udee0\ufe0f'],['#contact,.sc-work-contact','Co-op unlocked','Shall we make something that belongs here next?','\ud83e\udd1d']]\n  }};\n  var entries=(copy[lang]&&copy[lang][page])||copy[lang].services;\n  document.querySelectorAll('.scx-v5-achievement').forEach(function(n){n.remove();});\n  var toast=document.createElement('div');toast.className='scx-v5-achievement';toast.setAttribute('role','status');toast.setAttribute('aria-live','polite');toast.innerHTML='<span class=\"scx-v5-achievement-icon\">\u2728<\/span><span><strong><\/strong><small><\/small><\/span>';document.body.appendChild(toast);\n  var seen=new WeakSet(),timer;function show(el,t,x,i){if(!el||seen.has(el))return;seen.add(el);toast.querySelector('.scx-v5-achievement-icon').textContent=i;toast.querySelector('strong').textContent=t;toast.querySelector('small').textContent=x;toast.classList.add('is-visible');clearTimeout(timer);timer=setTimeout(function(){toast.classList.remove('is-visible')},3500);}\n  entries.forEach(function(item,index){var el=null;item[0].split(',').some(function(sel){try{el=root.querySelector(sel.trim());}catch(e){el=null;}return !!el;});if(!el)return;if(index===0){setTimeout(function(){show(el,item[1],item[2],item[3])},900);return;}if('IntersectionObserver'in window){var io=new IntersectionObserver(function(es,o){es.forEach(function(e){if(e.isIntersecting){show(el,item[1],item[2],item[3]);o.disconnect();}})},{threshold:.28,rootMargin:'-10% 0px -18%'});io.observe(el);}});\n})();\n<\/script>\n\n\n<\/div>\n\n  <script>\n    (function () {\n  if(window.__SCX_IN_ELEMENTOR__) return;\n      var page = document.querySelector('.page');\n      var body = document.body;\n      var menuToggle = document.querySelector('.mobile-toggle');\n      var menuPanel = document.getElementById('site-menu-panel');\n      var motionButton = document.querySelector('[data-motion-toggle]');\n      var themeButtons = Array.prototype.slice.call(document.querySelectorAll('[data-theme-toggle]'));\n      var ambientVideos = Array.prototype.slice.call(document.querySelectorAll('[data-ambient-video]'));\n      var hoverVideos = Array.prototype.slice.call(document.querySelectorAll('[data-hover-video]'));\n      var reducedMotionQuery = window.matchMedia('(prefers-reduced-motion: reduce)');\n      var motionPaused = reducedMotionQuery.matches;\n      var progress = document.querySelector('.scroll-progress');\n      var navLinks = Array.prototype.slice.call(document.querySelectorAll('.nav-links a[href^=\"#\"]'));\n      var allMenuLinks = Array.prototype.slice.call(document.querySelectorAll('.nav-links a'));\n      var sectionTargets = navLinks.map(function (link) {\n        return document.querySelector(link.getAttribute('href'));\n      }).filter(Boolean);\n\n      function getStoredTheme() {\n        try { return localStorage.getItem('studio-crossover-theme'); } catch (e) { return null; }\n      }\n\n      function storeTheme(theme) {\n        try { localStorage.setItem('studio-crossover-theme', theme); } catch (e) {}\n      }\n\n      function syncThemeButtons() {\n        var isLight = body.getAttribute('data-theme') === 'light';\n        themeButtons.forEach(function (button) {\n          button.textContent = isLight ? 'Dark mode' : 'Light mode';\n          button.setAttribute('aria-pressed', isLight ? 'true' : 'false');\n        });\n      }\n\n      function setTheme(theme) {\n        if (theme === 'light') body.setAttribute('data-theme', 'light');\n        else body.removeAttribute('data-theme');\n        storeTheme(theme === 'light' ? 'light' : 'dark');\n        syncThemeButtons();\n      }\n\n      function toggleTheme() {\n        var isLight = body.getAttribute('data-theme') === 'light';\n        setTheme(isLight ? 'dark' : 'light');\n      }\n\n      themeButtons.forEach(function (button) {\n        button.addEventListener('click', toggleTheme);\n      });\n\n      function syncMenu(forceClose) {\n        if (!menuToggle || !menuPanel) return;\n        var isOpen = forceClose ? false : page.classList.contains('menu-open');\n        page.classList.toggle('menu-open', isOpen);\n        body.classList.toggle('is-locked', isOpen);\n        menuToggle.setAttribute('aria-expanded', isOpen ? 'true' : 'false');\n        menuPanel.hidden = !isOpen;\n      }\n\n      if (menuToggle) {\n        menuToggle.addEventListener('click', function () {\n          page.classList.toggle('menu-open');\n          syncMenu();\n        });\n      }\n\n      document.addEventListener('click', function (event) {\n        if (!page.classList.contains('menu-open')) return;\n        if (event.target.closest('.nav-panel') || event.target.closest('.nav-actions') || event.target.closest('.brand')) return;\n        syncMenu(true);\n      });\n\n      allMenuLinks.forEach(function (link) {\n        link.addEventListener('click', function (event) {\n          var url = link.getAttribute('data-nav-url') || link.getAttribute('href');\n          var opensNewTab = event.metaKey || event.ctrlKey || event.shiftKey || event.altKey || link.getAttribute('target') === '_blank';\n\n          syncMenu(true);\n\n          if (!url || url.charAt(0) === '#' || opensNewTab) return;\n\n          event.preventDefault();\n          window.setTimeout(function () {\n            window.location.assign(url);\n          }, 40);\n        });\n      });\n\n      function playAmbientVideos() {\n        if (motionPaused) return;\n        ambientVideos.forEach(function (video) {\n          var p = video.play();\n          if (p && typeof p.catch === 'function') p.catch(function () {});\n        });\n      }\n\n      function pauseAmbientVideos() {\n        ambientVideos.forEach(function (video) { video.pause(); });\n      }\n\n      function syncMotionLabel() {\n        if (!motionButton) return;\n        motionButton.textContent = motionPaused ? 'Speel beweging af' : 'Pauzeer beweging';\n        motionButton.setAttribute('aria-pressed', motionPaused ? 'true' : 'false');\n      }\n\n      function setMotionPaused(value) {\n        motionPaused = value;\n        if (motionPaused) {\n          pauseAmbientVideos();\n          hoverVideos.forEach(function (video) { video.pause(); });\n        } else {\n          playAmbientVideos();\n        }\n        syncMotionLabel();\n      }\n\n      if (motionButton) {\n        motionButton.addEventListener('click', function () {\n          setMotionPaused(!motionPaused);\n        });\n      }\n\n      hoverVideos.forEach(function (video) {\n        function tryPlay() {\n          if (motionPaused) return;\n          var p = video.play();\n          if (p && typeof p.catch === 'function') p.catch(function () {});\n        }\n        function stopPlay() {\n          video.pause();\n          try { video.currentTime = 0; } catch (e) {}\n        }\n        var parent = video.closest('.work-card');\n        if (!parent) return;\n        parent.addEventListener('mouseenter', tryPlay);\n        parent.addEventListener('mouseleave', stopPlay);\n        parent.addEventListener('focusin', tryPlay);\n        parent.addEventListener('focusout', stopPlay);\n      });\n\n      function handleReducedMotionChange(event) {\n        setMotionPaused(event.matches);\n      }\n\n      if (typeof reducedMotionQuery.addEventListener === 'function') {\n        reducedMotionQuery.addEventListener('change', handleReducedMotionChange);\n      } else if (typeof reducedMotionQuery.addListener === 'function') {\n        reducedMotionQuery.addListener(handleReducedMotionChange);\n      }\n\n      function updateProgress() {\n        if (!progress) return;\n        var scrollTop = window.scrollY || document.documentElement.scrollTop;\n        var height = document.documentElement.scrollHeight - window.innerHeight;\n        var value = height > 0 ? scrollTop \/ height : 0;\n        progress.style.transform = 'scaleX(' + value + ')';\n      }\n\n      function getAnchorOffset() {\n        return window.innerWidth <= 960 ? 104 : 118;\n      }\n\n      function updateActiveNav() {\n        if (!sectionTargets.length) return;\n        var orderedTargets = sectionTargets.slice().sort(function (a, b) {\n          return a.offsetTop - b.offsetTop;\n        });\n        var currentId = orderedTargets[0].id;\n        var trigger = window.scrollY + getAnchorOffset() + Math.max(90, window.innerHeight * 0.24);\n        orderedTargets.forEach(function (section) {\n          if (section.offsetTop <= trigger) currentId = section.id;\n        });\n        navLinks.forEach(function (link) {\n          var isActive = link.getAttribute('href') === '#' + currentId;\n          link.classList.toggle('is-active', isActive);\n          if (isActive) link.setAttribute('aria-current', 'page');\n          else link.removeAttribute('aria-current');\n        });\n      }\n\n      function requestUiUpdates() {\n        updateProgress();\n        updateActiveNav();\n      }\n\n      function removeExternalFloatButtons() {\n        var nodes = Array.prototype.slice.call(document.querySelectorAll('a, button, div, aside'));\n        nodes.forEach(function (node) {\n          if (!node || node.closest('.page')) return;\n          var text = (node.textContent || '').replace(\/\\s+\/g, ' ').trim().toLowerCase();\n          if (!text) return;\n          if (text.indexOf('laten we schakelen') === -1) return;\n          var style = window.getComputedStyle(node);\n          var fixedLike = style.position === 'fixed' || style.position === 'sticky';\n          if (fixedLike || node.getBoundingClientRect().right > (window.innerWidth - 40)) {\n            node.classList.add('hide-external-sticky');\n            node.setAttribute('data-hide-external-sticky', 'true');\n          }\n        });\n      }\n\n      window.addEventListener('scroll', requestUiUpdates, { passive: true });\n      window.addEventListener('resize', requestUiUpdates, { passive: true });\n      window.addEventListener('keydown', function (event) {\n        if (event.key === 'Escape') syncMenu(true);\n      });\n\n\n      Array.prototype.slice.call(document.querySelectorAll('.sc-hover-button')).forEach(function (button) {\n        button.addEventListener('mousemove', function (event) {\n          var rect = button.getBoundingClientRect();\n          button.style.setProperty('--mx', event.clientX - rect.left + 'px');\n          button.style.setProperty('--my', event.clientY - rect.top + 'px');\n        });\n      });\n\n      setTheme(getStoredTheme() === 'light' ? 'light' : 'dark');\n      syncMenu(true);\n      syncMotionLabel();\n      if (!motionPaused) playAmbientVideos();\n      requestUiUpdates();\n      removeExternalFloatButtons();\n      window.setTimeout(removeExternalFloatButtons, 600);\n      window.setTimeout(removeExternalFloatButtons, 1800);\n      window.setInterval(removeExternalFloatButtons, 4000);\n    })();\n  <\/script>\n\n<script>\n(function(){\n  if(window.__SCX_IN_ELEMENTOR__) return;\n  function hideExternalStickyCta(){\n    var nodes = Array.prototype.slice.call(document.querySelectorAll('a, button, div'));\n    nodes.forEach(function(node){\n      if (node.closest('.page')) return;\n      var text = (node.textContent || '').toLowerCase().replace(\/\\s+\/g, ' ').trim();\n      if (text.indexOf('laten we schakelen') === -1) return;\n      var style = window.getComputedStyle(node);\n      var rect = node.getBoundingClientRect();\n      var isEdge = rect.right > window.innerWidth - 160 || rect.left < 120 || rect.bottom > window.innerHeight - 160;\n      if ((style.position === 'fixed' || style.position === 'sticky' || isEdge) && rect.width < 220) {\n        node.style.setProperty('display','none','important');\n        node.style.setProperty('visibility','hidden','important');\n        node.style.setProperty('opacity','0','important');\n        node.style.setProperty('pointer-events','none','important');\n      }\n    });\n  }\n  hideExternalStickyCta();\n  window.setTimeout(hideExternalStickyCta, 300);\n  window.setTimeout(hideExternalStickyCta, 1000);\n  window.setTimeout(hideExternalStickyCta, 2200);\n})();\n<\/script>\n\n<script>(function(){\n  if(window.__SCX_IN_ELEMENTOR__) return;function hideExternalStickyCta(){var nodes=Array.prototype.slice.call(document.body.querySelectorAll(\"*\"));nodes.forEach(function(node){if(!node||node.closest(\".page\")) return;var style=window.getComputedStyle(node);var rect=node.getBoundingClientRect();var text=(node.textContent||\"\").toLowerCase().replace(\/\\s+\/g,\" \").trim();var nearRightEdge=rect.right>window.innerWidth-6;var smallFixedWidget=(style.position===\"fixed\"||style.position===\"sticky\")&&rect.width<=140&&rect.height<=320&&nearRightEdge;var namedWidget=text.indexOf(\"laten we schakelen\")!==-1;if(namedWidget||smallFixedWidget){node.style.setProperty(\"display\",\"none\",\"important\");node.style.setProperty(\"visibility\",\"hidden\",\"important\");node.style.setProperty(\"opacity\",\"0\",\"important\");node.style.setProperty(\"pointer-events\",\"none\",\"important\");}});}hideExternalStickyCta();window.setTimeout(hideExternalStickyCta,300);window.setTimeout(hideExternalStickyCta,1000);window.setTimeout(hideExternalStickyCta,2500);var observer=new MutationObserver(function(){hideExternalStickyCta();});observer.observe(document.body,{childList:true,subtree:true});})();<\/script>\n<style>\n\/* === Menu sync 2026: drie pagina-links + light\/dark-toggle zichtbaar in topbar === *\/\n.page .nav-links.sc-page-menu-links {\n  width: min(1040px, 100%) !important;\n  margin: 0 auto !important;\n  display: grid !important;\n  grid-template-columns: 1fr !important;\n  gap: 0 !important;\n  padding: 0 !important;\n  border: 0 !important;\n  border-radius: 0 !important;\n  background: transparent !important;\n  box-shadow: none !important;\n  backdrop-filter: none !important;\n  -webkit-backdrop-filter: none !important;\n}\n.page .nav-links.sc-page-menu-links::before {\n  content: \"ROUTEKAART\" !important;\n  display: block !important;\n  margin: 0 0 16px 82px !important;\n  color: rgba(196,167,255,.78) !important;\n  font-family: \"Courier New\", ui-monospace, monospace !important;\n  font-size: 12px !important;\n  line-height: 1 !important;\n  font-weight: 900 !important;\n  letter-spacing: .18em !important;\n}\n.page .nav-links.sc-page-menu-links a {\n  position: relative !important;\n  min-height: clamp(78px, 9vh, 102px) !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: flex-start !important;\n  padding: 22px min(430px, 34vw) 22px 82px !important;\n  border: 0 !important;\n  border-top: 1px solid rgba(196,167,255,.13) !important;\n  border-radius: 0 !important;\n  background: transparent !important;\n  color: rgba(248,247,255,.94) !important;\n  font-size: clamp(42px, 6.8vw, 98px) !important;\n  line-height: .9 !important;\n  font-weight: 940 !important;\n  letter-spacing: -.067em !important;\n  text-decoration: none !important;\n  text-align: left !important;\n  transition: transform .22s ease, color .22s ease !important;\n}\nbody[data-theme=\"light\"] .page .nav-links.sc-page-menu-links a {\n  color: rgba(23,19,35,.92) !important;\n  border-color: rgba(84,96,249,.13) !important;\n}\n.page .nav-links.sc-page-menu-links a:last-child { border-bottom: 1px solid rgba(196,167,255,.13) !important; }\n.page .nav-links.sc-page-menu-links a::before {\n  content: attr(data-index) !important;\n  position: absolute !important;\n  left: 0 !important;\n  top: 50% !important;\n  width: 48px !important;\n  transform: translateY(-50%) !important;\n  color: rgba(196,167,255,.72) !important;\n  font-family: \"Courier New\", ui-monospace, monospace !important;\n  font-size: 13px !important;\n  font-weight: 900 !important;\n  letter-spacing: .08em !important;\n}\n.page .nav-links.sc-page-menu-links a::after {\n  content: attr(data-hint) !important;\n  position: absolute !important;\n  right: 0 !important;\n  top: 50% !important;\n  width: min(360px, 30vw) !important;\n  max-width: min(360px, 30vw) !important;\n  transform: translate3d(16px,-50%,0) !important;\n  opacity: 0 !important;\n  color: rgba(214,217,230,.66) !important;\n  font-size: clamp(14px,1.08vw,17px) !important;\n  line-height: 1.42 !important;\n  font-weight: 720 !important;\n  letter-spacing: -.015em !important;\n  transition: opacity .22s ease, transform .22s ease, color .22s ease !important;\n}\n.page .nav-links.sc-page-menu-links a:hover,\n.page .nav-links.sc-page-menu-links a:focus-visible,\n.page .nav-links.sc-page-menu-links a.is-active,\n.page .nav-links.sc-page-menu-links a[aria-current=\"page\"] {\n  transform: translateX(6px) !important;\n  color: var(--accent) !important;\n  outline: none !important;\n}\n.page .nav-links.sc-page-menu-links a:hover::after,\n.page .nav-links.sc-page-menu-links a:focus-visible::after,\n.page .nav-links.sc-page-menu-links a.is-active::after,\n.page .nav-links.sc-page-menu-links a[aria-current=\"page\"]::after {\n  opacity: 1 !important;\n  transform: translate3d(0,-50%,0) !important;\n  color: rgba(248,247,255,.76) !important;\n}\nbody[data-theme=\"light\"] .page .nav-links.sc-page-menu-links a::after { color: rgba(52,45,66,.66) !important; }\nbody[data-theme=\"light\"] .page .nav-links.sc-page-menu-links a:hover::after,\nbody[data-theme=\"light\"] .page .nav-links.sc-page-menu-links a.is-active::after,\nbody[data-theme=\"light\"] .page .nav-links.sc-page-menu-links a[aria-current=\"page\"]::after { color: rgba(23,19,35,.76) !important; }\n.page .nav-panel-inner { width: min(1120px, calc(100vw - 44px)) !important; max-width: 1120px !important; }\n.page .nav-tools { width: min(1040px, 100%) !important; margin: 0 auto !important; padding-left: 82px !important; }\n@media (max-width: 767px) {\n  .page .nav-links.sc-page-menu-links { width: min(100%, 440px) !important; }\n  .page .nav-links.sc-page-menu-links::before { content: \"MENU\" !important; margin-left: 62px !important; margin-bottom: 12px !important; }\n  .page .nav-links.sc-page-menu-links a {\n    min-height: 72px !important;\n    padding: 16px 0 25px 62px !important;\n    font-size: clamp(31px, 10vw, 52px) !important;\n    letter-spacing: -.062em !important;\n    transform: none !important;\n  }\n  .page .nav-links.sc-page-menu-links a::before { top: 23px !important; transform: none !important; font-size: 11px !important; width: 38px !important; }\n  .page .nav-links.sc-page-menu-links a::after {\n    left: 62px !important;\n    right: auto !important;\n    top: auto !important;\n    bottom: 11px !important;\n    width: auto !important;\n    max-width: 280px !important;\n    opacity: .72 !important;\n    transform: none !important;\n    font-size: 12.5px !important;\n    line-height: 1.35 !important;\n  }\n  .page .nav-links.sc-page-menu-links a:hover,\n  .page .nav-links.sc-page-menu-links a:focus-visible,\n  .page .nav-links.sc-page-menu-links a.is-active,\n  .page .nav-links.sc-page-menu-links a[aria-current=\"page\"] { transform: none !important; }\n  .page .nav-tools { width: min(100%, 440px) !important; padding-left: 62px !important; }\n}\n<\/style>\n\n\n<style>\n\/* Zichtbare topbar-toggle blijft zichtbaar op desktop, tablet en mobiel. *\/\n.page .theme-toggle-top {\n  display: inline-flex !important;\n  visibility: visible !important;\n  opacity: 1 !important;\n}\n.page.menu-open .theme-toggle-top {\n  display: inline-flex !important;\n  visibility: visible !important;\n  opacity: 1 !important;\n}\n@media (max-width: 960px) {\n  .page .theme-toggle-top {\n    min-width: 46px !important;\n    min-height: 46px !important;\n    padding: 0 13px !important;\n    font-size: .76rem !important;\n  }\n}\n@media (max-width: 420px) {\n  .page .brand-copy { display: none !important; }\n  .page .theme-toggle-top {\n    width: 46px !important;\n    padding: 0 !important;\n    overflow: hidden !important;\n  }\n  .page .theme-toggle-top::before { margin: 0 !important; }\n}\n<\/style>\n\n<style>\n\/* E\u00e9n routekaart-label: de menu-layout gebruikt de pseudo-kop. *\/\n.page .nav-kicker { display: none !important; }\n<\/style>\n\n<style>\n\/* === Typografie sync 2026: \u00e9\u00e9n typografisch systeem voor Home, Over mij en Diensten === *\/\n.sc-home-page,\n.sc-about-page,\n.page {\n  --sc-type-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n  --sc-type-heading: \"Sora\", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n  --sc-type-h1: clamp(48px, 6vw, 92px);\n  --sc-type-h2: clamp(36px, 4.4vw, 68px);\n  --sc-type-h3: clamp(23px, 2vw, 30px);\n  --sc-type-body-size: clamp(15.5px, 1.02vw, 17px);\n  font-family: var(--sc-type-body) !important;\n  -webkit-font-smoothing: antialiased;\n  text-rendering: optimizeLegibility;\n}\n\n.sc-home-page button,\n.sc-about-page button,\n.page button,\n.sc-home-page input,\n.sc-about-page input,\n.page input,\n.sc-home-page textarea,\n.sc-about-page textarea,\n.page textarea,\n.sc-home-page select,\n.sc-about-page select,\n.page select {\n  font-family: var(--sc-type-body) !important;\n}\n\n\/* H1: dezelfde display-stijl, met ruimte voor de eigen hero-opbouw per pagina. *\/\n.sc-home-page .sc-hero h1,\n.sc-about-page .sc-about-copy h1,\n.page .hero h1,\n.page .hero-redesigned h1 {\n  font-family: var(--sc-type-heading) !important;\n  font-size: var(--sc-type-h1) !important;\n  line-height: .94 !important;\n  letter-spacing: -.056em !important;\n  font-weight: 900 !important;\n  text-wrap: balance;\n}\n\n\/* H2: sectiekoppen gelijk in gewicht, spacing en ritme. *\/\n.sc-home-page .sc-section h2,\n.sc-home-page .sc-profile-copy h2,\n.sc-home-page .sc-sidequest-card h2,\n.sc-home-page .sc-contact-card h2,\n.sc-home-page .sc-birdview-card h2,\n.sc-about-page .sc-section-head h2,\n.sc-about-page .sc-featured-card h2,\n.sc-about-page .sc-contact-card h2,\n.sc-about-page .sc-contact-card-simple h2,\n.sc-about-page .sc-contact-copy h2,\n.page .section-head h2,\n.page .mini-about-card h2,\n.page .sc-contact-card h2,\n.page .sc-contact-copy h2 {\n  font-family: var(--sc-type-heading) !important;\n  font-size: var(--sc-type-h2) !important;\n  line-height: .98 !important;\n  letter-spacing: -.046em !important;\n  font-weight: 900 !important;\n  text-wrap: balance;\n}\n\n\/* H3: kaartkoppen voelen nu op elke pagina uit dezelfde familie. *\/\n.sc-home-page .sc-profile-image-content h3,\n.sc-home-page .sc-speaker-copy h3,\n.sc-home-page .sc-level-card h3,\n.sc-home-page .sc-kompas-card h3,\n.sc-home-page .sc-route-card h3,\n.sc-home-page .sc-service-card h3,\n.sc-about-page .sc-card h3,\n.sc-about-page .sc-cv-card h3,\n.sc-about-page .sc-education-card h3,\n.page .work-card h3,\n.page .service-main h3,\n.page .price-card h3,\n.page .check-card h3,\n.page .process-card h3 {\n  font-family: var(--sc-type-heading) !important;\n  font-size: var(--sc-type-h3) !important;\n  line-height: 1.1 !important;\n  letter-spacing: -.032em !important;\n  font-weight: 850 !important;\n  text-wrap: balance;\n}\n\n\/* Bodycopy: gelijk ritme en gewicht, zonder dat het te zwaar wordt. *\/\n.sc-home-page .sc-hero-text,\n.sc-home-page .sc-section-head p,\n.sc-home-page .sc-profile-copy p,\n.sc-home-page .sc-route-card p,\n.sc-home-page .sc-service-card p,\n.sc-home-page .sc-birdview-card p,\n.sc-home-page .sc-sidequest-card p,\n.sc-home-page .sc-contact-copy p,\n.sc-home-page .sc-level-card p,\n.sc-home-page .sc-kompas-card p,\n.sc-home-page .sc-speaker-copy p,\n.sc-home-page .sc-profile-image-content p,\n.sc-about-page .sc-about-copy p,\n.sc-about-page .sc-section-head p,\n.sc-about-page .sc-card p,\n.sc-about-page .sc-featured-card p,\n.sc-about-page .sc-contact-card p,\n.sc-about-page .sc-cv-card p,\n.sc-about-page .sc-education-card p,\n.page .hero-intro,\n.page .section-head p,\n.page .work-card p,\n.page .service-main p,\n.page .service-side p,\n.page .price-card p,\n.page .check-card p,\n.page .process-card p,\n.page .contact-card p,\n.page .sc-contact-card p,\n.page .mini-about-card p {\n  font-family: var(--sc-type-body) !important;\n  font-size: var(--sc-type-body-size) !important;\n  line-height: 1.72 !important;\n  letter-spacing: -.006em !important;\n  font-weight: 600 !important;\n}\n\n\/* Labels en kleine intro's: zelfde compacte, rustige stijl. *\/\n.sc-home-page .sc-eyebrow,\n.sc-home-page .sc-label,\n.sc-about-page .sc-label,\n.sc-about-page .sc-section-code,\n.page .eyebrow,\n.page .service-kicker,\n.page .work-tag,\n.page .sc-label {\n  font-family: var(--sc-type-body) !important;\n  letter-spacing: .07em !important;\n  font-weight: 850 !important;\n}\n\n\/* Brandtekst gelijker, zodat het menu per pagina niet subtiel verspringt. *\/\n.sc-home-page .sc-brand strong,\n.sc-about-page .sc-brand strong,\n.page .brand-copy strong {\n  font-family: var(--sc-type-heading) !important;\n  font-weight: 900 !important;\n  letter-spacing: -.045em !important;\n  line-height: 1 !important;\n}\n.sc-home-page .sc-brand small,\n.sc-about-page .sc-brand small,\n.page .brand-copy small {\n  font-family: var(--sc-type-body) !important;\n  font-weight: 800 !important;\n  letter-spacing: .075em !important;\n  line-height: 1.08 !important;\n}\n\n@media (max-width: 767px) {\n  .sc-home-page,\n  .sc-about-page,\n  .page {\n    --sc-type-h1: clamp(38px, 11.5vw, 58px);\n    --sc-type-h2: clamp(30px, 9vw, 46px);\n    --sc-type-h3: clamp(21px, 6.4vw, 28px);\n    --sc-type-body-size: 15.5px;\n  }\n  .sc-home-page .sc-hero h1,\n  .sc-about-page .sc-about-copy h1,\n  .page .hero h1,\n  .page .hero-redesigned h1 {\n    line-height: .98 !important;\n    letter-spacing: -.048em !important;\n  }\n  .sc-home-page .sc-section h2,\n  .sc-home-page .sc-profile-copy h2,\n  .sc-home-page .sc-sidequest-card h2,\n  .sc-home-page .sc-contact-card h2,\n  .sc-home-page .sc-birdview-card h2,\n  .sc-about-page .sc-section-head h2,\n  .sc-about-page .sc-featured-card h2,\n  .sc-about-page .sc-contact-card h2,\n  .sc-about-page .sc-contact-card-simple h2,\n  .sc-about-page .sc-contact-copy h2,\n  .page .section-head h2,\n  .page .mini-about-card h2,\n  .page .sc-contact-card h2,\n  .page .sc-contact-copy h2 {\n    line-height: 1.02 !important;\n    letter-spacing: -.042em !important;\n  }\n}\n<\/style>\n\n\n\n<style>\n\/* === UX hi\u00ebrarchie sync 2026: rustigere kaartkoppen, betere tekstflow en minder rare woordafbreking === *\/\n.sc-home-page,\n.sc-about-page,\n.page {\n  --sc-card-title-size: clamp(20px, 1.55vw, 25px);\n  --sc-card-title-size-small: clamp(18px, 1.35vw, 22px);\n  --sc-card-title-weight: 780;\n  --sc-card-title-line: 1.18;\n  --sc-card-title-spacing: -0.022em;\n  --sc-card-copy-line: 1.64;\n}\n\n.sc-home-page h1,\n.sc-home-page h2,\n.sc-home-page h3,\n.sc-home-page p,\n.sc-home-page li,\n.sc-about-page h1,\n.sc-about-page h2,\n.sc-about-page h3,\n.sc-about-page p,\n.sc-about-page li,\n.page h1,\n.page h2,\n.page h3,\n.page p,\n.page li {\n  overflow-wrap: normal !important;\n  word-break: normal !important;\n  hyphens: none !important;\n  -webkit-hyphens: none !important;\n}\n\n\/* Home: deze kop voelde te groot ten opzichte van de rest van de sectie. *\/\n.sc-home-page .sc-profile-copy h2 {\n  font-size: clamp(30px, 3.25vw, 52px) !important;\n  line-height: 1.04 !important;\n  letter-spacing: -0.038em !important;\n  max-width: 13.8ch !important;\n}\n\n\/* Algemene kaart-hi\u00ebrarchie: kaartkoppen mogen duidelijk zijn, maar niet schreeuwen. *\/\n.sc-home-page .sc-profile-image-content h3,\n.sc-home-page .sc-speaker-copy h3,\n.sc-home-page .sc-level-card h3,\n.sc-home-page .sc-kompas-card h3,\n.sc-home-page .sc-route-card h3,\n.sc-home-page .sc-service-card h3,\n.sc-home-page .sc-work-motion-copy h3,\n.sc-about-page .sc-photo-card h2,\n.sc-about-page .sc-card h3,\n.sc-about-page .sc-cv-card h3,\n.sc-about-page .sc-education-card h3,\n.page .hero-points strong,\n.page .work-card h3,\n.page .service-main h3,\n.page .service-side-card strong,\n.page .price-card h3,\n.page .check-card h3,\n.page .process-card h3 {\n  font-size: var(--sc-card-title-size) !important;\n  line-height: var(--sc-card-title-line) !important;\n  letter-spacing: var(--sc-card-title-spacing) !important;\n  font-weight: var(--sc-card-title-weight) !important;\n  text-wrap: pretty !important;\n  max-width: 100% !important;\n}\n\n.sc-home-page .sc-level-card h3,\n.sc-home-page .sc-kompas-card h3,\n.sc-home-page .sc-route-card h3,\n.sc-home-page .sc-service-card h3,\n.sc-about-page .sc-cv-card h3,\n.sc-about-page .sc-education-card h3,\n.page .price-card h3,\n.page .check-card h3,\n.page .process-card h3 {\n  font-size: var(--sc-card-title-size-small) !important;\n}\n\n\/* Copy in kaarten: links uitlijnen en rustig laten lopen. *\/\n.sc-home-page .sc-level-card,\n.sc-home-page .sc-kompas-card,\n.sc-home-page .sc-route-card,\n.sc-home-page .sc-service-card,\n.sc-home-page .sc-profile-image-content,\n.sc-home-page .sc-speaker-copy,\n.sc-about-page .sc-card,\n.sc-about-page .sc-photo-card,\n.sc-about-page .sc-cv-card,\n.sc-about-page .sc-education-card,\n.page .hero-points article,\n.page .work-card,\n.page .service-panel,\n.page .service-main,\n.page .service-side,\n.page .service-side-card,\n.page .price-card,\n.page .check-card,\n.page .process-card,\n.page .mini-about-card {\n  text-align: left !important;\n  justify-items: start !important;\n}\n\n.sc-home-page .sc-level-card p,\n.sc-home-page .sc-kompas-card p,\n.sc-home-page .sc-route-card p,\n.sc-home-page .sc-service-card p,\n.sc-home-page .sc-speaker-copy p,\n.sc-home-page .sc-profile-image-content p,\n.sc-about-page .sc-card p,\n.sc-about-page .sc-photo-card p,\n.sc-about-page .sc-cv-card p,\n.sc-about-page .sc-education-card p,\n.page .hero-points p,\n.page .work-card p,\n.page .service-main p,\n.page .service-side p,\n.page .service-side-card p,\n.page .price-card p,\n.page .check-card p,\n.page .process-card p,\n.page .mini-about-card p {\n  line-height: var(--sc-card-copy-line) !important;\n  text-wrap: pretty !important;\n  max-width: 62ch !important;\n}\n\n\/* Bento-grids: meer rust door gelijke startpositie van tekst. *\/\n.sc-home-page .sc-inventory-bento,\n.sc-home-page .sc-level-grid,\n.sc-home-page .sc-kompas-grid,\n.sc-home-page .sc-route-grid,\n.sc-about-page .sc-story-grid,\n.page .work-grid,\n.page .services-stack,\n.page .prices-grid,\n.page .process-grid {\n  align-items: stretch !important;\n}\n\n.sc-home-page .sc-inventory-bento > *,\n.sc-home-page .sc-level-grid > *,\n.sc-home-page .sc-kompas-grid > *,\n.sc-home-page .sc-route-grid > *,\n.sc-about-page .sc-story-grid > *,\n.page .work-grid > *,\n.page .prices-grid > *,\n.page .process-grid > * {\n  min-width: 0 !important;\n}\n\n\/* Ruimte tussen label, kop en tekst strakker maken. *\/\n.sc-home-page .sc-service-card h3,\n.sc-home-page .sc-route-card h3,\n.sc-home-page .sc-kompas-card h3,\n.sc-home-page .sc-level-card h3,\n.sc-about-page .sc-card h3,\n.page .work-card h3,\n.page .service-main h3,\n.page .price-card h3,\n.page .check-card h3,\n.page .process-card h3 {\n  margin-bottom: 10px !important;\n}\n\n.sc-home-page .sc-service-card p,\n.sc-home-page .sc-route-card p,\n.sc-home-page .sc-kompas-card p,\n.sc-home-page .sc-level-card p,\n.sc-about-page .sc-card p,\n.page .work-card p,\n.page .service-main p,\n.page .price-card p,\n.page .check-card p,\n.page .process-card p {\n  margin-top: 10px !important;\n}\n\n\/* Diensten: voorkom dat korte labels of metadata de tekstkolom uit balans trekken. *\/\n.page .service-kicker,\n.page .work-tag,\n.page .price-card .number,\n.page .check-card .number,\n.page .process-card .number,\n.sc-home-page .sc-service-kicker,\n.sc-home-page .sc-stat-tag,\n.sc-home-page .sc-quest-number,\n.sc-home-page .sc-quest-note,\n.sc-about-page .sc-section-code,\n.sc-about-page .sc-label {\n  letter-spacing: 0.065em !important;\n}\n\n@media (max-width: 900px) {\n  .sc-home-page,\n  .sc-about-page,\n  .page {\n    --sc-card-title-size: clamp(19px, 5.2vw, 24px);\n    --sc-card-title-size-small: clamp(18px, 5vw, 23px);\n  }\n\n  .sc-home-page .sc-profile-copy h2 {\n    font-size: clamp(28px, 8.2vw, 42px) !important;\n    line-height: 1.06 !important;\n    max-width: 14.5ch !important;\n  }\n\n  .sc-home-page .sc-profile-grid,\n  .sc-home-page .sc-level-grid,\n  .sc-home-page .sc-kompas-grid,\n  .sc-home-page .sc-route-grid,\n  .sc-home-page .sc-inventory-bento,\n  .sc-about-page .sc-story-grid,\n  .page .work-grid,\n  .page .service-panel,\n  .page .prices-grid,\n  .page .process-grid {\n    gap: 14px !important;\n  }\n}\n\n@media (max-width: 560px) {\n  .sc-home-page .sc-level-card,\n  .sc-home-page .sc-kompas-card,\n  .sc-home-page .sc-route-card,\n  .sc-home-page .sc-service-card,\n  .sc-about-page .sc-card,\n  .sc-about-page .sc-cv-card,\n  .sc-about-page .sc-education-card,\n  .page .hero-points article,\n  .page .work-card,\n  .page .service-panel,\n  .page .price-card,\n  .page .check-card,\n  .page .process-card {\n    padding-left: 20px !important;\n    padding-right: 20px !important;\n  }\n\n  .sc-home-page .sc-profile-copy h2 {\n    max-width: 15.5ch !important;\n  }\n}\n<\/style>\n\n\n\n<style>\n\/* === Diensten v21: werk-grid fix + duidelijke route naar Over mij === *\/\n.page .section-work-redesigned .work-grid {\n  display: grid !important;\n  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n  gap: clamp(18px, 2.2vw, 28px) !important;\n  align-items: stretch !important;\n}\n\n.page .section-work-redesigned .work-card {\n  min-width: 0 !important;\n  overflow: hidden !important;\n  display: flex !important;\n  flex-direction: column !important;\n  gap: 15px !important;\n  padding: clamp(16px, 2vw, 20px) !important;\n}\n\n.page .section-work-redesigned .work-card.social-card {\n  grid-row: auto !important;\n}\n\n.page .section-work-redesigned .work-card:nth-child(3) {\n  grid-column: 1 \/ -1 !important;\n}\n\n.page .section-work-redesigned .work-visual,\n.page .section-work-redesigned .work-visual.is-wide {\n  width: 100% !important;\n  max-width: 100% !important;\n  min-width: 0 !important;\n  min-height: 0 !important;\n  height: auto !important;\n  aspect-ratio: 16 \/ 10 !important;\n  border-radius: 20px !important;\n  flex: 0 0 auto !important;\n}\n\n.page .section-work-redesigned .work-card:nth-child(3) .work-visual {\n  aspect-ratio: 16 \/ 8.2 !important;\n  max-height: 440px !important;\n}\n\n.page .section-work-redesigned .work-visual img,\n.page .section-work-redesigned .work-visual video {\n  width: 100% !important;\n  height: 100% !important;\n  max-width: 100% !important;\n  object-fit: cover !important;\n  display: block !important;\n}\n\n.page .section-work-redesigned .work-card h3 {\n  margin: 2px 0 0 !important;\n}\n\n.page .section-work-redesigned .work-card p {\n  margin: 0 !important;\n  max-width: 64ch !important;\n}\n\n.page .mini-about-actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px;\n  align-items: center;\n  justify-content: flex-start;\n  justify-self: end;\n}\n\n.page .mini-about-text-link {\n  color: var(--muted);\n  font-weight: 800;\n  text-decoration: none;\n  border-bottom: 1px solid rgba(196,167,255,0.35);\n  line-height: 1.2;\n  padding-bottom: 3px;\n}\n\n.page .mini-about-text-link:hover,\n.page .mini-about-text-link:focus-visible {\n  color: var(--text);\n  border-color: var(--accent);\n  outline: none;\n}\n\n@media (max-width: 900px) {\n  .page .section-work-redesigned .work-grid {\n    grid-template-columns: 1fr !important;\n  }\n\n  .page .section-work-redesigned .work-card:nth-child(3) {\n    grid-column: auto !important;\n  }\n\n  .page .section-work-redesigned .work-visual,\n  .page .section-work-redesigned .work-visual.is-wide,\n  .page .section-work-redesigned .work-card:nth-child(3) .work-visual {\n    aspect-ratio: 16 \/ 10 !important;\n    max-height: none !important;\n  }\n\n  .page .mini-about-actions {\n    justify-self: start;\n  }\n}\n\n@media (max-width: 560px) {\n  .page .section-work-redesigned .work-card {\n    padding: 16px !important;\n  }\n\n  .page .section-work-redesigned .work-visual,\n  .page .section-work-redesigned .work-visual.is-wide,\n  .page .section-work-redesigned .work-card:nth-child(3) .work-visual {\n    aspect-ratio: 4 \/ 3 !important;\n  }\n\n  .page .mini-about-actions,\n  .page .mini-about-actions .ghost-button,\n  .page .mini-about-text-link {\n    width: 100%;\n  }\n\n  .page .mini-about-text-link {\n    display: inline-flex;\n    justify-content: center;\n    min-height: 44px;\n    align-items: center;\n    border: 1px solid rgba(255,255,255,0.12);\n    border-radius: 999px;\n    background: rgba(255,255,255,0.035);\n  }\n\n  body[data-theme=\"light\"] .page .mini-about-text-link {\n    border-color: rgba(84,96,249,0.14);\n    background: rgba(255,255,255,0.72);\n  }\n}\n<\/style>\n\n\n\n<style>\n\/* === Diensten v22: rode floating CTA weg + nette hover states === *\/\nbody .hide-external-sticky,\nbody [data-hide-external-sticky=\"true\"],\nbody [data-sc-floating-cta-hidden=\"true\"] {\n  display: none !important;\n  visibility: hidden !important;\n  opacity: 0 !important;\n  pointer-events: none !important;\n}\n\n\/* Primary CTA's: geen vreemde hover-kleur meer. *\/\n.page .button,\n.page .sc-button,\n.page .nav-button {\n  color: #fff !important;\n  text-decoration: none !important;\n  background: linear-gradient(135deg, var(--accent-2), var(--accent-3)) !important;\n  border-color: rgba(255,255,255,0.16) !important;\n  box-shadow: 0 18px 42px rgba(84,96,249,0.24) !important;\n}\n\n.page .button:hover,\n.page .button:focus-visible,\n.page .sc-button:hover,\n.page .sc-button:focus-visible,\n.page .nav-button:hover,\n.page .nav-button:focus-visible {\n  color: #fff !important;\n  text-decoration: none !important;\n  background: linear-gradient(135deg, #B79AFF 0%, #6470FF 100%) !important;\n  border-color: rgba(255,255,255,0.24) !important;\n  box-shadow: 0 20px 46px rgba(84,96,249,0.30) !important;\n  transform: translateY(-2px) !important;\n  outline: none !important;\n}\n\n\/* Secondary CTA's: rustig paars in plaats van hard blauw\/rood. *\/\n.page .ghost-button,\n.page .service-link,\n.page .sc-soft-button {\n  color: var(--text) !important;\n  text-decoration: none !important;\n  background: rgba(255,255,255,0.055) !important;\n  border-color: rgba(196,167,255,0.24) !important;\n  box-shadow: inset 0 1px 0 rgba(255,255,255,0.06) !important;\n}\n\n.page .ghost-button:hover,\n.page .ghost-button:focus-visible,\n.page .service-link:hover,\n.page .service-link:focus-visible,\n.page .sc-soft-button:hover,\n.page .sc-soft-button:focus-visible {\n  color: var(--text) !important;\n  text-decoration: none !important;\n  background: rgba(196,167,255,0.14) !important;\n  border-color: rgba(196,167,255,0.42) !important;\n  box-shadow: 0 16px 38px rgba(84,96,249,0.18), inset 0 1px 0 rgba(255,255,255,0.08) !important;\n  transform: translateY(-2px) !important;\n  outline: none !important;\n}\n\n.page .sc-text-link:hover,\n.page .sc-text-link:focus-visible,\n.page .mini-about-text-link:hover,\n.page .mini-about-text-link:focus-visible {\n  color: var(--accent) !important;\n  text-decoration: none !important;\n  border-color: var(--accent) !important;\n  outline: none !important;\n}\n\nbody[data-theme=\"light\"] .page .button,\nbody[data-theme=\"light\"] .page .sc-button,\nbody[data-theme=\"light\"] .page .nav-button {\n  color: #fff !important;\n  background: linear-gradient(135deg, var(--accent-2), var(--accent-3)) !important;\n  border-color: transparent !important;\n}\n\nbody[data-theme=\"light\"] .page .button:hover,\nbody[data-theme=\"light\"] .page .button:focus-visible,\nbody[data-theme=\"light\"] .page .sc-button:hover,\nbody[data-theme=\"light\"] .page .sc-button:focus-visible,\nbody[data-theme=\"light\"] .page .nav-button:hover,\nbody[data-theme=\"light\"] .page .nav-button:focus-visible {\n  color: #fff !important;\n  background: linear-gradient(135deg, #8E5CFF 0%, #4451E8 100%) !important;\n}\n\nbody[data-theme=\"light\"] .page .ghost-button,\nbody[data-theme=\"light\"] .page .service-link,\nbody[data-theme=\"light\"] .page .sc-soft-button {\n  color: #10162b !important;\n  background: rgba(255,255,255,0.78) !important;\n  border-color: rgba(84,96,249,0.18) !important;\n}\n\nbody[data-theme=\"light\"] .page .ghost-button:hover,\nbody[data-theme=\"light\"] .page .ghost-button:focus-visible,\nbody[data-theme=\"light\"] .page .service-link:hover,\nbody[data-theme=\"light\"] .page .service-link:focus-visible,\nbody[data-theme=\"light\"] .page .sc-soft-button:hover,\nbody[data-theme=\"light\"] .page .sc-soft-button:focus-visible {\n  color: #10162b !important;\n  background: rgba(196,167,255,0.20) !important;\n  border-color: rgba(84,96,249,0.30) !important;\n}\n<\/style>\n\n<script>\n(function () {\n  if(window.__SCX_IN_ELEMENTOR__) return;\n  function isReddish(color) {\n    if (!color || color === 'transparent' || color === 'rgba(0, 0, 0, 0)') return false;\n    var match = color.match(\/rgba?\\((\\d+),\\s*(\\d+),\\s*(\\d+)\/i);\n    if (!match) return false;\n    var r = parseInt(match[1], 10);\n    var g = parseInt(match[2], 10);\n    var b = parseInt(match[3], 10);\n    return r > 165 && g < 120 && b < 170;\n  }\n\n  function hideNode(node) {\n    node.setAttribute('data-sc-floating-cta-hidden', 'true');\n    node.classList.add('hide-external-sticky');\n    node.style.setProperty('display', 'none', 'important');\n    node.style.setProperty('visibility', 'hidden', 'important');\n    node.style.setProperty('opacity', '0', 'important');\n    node.style.setProperty('pointer-events', 'none', 'important');\n  }\n\n  function hideFloatingCtas() {\n    var nodes = Array.prototype.slice.call(document.body.querySelectorAll('a, button, div, aside, section'));\n\n    nodes.forEach(function (node) {\n      if (!node || node.closest('.sc-contact-card')) return;\n\n      var style = window.getComputedStyle(node);\n      var rect = node.getBoundingClientRect();\n      if (!rect || rect.width <= 0 || rect.height <= 0) return;\n\n      var text = (node.textContent || '').replace(\/\\s+\/g, ' ').trim().toLowerCase();\n      var idClass = ((node.id || '') + ' ' + (typeof node.className === 'string' ? node.className : '')).toLowerCase();\n      var fixedLike = style.position === 'fixed' || style.position === 'sticky';\n      var nearEdge = rect.right > window.innerWidth - 180 || rect.bottom > window.innerHeight - 160;\n      var smallWidget = rect.width <= 280 && rect.height <= 360;\n      var namedCta = text.indexOf('laten we schakelen') !== -1 || text === 'schakelen';\n      var classLooksFloating = \/(floating|sticky|float|fab|cta|contact-button|quick-contact)\/.test(idClass);\n      var redWidget = isReddish(style.backgroundColor) || isReddish(style.borderColor) || isReddish(style.color);\n\n      if (fixedLike && nearEdge && smallWidget && (namedCta || classLooksFloating || redWidget)) {\n        hideNode(node);\n\n        var parent = node.parentElement;\n        while (parent && parent !== document.body) {\n          var parentStyle = window.getComputedStyle(parent);\n          var parentRect = parent.getBoundingClientRect();\n          var parentFixed = parentStyle.position === 'fixed' || parentStyle.position === 'sticky';\n          var parentSmall = parentRect.width <= 320 && parentRect.height <= 420;\n          if (parentFixed && parentSmall) hideNode(parent);\n          parent = parent.parentElement;\n        }\n      }\n    });\n  }\n\n  hideFloatingCtas();\n  window.setTimeout(hideFloatingCtas, 250);\n  window.setTimeout(hideFloatingCtas, 900);\n  window.setTimeout(hideFloatingCtas, 2000);\n  window.addEventListener('resize', hideFloatingCtas, { passive: true });\n\n  if ('MutationObserver' in window) {\n    new MutationObserver(hideFloatingCtas).observe(document.body, { childList: true, subtree: true });\n  }\n})();\n<\/script>\n\n\n<script>\n(function () {\n  if(window.__SCX_IN_ELEMENTOR__) return;\n  var page = document.querySelector('.page');\n  var body = document.body;\n  var panel = document.getElementById('site-menu-panel');\n  var originalToggle = document.querySelector('.mobile-toggle[aria-controls=\"site-menu-panel\"]');\n\n  if (!page || !panel || !originalToggle) return;\n\n  \/* Haal oude click-listeners van de knop af door de knop schoon te klonen. *\/\n  var toggle = originalToggle.cloneNode(true);\n  originalToggle.parentNode.replaceChild(toggle, originalToggle);\n\n  function isOpen() {\n    return page.classList.contains('menu-open') && panel.hidden === false;\n  }\n\n  function openMenu() {\n    page.classList.add('menu-open');\n    body.classList.add('is-locked');\n    panel.hidden = false;\n    toggle.setAttribute('aria-expanded', 'true');\n    toggle.setAttribute('aria-label', 'Sluit menu');\n  }\n\n  function closeMenu() {\n    page.classList.remove('menu-open');\n    body.classList.remove('is-locked');\n    panel.hidden = true;\n    toggle.setAttribute('aria-expanded', 'false');\n    toggle.setAttribute('aria-label', 'Open menu');\n  }\n\n  toggle.addEventListener('click', function (event) {\n    event.preventDefault();\n    event.stopPropagation();\n    if (isOpen()) closeMenu();\n    else openMenu();\n  });\n\n  panel.addEventListener('click', function (event) {\n    var link = event.target.closest('a[href]');\n    if (!link) return;\n    closeMenu();\n  });\n\n  document.addEventListener('click', function (event) {\n    if (!isOpen()) return;\n    if (event.target.closest('#site-menu-panel') || event.target.closest('.nav-actions') || event.target.closest('.brand')) return;\n    closeMenu();\n  });\n\n  document.addEventListener('keydown', function (event) {\n    if (event.key === 'Escape') closeMenu();\n  });\n\n  closeMenu();\n})();\n<\/script>\n\n\n\n\n\n<style id=\"sc-v13-clean-system\">\n\/* Studio Crossover v13: schone laag. Geen toast naar body. Geen roze sticky form. *\/\n:where(.sc-home-page, .sc-about-page, .page) {\n  --sc-v13-bg: #070A12;\n  --sc-v13-bg2: #0B1020;\n  --sc-v13-text: var(--sc-text, var(--text, #F8F7FF));\n  --sc-v13-muted: var(--sc-muted, var(--muted, #D6D9E6));\n  --sc-v13-soft: var(--sc-soft, var(--soft, #AEB6CC));\n  --sc-v13-accent: var(--sc-accent, var(--accent, #C4A7FF));\n  --sc-v13-accent2: var(--sc-accent-2, var(--accent-2, #9B6BFF));\n  --sc-v13-accent3: var(--sc-accent-3, var(--accent-3, #5460F9));\n  --sc-v13-pink: var(--sc-pink, var(--pink, #DB3E8D));\n  --sc-v13-heading: var(--sc-font-heading, var(--sc-type-heading, \"Bricolage Grotesque\", Inter, ui-sans-serif, system-ui, sans-serif));\n  --sc-v13-body: var(--sc-font-body, var(--sc-type-body, Inter, ui-sans-serif, system-ui, sans-serif));\n}\n\nbody > .sc-floating-cta,\nbody > .sc-quick-contact,\nbody > .sc-sticky-form,\nbody > .sc-floating-form,\nbody > .sc-float-button,\nbody > .sticky-contact,\nbody > .floating-contact,\nbody > .sticky-float-form,\nbody > .sticky-floating-form,\nbody > .float-form,\nbody > .floating-form,\nbody > [class*=\"sticky-form\"],\nbody > [class*=\"floating-form\"] {\n  display: none !important;\n  visibility: hidden !important;\n  opacity: 0 !important;\n  pointer-events: none !important;\n}\n\n.sc-scroll-progress,\n.scroll-progress {\n  display: block !important;\n  position: fixed !important;\n  top: 0 !important;\n  left: 0 !important;\n  z-index: 2147483600 !important;\n  width: 100% !important;\n  height: 3px !important;\n  transform: scaleX(0);\n  transform-origin: left center !important;\n  background: linear-gradient(90deg, var(--sc-v13-accent), var(--sc-v13-accent3), var(--sc-v13-pink)) !important;\n  box-shadow: 0 0 18px rgba(196,167,255,.32) !important;\n  pointer-events: none !important;\n}\n\n\/* Hero: de donkere laag loopt nu helemaal tot boven over het beeld. *\/\n.sc-home-page .sc-hero,\n.page .hero,\n.sc-about-page .sc-about-hero {\n  position: relative !important;\n  isolation: isolate !important;\n  background-color: #070A12 !important;\n  overflow: hidden !important;\n}\n\n.sc-home-page .sc-hero::before,\n.page .hero::before,\n.sc-about-page .sc-about-hero::before {\n  content: \"\" !important;\n  position: absolute !important;\n  inset: 0 !important;\n  z-index: 1 !important;\n  pointer-events: none !important;\n  background:\n    linear-gradient(180deg,\n      rgba(7,10,18,.94) 0%,\n      rgba(7,10,18,.82) 92px,\n      rgba(7,10,18,.54) 220px,\n      rgba(7,10,18,.22) 420px,\n      rgba(7,10,18,.06) 620px,\n      rgba(7,10,18,0) 100%) !important;\n}\n\n.sc-home-page .sc-hero::after,\n.page .hero::after,\n.sc-about-page .sc-about-hero::after {\n  content: \"\" !important;\n  position: absolute !important;\n  inset: 0 !important;\n  z-index: 1 !important;\n  pointer-events: none !important;\n  background: radial-gradient(circle at 72% 4%, rgba(196,167,255,.14), transparent 32%) !important;\n  mix-blend-mode: screen !important;\n  opacity: .72 !important;\n}\n\n.sc-home-page .sc-hero-bg,\n.sc-home-page .sc-hero-priority-image,\n.page .hero img,\n.page .hero-media img,\n.page .hero-cinema-screen img,\n.sc-about-page .sc-about-hero img {\n  position: relative;\n}\n\n.sc-home-page .sc-hero-inner,\n.sc-home-page .sc-retro-layer,\n.sc-home-page .sc-hero-particles,\n.sc-home-page .sc-scroll-cue,\n.page .hero-shell,\n.page .hero-stage,\n.page .hero-summary,\n.sc-about-page .sc-about-hero-grid,\n.sc-about-page .sc-retro-layer {\n  position: relative !important;\n  z-index: 2 !important;\n}\n\n.sc-nav::before,\n.sc-topbar::before,\n.topbar::before {\n  background: linear-gradient(180deg, rgba(7,10,18,.72) 0%, rgba(7,10,18,.24) 46%, rgba(7,10,18,0) 100%) !important;\n  backdrop-filter: none !important;\n  -webkit-backdrop-filter: none !important;\n}\n.sc-nav.is-scrolled::before,\n.sc-nav.is-scrolled-clean::before,\n.sc-topbar.is-scrolled::before,\n.topbar.is-scrolled::before {\n  opacity: 1 !important;\n  background: linear-gradient(180deg, rgba(7,10,18,.92) 0%, rgba(7,10,18,.58) 46%, rgba(7,10,18,0) 100%) !important;\n}\n\n\/* Achievements: zelfde principe als de live Over mij pagina, maar iets scherper en premiumer. *\/\n.sc-achievement-toast {\n  position: fixed !important;\n  left: auto !important;\n  right: 24px !important;\n  bottom: 24px !important;\n  z-index: 2147483500 !important;\n  width: min(370px, calc(100vw - 32px)) !important;\n  min-height: 74px !important;\n  padding: 14px 16px 14px 62px !important;\n  border-radius: 18px !important;\n  color: #F8F7FF !important;\n  background:\n    linear-gradient(180deg, rgba(18,23,44,.94), rgba(7,10,18,.90)) !important;\n  border: 1px solid rgba(196,167,255,.30) !important;\n  box-shadow: 0 24px 68px rgba(0,0,0,.40), inset 0 1px 0 rgba(255,255,255,.08), 0 0 0 1px rgba(84,96,249,.12) !important;\n  backdrop-filter: blur(18px) saturate(1.12) !important;\n  -webkit-backdrop-filter: blur(18px) saturate(1.12) !important;\n  opacity: 0 !important;\n  transform: translate3d(0, 18px, 0) scale(.985) !important;\n  pointer-events: none !important;\n  overflow: hidden !important;\n}\n.sc-achievement-toast::before {\n  content: \"\" !important;\n  position: absolute !important;\n  inset: -1px !important;\n  border-radius: inherit !important;\n  background: linear-gradient(110deg, rgba(196,167,255,.28), transparent 34%, rgba(84,96,249,.20) 72%, rgba(219,62,141,.20)) !important;\n  opacity: .45 !important;\n  pointer-events: none !important;\n  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0) !important;\n  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0) !important;\n  padding: 1px !important;\n  -webkit-mask-composite: xor !important;\n  mask-composite: exclude !important;\n}\n.sc-achievement-toast::after {\n  content: \"\" !important;\n  position: absolute !important;\n  left: 0 !important;\n  top: 0 !important;\n  width: 3px !important;\n  height: 100% !important;\n  background: linear-gradient(180deg, var(--sc-v13-accent), var(--sc-v13-accent3), var(--sc-v13-pink)) !important;\n  box-shadow: 0 0 22px rgba(196,167,255,.48) !important;\n}\n.sc-achievement-toast.is-visible,\n.sc-achievement-toast.sc-v13-visible {\n  animation: scV13AchievementToast 4.4s cubic-bezier(.16,1,.3,1) both !important;\n}\n.sc-achievement-icon {\n  position: absolute !important;\n  left: 17px !important;\n  top: 50% !important;\n  width: 32px !important;\n  height: 32px !important;\n  transform: translateY(-50%) !important;\n  display: grid !important;\n  place-items: center !important;\n  border-radius: 11px !important;\n  color: #fff !important;\n  font: 900 17px\/1 var(--sc-v13-body) !important;\n  background: linear-gradient(135deg, var(--sc-v13-accent2), var(--sc-v13-accent3)) !important;\n  box-shadow: 0 0 0 7px rgba(196,167,255,.08), 0 0 26px rgba(196,167,255,.34) !important;\n}\n.sc-achievement-copy,\n.sc-achievement-copy span,\n.sc-achievement-copy strong,\n.sc-achievement-copy small,\n.sc-achievement-toast span,\n.sc-achievement-toast strong,\n.sc-achievement-toast small {\n  display: block !important;\n  position: relative !important;\n  z-index: 2 !important;\n}\n.sc-achievement-kicker {\n  margin: 0 !important;\n  color: var(--sc-v13-accent) !important;\n  font: 900 10.5px\/1.1 var(--sc-v13-body) !important;\n  letter-spacing: .13em !important;\n  text-transform: uppercase !important;\n}\n.sc-achievement-toast strong {\n  margin: 7px 0 0 !important;\n  color: #fff !important;\n  font-family: var(--sc-v13-heading) !important;\n  font-size: 15px !important;\n  line-height: 1.08 !important;\n  font-weight: 920 !important;\n  letter-spacing: -.025em !important;\n}\n.sc-achievement-toast small {\n  margin: 4px 0 0 !important;\n  color: rgba(255,255,255,.72) !important;\n  font: 740 12.5px\/1.32 var(--sc-v13-body) !important;\n}\n\n@keyframes scV13AchievementToast {\n  0% { opacity: 0; transform: translate3d(0, 18px, 0) scale(.985); filter: blur(4px); }\n  10%, 78% { opacity: 1; transform: translate3d(0, 0, 0) scale(1); filter: blur(0); }\n  100% { opacity: 0; transform: translate3d(0, 10px, 0) scale(.99); filter: blur(2px); }\n}\n\n\/* Footer ticker: \u00e9\u00e9n woord tegelijk. Geen clipping, wel motion. *\/\n.sc-site-footer {\n  position: relative !important;\n  overflow: hidden !important;\n  background:\n    radial-gradient(circle at 18% 0%, rgba(196,167,255,.10), transparent 32%),\n    radial-gradient(circle at 82% 0%, rgba(84,96,249,.08), transparent 30%),\n    linear-gradient(180deg, #0B1020 0%, #070A12 100%) !important;\n  border-top: 1px solid rgba(196,167,255,.14) !important;\n}\n.sc-site-footer::before {\n  content: \"\" !important;\n  position: absolute !important;\n  inset: 0 !important;\n  pointer-events: none !important;\n  background: linear-gradient(90deg, transparent, rgba(196,167,255,.08), transparent) !important;\n  opacity: .65 !important;\n}\n.sc-site-footer-inner {\n  position: relative !important;\n  z-index: 1 !important;\n  width: min(1120px, calc(100% - 40px)) !important;\n  margin: 0 auto !important;\n}\n.sc-footer-main-v13,\n.sc-footer-main {\n  display: grid !important;\n  grid-template-columns: max-content max-content minmax(320px, 1fr) !important;\n  align-items: baseline !important;\n  gap: 10px 16px !important;\n  min-width: 0 !important;\n}\n.sc-footer-main strong {\n  color: var(--sc-v13-text) !important;\n  font-family: var(--sc-v13-heading) !important;\n  font-size: clamp(36px, 4.1vw, 62px) !important;\n  line-height: .92 !important;\n  font-weight: 930 !important;\n  letter-spacing: -.065em !important;\n  white-space: nowrap !important;\n}\n.sc-footer-separator {\n  color: rgba(214,217,232,.48) !important;\n  font: 900 clamp(22px, 2.3vw, 36px)\/1 var(--sc-v13-body) !important;\n  letter-spacing: -.035em !important;\n  text-transform: uppercase !important;\n  white-space: nowrap !important;\n}\n.sc-footer-ticker {\n  position: relative !important;\n  display: inline-grid !important;\n  align-items: baseline !important;\n  justify-content: start !important;\n  min-width: min(520px, 46vw) !important;\n  width: min(520px, 46vw) !important;\n  height: 1.05em !important;\n  overflow: visible !important;\n  color: var(--sc-v13-accent) !important;\n  font-family: var(--sc-v13-heading) !important;\n  font-size: clamp(38px, 4.1vw, 64px) !important;\n  line-height: .92 !important;\n  font-weight: 930 !important;\n  letter-spacing: -.065em !important;\n  text-shadow: 0 0 24px rgba(196,167,255,.22) !important;\n}\n.sc-footer-word {\n  display: inline-block !important;\n  white-space: nowrap !important;\n  color: var(--sc-v13-accent) !important;\n  will-change: transform, opacity, filter !important;\n}\n.sc-footer-word.is-switching {\n  animation: scV13FooterWord .62s cubic-bezier(.16,1,.3,1) both !important;\n}\n.sc-footer-sr {\n  position: absolute !important;\n  width: 1px !important;\n  height: 1px !important;\n  overflow: hidden !important;\n  clip: rect(0 0 0 0) !important;\n  white-space: nowrap !important;\n}\n@keyframes scV13FooterWord {\n  0% { opacity: 0; transform: translate3d(0, 16px, 0) skewY(2deg); filter: blur(5px); }\n  62% { opacity: 1; transform: translate3d(0, -2px, 0) skewY(0); filter: blur(0); }\n  100% { opacity: 1; transform: translate3d(0, 0, 0); filter: blur(0); }\n}\n\n@media (max-width: 920px) {\n  .sc-footer-main-v13,\n  .sc-footer-main {\n    grid-template-columns: 1fr !important;\n    align-items: start !important;\n  }\n  .sc-footer-main strong,\n  .sc-footer-separator,\n  .sc-footer-ticker {\n    white-space: normal !important;\n  }\n  .sc-footer-ticker {\n    width: 100% !important;\n    min-width: 0 !important;\n    min-height: 1.18em !important;\n    height: auto !important;\n    font-size: clamp(36px, 11vw, 52px) !important;\n  }\n}\n@media (max-width: 767px) {\n  .sc-achievement-toast {\n    left: 14px !important;\n    right: 14px !important;\n    bottom: 16px !important;\n    width: auto !important;\n  }\n}\n@media (prefers-reduced-motion: reduce) {\n  .sc-achievement-toast.is-visible,\n  .sc-achievement-toast.sc-v13-visible,\n  .sc-footer-word.is-switching {\n    animation: none !important;\n  }\n  .sc-achievement-toast.is-visible,\n  .sc-achievement-toast.sc-v13-visible {\n    opacity: 1 !important;\n    transform: none !important;\n  }\n}\n<\/style>\n\n\n<script id=\"sc-v13-controller\">\n(function () {\n  if(window.__SCX_IN_ELEMENTOR__) return;\n  function ready(fn) {\n    if (document.readyState !== 'loading') fn();\n    else document.addEventListener('DOMContentLoaded', fn, { once: true });\n  }\n\n  ready(function () {\n    var root = document.querySelector('.sc-home-page, .sc-about-page, .page') || document.body;\n    var isHome = !!document.querySelector('.sc-home-page');\n    var isServices = !!document.querySelector('.page');\n    var isAbout = !!document.querySelector('.sc-about-page');\n\n    function hideStickyFloat() {\n      var selectors = [\n        '.sc-floating-cta', '.sc-quick-contact', '.sc-sticky-form', '.sc-floating-form', '.sc-float-button',\n        '.sticky-contact', '.floating-contact', '.sticky-float-form', '.sticky-floating-form', '.float-form', '.floating-form',\n        '[id*=\"sticky-form\"]', '[class*=\"sticky-form\"]', '[id*=\"floating-form\"]', '[class*=\"floating-form\"]'\n      ];\n      document.querySelectorAll(selectors.join(',')).forEach(function (node) {\n        if (!node || node.closest('.sc-achievement-toast') || node.closest('.sc-secret-toast') || node.closest('.sc-nav') || node.closest('.nav-panel')) return;\n        var text = (node.textContent || '').toLowerCase().replace(\/\\s+\/g, ' ').trim();\n        var name = ((node.className || '') + ' ' + (node.id || '')).toLowerCase();\n        var shouldHide = \/sticky|float|floating\/.test(name) || text.indexOf('laten we schakelen') > -1 || text.indexOf('zullen we schakelen') > -1;\n        if (!shouldHide) return;\n        node.setAttribute('aria-hidden', 'true');\n        node.style.setProperty('display', 'none', 'important');\n        node.style.setProperty('visibility', 'hidden', 'important');\n        node.style.setProperty('opacity', '0', 'important');\n        node.style.setProperty('pointer-events', 'none', 'important');\n      });\n    }\n\n    function ensureProgress() {\n      var progress = document.querySelector('.sc-scroll-progress, .scroll-progress');\n      if (!progress) {\n        progress = document.createElement('div');\n        progress.className = root.classList.contains('page') ? 'scroll-progress' : 'sc-scroll-progress';\n        progress.setAttribute('aria-hidden', 'true');\n        root.insertBefore(progress, root.firstChild);\n      }\n      function update() {\n        var max = Math.max(1, document.documentElement.scrollHeight - window.innerHeight);\n        var value = Math.min(1, Math.max(0, (window.scrollY || document.documentElement.scrollTop || 0) \/ max));\n        progress.style.transform = 'scaleX(' + value + ')';\n      }\n      update();\n      window.addEventListener('scroll', update, { passive: true });\n      window.addEventListener('resize', update);\n      window.setTimeout(update, 250);\n    }\n\n    function ensureToast() {\n      var toast = root.querySelector('.sc-achievement-toast') || document.querySelector('.sc-achievement-toast');\n      if (!toast) {\n        toast = document.createElement('div');\n        toast.className = 'sc-achievement-toast';\n        toast.setAttribute('role', 'status');\n        toast.setAttribute('aria-live', 'polite');\n        toast.setAttribute('aria-atomic', 'true');\n        toast.innerHTML = '<span class=\"sc-achievement-icon\" aria-hidden=\"true\">\u2726<\/span><span class=\"sc-achievement-copy\"><span class=\"sc-achievement-kicker\">Achievement unlocked<\/span><strong>Spawn point<\/strong><small>Je bent binnen. Scroll gerust verder.<\/small><\/span>';\n        root.insertBefore(toast, root.firstChild);\n      }\n      if (toast.parentNode !== root && root.contains(toast) === false) {\n        root.insertBefore(toast, root.firstChild);\n      }\n      if (!toast.querySelector('.sc-achievement-icon')) toast.insertAdjacentHTML('afterbegin', '<span class=\"sc-achievement-icon\" aria-hidden=\"true\">\u2726<\/span>');\n      if (!toast.querySelector('.sc-achievement-copy')) toast.insertAdjacentHTML('beforeend', '<span class=\"sc-achievement-copy\"><span class=\"sc-achievement-kicker\">Achievement unlocked<\/span><strong>Spawn point<\/strong><small>Je bent binnen. Scroll gerust verder.<\/small><\/span>');\n      return toast;\n    }\n\n    var toast = ensureToast();\n    var hideTimer = null;\n    var seen = Object.create(null);\n    function showAchievement(title, text, icon, force) {\n      if (!toast) return;\n      var iconNode = toast.querySelector('.sc-achievement-icon');\n      var titleNode = toast.querySelector('strong');\n      var textNode = toast.querySelector('small');\n      if (iconNode) iconNode.textContent = icon || '\u2726';\n      if (titleNode) titleNode.textContent = title || 'Achievement unlocked';\n      if (textNode) textNode.textContent = text || 'Minder ruis. Meer richting.';\n      toast.classList.remove('is-visible', 'sc-v13-visible');\n      void toast.offsetWidth;\n      toast.classList.add('is-visible', 'sc-v13-visible');\n      if (hideTimer) window.clearTimeout(hideTimer);\n      hideTimer = window.setTimeout(function () {\n        toast.classList.remove('is-visible', 'sc-v13-visible');\n      }, force ? 4300 : 3900);\n    }\n    window.scShowAchievement = showAchievement;\n\n    function addServiceAchievements() {\n      if (!isServices) return;\n      var list = [\n        ['#werk', 'Proof gespot', 'Werk dat staat. Niet alleen mooie woorden.', '\u2605'],\n        ['#diensten', 'Loadout geopend', 'Kies je route. Dan maken we hem scherp.', '\ud83c\udfae'],\n        ['section[aria-label=\"Eerste stap\"]', 'Ruisradar aan', 'Eerst zien waar het schuurt.', '\u2301'],\n        ['#prijzen', 'Shop unlocked', 'Helder wat kan. Geen lootbox.', '\u25c7'],\n        ['#werkwijze', 'Route locked in', 'Van vraag naar verhaal naar actie.', '\u279c'],\n        ['#over-mij', 'Lore gevonden', 'Even achter de schermen kijken.', '\u2726'],\n        ['#contact', 'Save point', 'Goed moment om te schakelen.', '\u2709']\n      ];\n      list.forEach(function (item) {\n        var el = document.querySelector(item[0]);\n        if (!el) return;\n        if (!el.hasAttribute('data-achievement-title')) el.setAttribute('data-achievement-title', item[1]);\n        if (!el.hasAttribute('data-achievement-text')) el.setAttribute('data-achievement-text', item[2]);\n        if (!el.hasAttribute('data-achievement-icon')) el.setAttribute('data-achievement-icon', item[3]);\n      });\n    }\n\n    function polishAchievementCopy() {\n      var copy = {\n        'Build gekozen': ['Build gekozen', 'Strategie \u00e9n uitvoering. Mooie combo.', '\u2726'],\n        'Ruisradar aan': ['Ruisradar aan', 'Hier zie je waar het schuurt.', '\u2301'],\n        'Route locked in': ['Route locked in', 'Luisteren, kiezen, maken.', '\u279c'],\n        'Eagle eye actief': ['Eagle eye actief', 'Even uitzoomen. Dan scherp landen.', '\ud83e\udd85'],\n        'Inventory gesorteerd': ['Inventory gesorteerd', 'Toon, timing en tekst liggen klaar.', '\ud83c\udf92'],\n        'Proof collected': ['Proof collected', 'Werk dat staat. Geen losse pixels.', '\u2605'],\n        'Final checkpoint': ['Final checkpoint', 'Tot hier gekomen? Dan zit er iets.', '\u2709'],\n        'Blik gevonden': ['Blik gevonden', 'Daar komt mijn communicatieradar vandaan.', '\u2726'],\n        'Party formed': ['Party formed', 'Online cultuur, maar dan met sfeer.', '\ud83c\udfae'],\n        'Proof verzameld': ['Proof verzameld', 'Ervaring in dezelfde lijn.', '\u2605'],\n        'Basis gelegd': ['Basis gelegd', 'Digitale media kreeg taal.', '\u25c7']\n      };\n      document.querySelectorAll('[data-achievement-title]').forEach(function (el) {\n        var title = el.getAttribute('data-achievement-title');\n        if (!copy[title]) return;\n        el.setAttribute('data-achievement-title', copy[title][0]);\n        el.setAttribute('data-achievement-text', copy[title][1]);\n        el.setAttribute('data-achievement-icon', copy[title][2]);\n      });\n    }\n\n    function setupAchievements() {\n      addServiceAchievements();\n      polishAchievementCopy();\n      window.setTimeout(function () {\n        var pageTitle = isHome ? 'Spawn point gevonden' : isServices ? 'Questlog geopend' : isAbout ? 'Origin story gestart' : 'Level geladen';\n        var pageText = isHome ? 'Je bent binnen. Scroll gerust verder.' : isServices ? 'Kies straks je route.' : isAbout ? 'Mijn blik komt eraan.' : 'Scroll. Ik pak de route.';\n        showAchievement(pageTitle, pageText, '\u2726', true);\n      }, 850);\n      var sections = Array.prototype.slice.call(document.querySelectorAll('[data-achievement-title]'));\n      if (!sections.length) return;\n      if ('IntersectionObserver' in window) {\n        var observer = new IntersectionObserver(function (entries) {\n          entries.forEach(function (entry) {\n            if (!entry.isIntersecting) return;\n            var el = entry.target;\n            var key = el.getAttribute('data-achievement-title') || el.id || el.className;\n            if (seen[key]) return;\n            seen[key] = true;\n            showAchievement(el.getAttribute('data-achievement-title'), el.getAttribute('data-achievement-text'), el.getAttribute('data-achievement-icon'));\n          });\n        }, { threshold: 0.30, rootMargin: '-6% 0px -20% 0px' });\n        sections.forEach(function (section) { observer.observe(section); });\n      } else {\n        var check = function () {\n          sections.forEach(function (el) {\n            var key = el.getAttribute('data-achievement-title') || el.id || el.className;\n            if (seen[key]) return;\n            var rect = el.getBoundingClientRect();\n            if (rect.top < window.innerHeight * .68 && rect.bottom > window.innerHeight * .18) {\n              seen[key] = true;\n              showAchievement(el.getAttribute('data-achievement-title'), el.getAttribute('data-achievement-text'), el.getAttribute('data-achievement-icon'));\n            }\n          });\n        };\n        window.addEventListener('scroll', check, { passive: true });\n        window.setTimeout(check, 600);\n      }\n    }\n\n    function setupTicker() {\n      document.querySelectorAll('.sc-footer-ticker').forEach(function (wrap) {\n        var live = wrap.querySelector('.sc-footer-word');\n        if (!live) return;\n        var raw = wrap.getAttribute('data-sc-words') || '';\n        var words = raw.split('|').map(function (word) { return word.trim(); }).filter(Boolean);\n        if (!words.length) words = [live.textContent.trim() || 'strategie'];\n        var index = Math.max(0, words.indexOf(live.textContent.trim()));\n        live.textContent = words[index] || words[0];\n        function next() {\n          index = (index + 1) % words.length;\n          live.classList.remove('is-switching');\n          void live.offsetWidth;\n          live.textContent = words[index];\n          live.classList.add('is-switching');\n        }\n        live.classList.add('is-switching');\n        window.setInterval(next, 2100);\n      });\n    }\n\n    function setupNavClean() {\n      document.querySelectorAll('.sc-nav-wordmark, .nav-wordmark').forEach(function (node) {\n        node.parentNode && node.parentNode.removeChild(node);\n      });\n      var nav = document.querySelector('.sc-nav, .sc-topbar, .topbar');\n      function onScroll() {\n        if (!nav) return;\n        nav.classList.toggle('is-scrolled-clean', window.scrollY > 32);\n      }\n      onScroll();\n      window.addEventListener('scroll', onScroll, { passive: true });\n    }\n\n    hideStickyFloat();\n    ensureProgress();\n    setupTicker();\n    setupAchievements();\n    setupNavClean();\n    window.setTimeout(hideStickyFloat, 300);\n    window.setTimeout(hideStickyFloat, 1400);\n    if ('MutationObserver' in window) {\n      var mo = new MutationObserver(function () { hideStickyFloat(); });\n      mo.observe(document.body, { childList: true, subtree: true });\n    }\n  });\n}());\n<\/script>\n\n<!-- Studio Crossover v8: \u00e9\u00e9n speels achievement-systeem. Bestaande pagina-interactie blijft ongemoeid. -->\n<style id=\"scx-v8-achievements-style\">\n\/* Alle oudere achievement-lagen blijven bestaan voor compatibiliteit, maar zijn niet meer zichtbaar. *\/\n:is(.sc-achievement-toast,.scx-achievement-toast,.sc-motion-achievement-toast,.sc-end-achievement,.scx-v5-achievement,.sc-v100-toast,.sc-v110-toast,[class*=\"legacy-achievement\"]){display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}\n\n.scx-v8-achievement{\n  position:fixed;right:16px;bottom:16px;z-index:2147483001;\n  width:min(332px,calc(100vw - 32px));\n  display:grid;grid-template-columns:46px minmax(0,1fr);gap:11px;align-items:center;\n  padding:11px 14px 11px 11px;border:1px solid rgba(196,167,255,.23);border-radius:18px;\n  background:rgba(7,10,18,.92);color:#fff;\n  box-shadow:0 20px 56px rgba(0,0,0,.30);backdrop-filter:blur(18px) saturate(1.12);-webkit-backdrop-filter:blur(18px) saturate(1.12);\n  opacity:0;transform:translateY(14px) scale(.985);pointer-events:none;\n  transition:opacity .24s ease,transform .28s cubic-bezier(.2,.8,.2,1)\n}\n.scx-v8-achievement.is-visible{opacity:1;transform:none}\n.scx-v8-achievement[data-theme=\"light\"]{background:rgba(255,255,255,.97);color:#211b39;border-color:rgba(84,96,249,.18);box-shadow:0 20px 56px rgba(52,41,100,.14)}\n.scx-v8-achievement-icon{display:grid;place-items:center;width:46px;height:46px;overflow:hidden;border:1px solid rgba(196,167,255,.22);border-radius:14px;background:linear-gradient(145deg,rgba(196,167,255,.17),rgba(84,96,249,.14));font-size:22px;line-height:1;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}\n.scx-v8-achievement-icon.is-logo{padding:8px;background:linear-gradient(135deg,#7653d8,#5460f9 58%,#9a6cf2)}\n.scx-v8-achievement-icon img{display:block;width:100%;height:100%;object-fit:contain;opacity:1;filter:none;transform:none}\n.scx-v8-achievement-copy{min-width:0}\n.scx-v8-achievement-kicker{display:block;margin-bottom:3px;color:#c4a7ff;font-size:.60rem;font-weight:900;line-height:1;letter-spacing:.11em;text-transform:uppercase}\n.scx-v8-achievement[data-theme=\"light\"] .scx-v8-achievement-kicker{color:#6555c7}\n.scx-v8-achievement strong{display:block;font-size:.86rem;font-weight:900;line-height:1.17;letter-spacing:-.01em}\n.scx-v8-achievement small{display:block;margin-top:3px;color:rgba(255,255,255,.69);font-size:.70rem;line-height:1.34}\n.scx-v8-achievement[data-theme=\"light\"] small{color:#675f76}\n@media(max-width:560px){.scx-v8-achievement{right:12px;bottom:12px;width:calc(100vw - 24px);grid-template-columns:43px minmax(0,1fr);padding:10px 12px 10px 10px}.scx-v8-achievement-icon{width:43px;height:43px;font-size:20px}}\n@media(prefers-reduced-motion:reduce){.scx-v8-achievement{transition:opacity .12s ease;transform:none!important}}\n\/* Elementor krijgt nooit een overlay boven de editor. *\/\nbody.elementor-editor-active .scx-v8-achievement,body.elementor-editor-preview .scx-v8-achievement,html.elementor-html .scx-v8-achievement{display:none!important}\n<\/style>\n<script id=\"scx-v8-achievements-script\">\n(function(){\n  try{\n    if(window.__SCX_IN_ELEMENTOR__||window.elementor||document.documentElement.classList.contains('elementor-html')||(document.body&&(document.body.classList.contains('elementor-editor-active')||document.body.classList.contains('elementor-editor-preview')))||\/(?:[?&](?:elementor-preview|action=elementor)=|elementor-editor)\/i.test(String(location.href||''))) return;\n  }catch(error){return;}\n\n  var root=document.querySelector('.sc-site.sc-motion-root,.sc-about-page,.sc-contact-page,.page#top,#top.page');\n  if(!root||root.dataset.scxV8Achievements==='true') return;\n  root.dataset.scxV8Achievements='true';\n\n  var lang=(root.getAttribute('data-language')||document.documentElement.lang||'nl').toLowerCase().indexOf('en')===0?'en':'nl';\n  var page=(root.getAttribute('data-page')||'').toLowerCase();\n  if(!page){\n    if(root.classList.contains('sc-work')) page='work';\n    else if(root.classList.contains('sc-home')||root.id==='scx-top') page='home';\n    else if(root.classList.contains('sc-about-page')||root.classList.contains('sc-about')) page='about';\n    else if(root.classList.contains('sc-contact-page')) page='contact';\n    else page='services';\n  }\n\n  var copy={\n    nl:{\n      home:[\n        ['.scx-hero','Crossover gestart','Strategie, nieuwsgierigheid en een tikje gamerbrein. Je bent binnen.','logo'],\n        ['#scx-profiel','Build compleet','Strategisch denken \u00e9n gewoon maken. Die combo blijft.','\u26a1'],\n        ['#scx-inventory','Toolbox open','Copy, web, analyse, podium. Ik kies graag uit meer dan \u00e9\u00e9n slot.','\ud83e\uddf0'],\n        ['#scx-birdflight','Map gelezen','Eerst luisteren. Dan pas bewegen. Scheelt een hoop respawns.','\ud83e\udded'],\n        ['#scx-diensten-cta','Ruis verwijderd','Niet harder. Wel scherper, menselijker en beter getimed.','\u270d\ufe0f'],\n        ['#scx-werk','Proof unlocked','Ok\u00e9, genoeg theorie. Dit is wat er gebeurt als het echt moet werken.','\ud83c\udfac'],\n        ['#scx-contact','Co-op ontgrendeld','Genoeg over mij. Waar ben jij mee bezig?','\ud83d\udcac']\n      ],\n      services:[\n        ['#hero,main > section:first-of-type','Quest board open','Eerst even kijken wat jouw vraag echt nodig heeft.','logo'],\n        ['#diensten,#services','Route gekozen','Copy, social, web of advies. Soms \u00e9\u00e9n, soms de combo.','\ud83e\udded'],\n        ['#werk,#work','Proof gespot','Mooie woorden zijn leuk. Werk dat werkt is leuker.','\ud83d\udc40'],\n        ['section[aria-label=\"Eerste stap\"],section[aria-label=\"First step\"]','Ruisradar aan','Eerst zien waar het schuurt. Dan pas iets optuigen.','\ud83d\udce1'],\n        ['#prijzen,#pricing','Budget radar aan','Geen lootbox. Wel een eerlijke richtprijs.','\ud83d\udcb8'],\n        ['#werkwijze,#process','Route locked','Van losse vraag naar een plan waar je morgen mee verder kunt.','\ud83d\uddfa\ufe0f'],\n        ['#contact','Co-op unlocked','Jij de vraag, ik de frisse blik?','\ud83e\udd1d']\n      ],\n      about:[\n        ['.sc-about-hero,.sc-hero','Origin story unlocked','Geen corporate lore. Gewoon hoe ik hier ben beland.','logo'],\n        ['#origin','Eagle eye gevonden','Eerst zien waar het schuurt. Dan pas iets maken.','\ud83e\udd85'],\n        ['#gaming','Player one joined','Ja, dat gamerbrein zit nog steeds in mijn werk.','\ud83c\udfae'],\n        ['#ervaring,#experience','XP verzameld','Publiek, politiek en online. Een behoorlijk brede skill tree.','\u2b50'],\n        ['#opleiding,#education','Skill tree open','Nieuwe media, theater en vooral veel nieuwsgierigheid.','\ud83c\udf31'],\n        ['#contact','Party invite','Genoeg lore. Waar ben jij mee bezig?','\ud83d\udcac']\n      ],\n      contact:[\n        ['.sc-hero','Inbox unlocked','Je hoeft hier nog geen perfecte briefing te hebben.','logo'],\n        ['.sc-next-section','Reply route unlocked','Eerst lezen, dan terugkomen met een logische volgende stap.','\ud83d\udcec'],\n        ['.sc-route-section','Startpunt gekozen','Copy, social of web. Je mag gewoon beginnen waar het schuurt.','\ud83c\udfaf'],\n        ['.sc-direct-section','Shortcut gevonden','Liever rechtstreeks? Een mailtje werkt ook gewoon.','\u2615']\n      ],\n      work:[\n        ['#hero,.sc-work-hero','Werkmodus actief','Hier worden idee\u00ebn getest op iets belangrijks: werken ze ook echt?','logo'],\n        ['#selectie','Select screen open','Zes projecten. Zes routes. Kies je volgende case.','\ud83c\udfae'],\n        ['[data-sc-work-runway]','Showreel unlocked','Klik links of rechts. De volgende case staat al klaar.','\ud83c\udfac'],\n        ['#contact,.sc-work-contact','Co-op unlocked','Zullen we iets maken dat hier straks tussen past?','\ud83e\udd1d']\n      ]\n    },\n    en:{\n      home:[\n        ['.scx-hero','Crossover started','Strategy, curiosity and a slightly gamer-shaped brain. You are in.','logo'],\n        ['#scx-profiel','Build complete','Strategic thinking and actually making things. I like the combo.','\u26a1'],\n        ['#scx-inventory','Toolbox open','Copy, web, analysis, stage work. I like having more than one slot.','\ud83e\uddf0'],\n        ['#scx-birdflight','Map checked','Listen first. Move second. Saves a surprising number of respawns.','\ud83e\udded'],\n        ['#scx-diensten-cta','Noise removed','Not louder. Just sharper, more human and better timed.','\u270d\ufe0f'],\n        ['#scx-werk','Proof unlocked','Enough theory. This is what happens when ideas have to work.','\ud83c\udfac'],\n        ['#scx-contact','Co-op unlocked','Enough about me. What are you working on?','\ud83d\udcac']\n      ],\n      services:[\n        ['#hero,main > section:first-of-type','Quest board open','First, let\u2019s work out what your challenge actually needs.','logo'],\n        ['#services,#diensten','Route selected','Copy, social, web or advice. Sometimes one, sometimes the combo.','\ud83e\udded'],\n        ['#work,#werk','Proof spotted','Nice words are good. Work that works is better.','\ud83d\udc40'],\n        ['section[aria-label=\"First step\"],section[aria-label=\"Eerste stap\"]','Signal radar on','Spot the friction first. Build things second.','\ud83d\udce1'],\n        ['#pricing,#prijzen','Budget radar on','No loot box. Just a useful price range.','\ud83d\udcb8'],\n        ['#process,#werkwijze','Route locked','From loose question to a plan you can actually use tomorrow.','\ud83d\uddfa\ufe0f'],\n        ['#contact','Co-op unlocked','Your question, my fresh pair of eyes?','\ud83e\udd1d']\n      ],\n      about:[\n        ['.sc-about-hero,.sc-hero','Origin story unlocked','No corporate lore. Just how I ended up here.','logo'],\n        ['#origin','Eagle eye found','Spot the friction first. Make things second.','\ud83e\udd85'],\n        ['#gaming','Player one joined','Yes, the gamer brain still shows up in my work.','\ud83c\udfae'],\n        ['#experience,#ervaring','XP collected','Public work, politics and online culture. Quite a broad skill tree.','\u2b50'],\n        ['#education,#opleiding','Skill tree open','New media, theatre and a lot of curiosity.','\ud83c\udf31'],\n        ['#contact','Party invite','Enough lore. What are you working on?','\ud83d\udcac']\n      ],\n      contact:[\n        ['.sc-hero','Inbox unlocked','You do not need a perfect brief to start here.','logo'],\n        ['.sc-next-section','Reply route unlocked','I read first, then come back with a sensible next step.','\ud83d\udcec'],\n        ['.sc-route-section','Starting point selected','Copy, social or web. Start wherever it feels stuck.','\ud83c\udfaf'],\n        ['.sc-direct-section','Shortcut found','Prefer direct? A simple email works too.','\u2615']\n      ],\n      work:[\n        ['#hero,.sc-work-hero','Work mode active','Ideas get tested on something important here: do they actually work?','logo'],\n        ['#selectie','Select screen open','Six projects. Six routes. Pick your next case.','\ud83c\udfae'],\n        ['[data-sc-work-runway]','Showreel unlocked','Click left or right. The next case is already waiting.','\ud83c\udfac'],\n        ['#contact,.sc-work-contact','Co-op unlocked','Shall we make something that belongs here next?','\ud83e\udd1d']\n      ]\n    }\n  };\n\n  var list=(copy[lang]&&copy[lang][page])||[];\n  if(!list.length) return;\n\n  document.querySelectorAll('.scx-v8-achievement').forEach(function(node){node.remove();});\n  var toast=document.createElement('div');\n  toast.className='scx-v8-achievement';\n  toast.setAttribute('role','status');toast.setAttribute('aria-live','polite');toast.setAttribute('aria-atomic','true');\n  toast.innerHTML='<span class=\"scx-v8-achievement-icon\" aria-hidden=\"true\"><\/span><span class=\"scx-v8-achievement-copy\"><span class=\"scx-v8-achievement-kicker\">Achievement unlocked<\/span><strong><\/strong><small><\/small><\/span>';\n  document.body.appendChild(toast);\n\n  var iconNode=toast.querySelector('.scx-v8-achievement-icon');\n  var titleNode=toast.querySelector('strong');\n  var textNode=toast.querySelector('small');\n  var logo='https:\/\/arendvanberkel.nl\/wp-content\/uploads\/2026\/08\/Favicon-white-PNG-2.png';\n  var seen=new Set();\n  var hideTimer=0;\n  var lastShown=0;\n\n  function syncTheme(){toast.dataset.theme=(root.getAttribute('data-theme')||root.getAttribute('data-scx-theme')||'dark')==='light'?'light':'dark';}\n  syncTheme();\n  try{new MutationObserver(syncTheme).observe(root,{attributes:true,attributeFilter:['data-theme','data-scx-theme']});}catch(error){}\n\n  function setIcon(icon){\n    iconNode.classList.toggle('is-logo',icon==='logo');\n    if(icon==='logo') iconNode.innerHTML='<img src=\"'+logo+'\" alt=\"\" width=\"30\" height=\"30\" decoding=\"async\" loading=\"lazy\">';\n    else {iconNode.textContent=icon||'\u2728';}\n  }\n\n  function show(index){\n    if(seen.has(index)) return;\n    seen.add(index);\n    var item=list[index];if(!item)return;\n    setIcon(item[3]);titleNode.textContent=item[1];textNode.textContent=item[2];\n    toast.classList.add('is-visible');lastShown=Date.now();clearTimeout(hideTimer);\n    hideTimer=setTimeout(function(){toast.classList.remove('is-visible');},3400);\n  }\n\n  var entries=[];\n  list.forEach(function(item,index){\n    var node=null;\n    try{node=root.querySelector(item[0])||document.querySelector(item[0]);}catch(error){}\n    if(node) entries.push({node:node,index:index});\n  });\n  if(!entries.length) return;\n\n  var first=entries[0];\n  window.setTimeout(function(){\n    var rect=first.node.getBoundingClientRect();\n    if(rect.bottom>0&&rect.top<window.innerHeight*1.08) show(first.index);\n  },900);\n\n  if('IntersectionObserver' in window){\n    var observer=new IntersectionObserver(function(changes){\n      changes.forEach(function(change){\n        if(!change.isIntersecting||change.intersectionRatio<0.18) return;\n        var hit=entries.find(function(entry){return entry.node===change.target;});\n        if(!hit||seen.has(hit.index)) return;\n        if(Date.now()-lastShown<1150){window.setTimeout(function(){show(hit.index);},1200);}else show(hit.index);\n        observer.unobserve(change.target);\n      });\n    },{threshold:[0.18,0.34],rootMargin:'0px 0px -10% 0px'});\n    entries.forEach(function(entry){observer.observe(entry.node);});\n  }else{\n    var ticking=false;\n    function scan(){\n      if(ticking)return;ticking=true;requestAnimationFrame(function(){\n        entries.forEach(function(entry){if(seen.has(entry.index))return;var r=entry.node.getBoundingClientRect();if(r.top<window.innerHeight*.72&&r.bottom>window.innerHeight*.16)show(entry.index);});\n        ticking=false;\n      });\n    }\n    addEventListener('scroll',scan,{passive:true});scan();\n  }\n})();\n<\/script>\n\n\n<style id=\"scx-v9-public-edit-link-only\">\n\/* v9: verberg uitsluitend de losse publieke WordPress Edit\/Bewerken-link.\n   Elementor-editor, handles, canvas en knoppen worden bewust niet aangeraakt. *\/\na.post-edit-link,\n.post-edit-link,\n.wp-block-post-edit-link,\n.entry-edit-link,\n.page-edit-link,\n.edit-link > a[href*=\"post.php\"][href*=\"action=edit\"],\na[href*=\"\/wp-admin\/post.php\"][href*=\"action=edit\"],\na[href*=\"post.php?post=\"][href*=\"action=edit\"]{\n  display:none!important;\n  visibility:hidden!important;\n  opacity:0!important;\n  pointer-events:none!important;\n}\n\n\/* Expliciete rescue: in Elementor nooit editor-UI verbergen door deze laatste patch. *\/\nbody.elementor-editor-active :is(\n  #elementor-editor-button,\n  #elementor-editor-button-wrapper,\n  .elementor-editor-button,\n  .elementor-document-handle,\n  .elementor-editor-element-settings,\n  .elementor-editor-section-settings,\n  .elementor-editor-column-settings,\n  .elementor-editor-widget-settings,\n  .elementor-add-section,\n  .elementor-add-new-section,\n  .elementor-add-template-button\n),\nbody.elementor-editor-preview :is(\n  #elementor-editor-button,\n  #elementor-editor-button-wrapper,\n  .elementor-editor-button,\n  .elementor-document-handle,\n  .elementor-editor-element-settings,\n  .elementor-editor-section-settings,\n  .elementor-editor-column-settings,\n  .elementor-editor-widget-settings,\n  .elementor-add-section,\n  .elementor-add-new-section,\n  .elementor-add-template-button\n),\nhtml.elementor-html :is(\n  #elementor-editor-button,\n  #elementor-editor-button-wrapper,\n  .elementor-editor-button,\n  .elementor-document-handle,\n  .elementor-editor-element-settings,\n  .elementor-editor-section-settings,\n  .elementor-editor-column-settings,\n  .elementor-editor-widget-settings,\n  .elementor-add-section,\n  .elementor-add-new-section,\n  .elementor-add-template-button\n){\n  visibility:visible!important;\n  opacity:1!important;\n  pointer-events:auto!important;\n}\n<\/style>\n\n<style id=\"scx-v12-footer-ticker-theme-clean-style\">\n\/*\n * Studio Crossover v12\n * 1. Vloeiende Home-stijl ticker voor alle footervarianten.\n * 2. Alleen de footer van Parallax Portfolio\/CWW verbergen, \u00f3\u00f3k in Elementor.\n *    Elementor-handles, canvas en panelen worden hier bewust niet geselecteerd.\n *\/\n\n\/* Eigen Studio Crossover ticker: dezelfde vloeiende verticale woordwissel als de eerdere Home-versie. *\/\nhtml body :is(#scx-top,#top,.sc-site,.sc-about-page,.sc-contact-page)\n:is(.scx-footer-ticker,.sc-footer-ticker,.sc-footer-rotator){\n  display:inline-grid!important;\n  grid-template-areas:\"scxword\"!important;\n  align-items:baseline!important;\n  position:relative!important;\n  overflow:hidden!important;\n  min-width:clamp(9ch,18vw,14ch)!important;\n  min-height:1.08em!important;\n  height:1.08em!important;\n  line-height:1.08!important;\n  vertical-align:bottom!important;\n}\nhtml body :is(#scx-top,#top,.sc-site,.sc-about-page,.sc-contact-page)\n:is(.scx-footer-ticker,.sc-footer-ticker,.sc-footer-rotator) > span{\n  grid-area:scxword!important;\n  position:static!important;\n  white-space:nowrap!important;\n  pointer-events:none!important;\n  will-change:transform,opacity!important;\n}\n\n\/* Bekende CWW\/Parallax Portfolio footerhooks. Geen frontend-only gate: de theme-footer moet ook uit de Elementor-preview. *\/\nhtml body #colophon,\nhtml body footer.site-footer:not(.sc-site-footer):not(.scx-footer):not(.sc-unified-footer),\nhtml body .site-footer:not(.sc-site-footer):not(.scx-footer):not(.sc-unified-footer),\nhtml body .site-info:not(.sc-footer-meta):not(.scx-footer-meta),\nhtml body .footer-copyright,\nhtml body .copyright-footer,\nhtml body .copyright-area,\nhtml body .cww-footer,\nhtml body .cww-site-footer,\nhtml body .cww-footer-wrap,\nhtml body .cww-footer-bottom,\nhtml body .scx-v11-theme-footer-hidden{\n  display:none!important;\n  visibility:hidden!important;\n  opacity:0!important;\n  height:0!important;\n  min-height:0!important;\n  max-height:0!important;\n  margin:0!important;\n  padding:0!important;\n  border:0!important;\n  overflow:hidden!important;\n  pointer-events:none!important;\n}\n<\/style>\n\n<script id=\"scx-v12-footer-ticker-theme-clean-script\">\n(function(){\n  if(window.__SCX_V12_FOOTER_TICKER__) return;\n  window.__SCX_V12_FOOTER_TICKER__=true;\n\n  function qsa(selector,context){\n    try{return Array.prototype.slice.call((context||document).querySelectorAll(selector));}\n    catch(error){return [];}\n  }\n\n  function ownFooter(node){\n    if(!node||node.nodeType!==1) return false;\n    return !!node.closest('.scx-footer,.sc-site-footer,.sc-unified-footer,.sc-footer-v11');\n  }\n\n  \/* ---------- TICKER ---------- *\/\n  function prepareTicker(ticker){\n    if(!ticker||ticker.dataset.scxV12Ticker==='true') return;\n    ticker.dataset.scxV12Ticker='true';\n\n    \/* Diensten bewaart de woorden compact in data-sc-words. Maak daar dezelfde stapel van als op Home van. *\/\n    var packed=String(ticker.getAttribute('data-sc-words')||'').trim();\n    if(packed){\n      var packedWords=packed.split('|').map(function(value){return value.trim();}).filter(Boolean);\n      if(packedWords.length>1){\n        ticker.innerHTML='';\n        packedWords.forEach(function(value){\n          var span=document.createElement('span');\n          span.textContent=value;\n          ticker.appendChild(span);\n        });\n      }\n    }\n\n    var words=Array.prototype.slice.call(ticker.children).filter(function(node){\n      return node&&node.tagName==='SPAN';\n    });\n    if(!words.length) return;\n\n    var reduced=window.matchMedia&&window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n    var index=0;\n    var swapTimer=0;\n    var cleanupTimer=0;\n    var ease='cubic-bezier(.16,1,.3,1)';\n    var motion='opacity .44s ease, transform .68s '+ease;\n\n    function noTransition(word){\n      word.style.setProperty('transition','none','important');\n    }\n    function hiddenBelow(word){\n      noTransition(word);\n      word.style.setProperty('display','none','important');\n      word.style.setProperty('visibility','hidden','important');\n      word.style.setProperty('opacity','0','important');\n      word.style.setProperty('transform','translate3d(0,105%,0)','important');\n      word.style.setProperty('filter','none','important');\n      word.style.setProperty('animation','none','important');\n    }\n    function showStill(word){\n      noTransition(word);\n      word.style.setProperty('display','inline-block','important');\n      word.style.setProperty('visibility','visible','important');\n      word.style.setProperty('opacity','1','important');\n      word.style.setProperty('transform','translate3d(0,0,0)','important');\n      word.style.setProperty('filter','none','important');\n      word.style.setProperty('animation','none','important');\n    }\n\n    words.forEach(hiddenBelow);\n    showStill(words[0]);\n\n    if(words.length<2) return;\n\n    function schedule(){\n      window.clearTimeout(swapTimer);\n      swapTimer=window.setTimeout(swap,2200);\n    }\n\n    function swap(){\n      if(!document.documentElement.contains(ticker)) return;\n      var current=words[index];\n      var nextIndex=(index+1)%words.length;\n      var next=words[nextIndex];\n\n      if(reduced){\n        hiddenBelow(current);\n        showStill(next);\n        index=nextIndex;\n        schedule();\n        return;\n      }\n\n      \/* Zelfde gevoel als de oude Home-ticker: nieuw woord komt van onderen, oud woord schuift boven uit. *\/\n      noTransition(current);\n      current.style.setProperty('display','inline-block','important');\n      current.style.setProperty('visibility','visible','important');\n      current.style.setProperty('opacity','1','important');\n      current.style.setProperty('transform','translate3d(0,0,0)','important');\n\n      noTransition(next);\n      next.style.setProperty('display','inline-block','important');\n      next.style.setProperty('visibility','visible','important');\n      next.style.setProperty('opacity','0','important');\n      next.style.setProperty('transform','translate3d(0,105%,0)','important');\n      next.style.setProperty('filter','none','important');\n      next.style.setProperty('animation','none','important');\n\n      \/* Layout flush zodat de overgang ook betrouwbaar start in WordPress\/Elementor. *\/\n      void ticker.offsetWidth;\n\n      current.style.setProperty('transition',motion,'important');\n      next.style.setProperty('transition',motion,'important');\n      current.style.setProperty('opacity','0','important');\n      current.style.setProperty('transform','translate3d(0,-105%,0)','important');\n      next.style.setProperty('opacity','1','important');\n      next.style.setProperty('transform','translate3d(0,0,0)','important');\n\n      window.clearTimeout(cleanupTimer);\n      cleanupTimer=window.setTimeout(function(){\n        hiddenBelow(current);\n        showStill(next);\n      },740);\n\n      index=nextIndex;\n      schedule();\n    }\n\n    schedule();\n    ticker.dataset.scxV12TickerTimer='on';\n  }\n\n  function installTickers(){\n    qsa('.scx-footer-ticker,.sc-footer-ticker,.sc-footer-rotator').forEach(prepareTicker);\n  }\n\n  \/* ---------- CWW THEME FOOTER ---------- *\/\n  function norm(value){return String(value||'').replace(\/\\s+\/g,' ').trim().toLowerCase();}\n  function themeCreditText(node){\n    var text=norm(node&&node.textContent);\n    return text.indexOf('parallax portfolio')>-1 ||\n           text.indexOf('code work web')>-1 ||\n           text.indexOf('theme: parallax')>-1 ||\n           text.indexOf('theme : parallax')>-1;\n  }\n\n  function editorChrome(node){\n    if(!node||node.nodeType!==1) return false;\n    return !!node.closest('#elementor-panel,.elementor-editor-wrapper,.elementor-editor-active .elementor-document-handle,.elementor-control,.eui-popover,.dialog-widget');\n  }\n\n  function bestThemeFooterWrapper(seed){\n    if(!seed||ownFooter(seed)) return null;\n    var node=seed;\n    var best=null;\n    var steps=0;\n    while(node&&node!==document.body&&node!==document.documentElement&&steps<8){\n      if(ownFooter(node)||editorChrome(node)) break;\n      var tag=(node.tagName||'').toLowerCase();\n      var signature=((node.id||'')+' '+(typeof node.className==='string'?node.className:'')).toLowerCase();\n      var footerish=tag==='footer'||\/(?:^|[\\s_-])(footer|colophon|copyright|site-info|bottom)(?:[\\s_-]|$)\/.test(signature)||signature.indexOf('footer')>-1||signature.indexOf('copyright')>-1;\n      var rect=null;\n      try{rect=node.getBoundingClientRect();}catch(error){}\n      var compact=rect&&rect.height>=0&&rect.height<=360&&rect.width>=Math.min(520,window.innerWidth*.5);\n      if(footerish||compact) best=node;\n      if(tag==='footer') break;\n      node=node.parentElement;\n      steps++;\n    }\n    return best;\n  }\n\n  function hideThemeFooterNode(node){\n    if(!node||ownFooter(node)||editorChrome(node)) return;\n    node.classList.add('scx-v11-theme-footer-hidden');\n    node.setAttribute('aria-hidden','true');\n  }\n\n  function removeThemeFooter(){\n    \/* Eerst bekende hooks. *\/\n    qsa('#colophon,footer.site-footer,.site-footer,.site-info,.footer-copyright,.copyright-footer,.copyright-area,.cww-footer,.cww-site-footer,.cww-footer-wrap,.cww-footer-bottom').forEach(function(node){\n      if(!ownFooter(node)) hideThemeFooterNode(bestThemeFooterWrapper(node)||node);\n    });\n\n    \/* Daarna inhoudsdetectie voor de Parallax Portfolio footer, ook als de theme-class anders heet. *\/\n    qsa('footer,[id*=\"footer\"],[class*=\"footer\"],[class*=\"copyright\"],[class*=\"site-info\"],p,span,small').forEach(function(node){\n      if(ownFooter(node)||editorChrome(node)) return;\n      if(!themeCreditText(node)) return;\n      var wrapper=bestThemeFooterWrapper(node);\n      if(wrapper) hideThemeFooterNode(wrapper);\n    });\n  }\n\n  \/* ---------- LOSSE \\\\n-RESTEN ---------- *\/\n  function removeEscapedNewlineDebris(){\n    if(!document.body||!document.createTreeWalker||!window.NodeFilter) return;\n    var walker=document.createTreeWalker(document.body,NodeFilter.SHOW_TEXT,null);\n    var clean=[];\n    while(walker.nextNode()){\n      var textNode=walker.currentNode;\n      var parent=textNode.parentElement;\n      if(!parent) continue;\n      if(parent.closest('script,style,pre,code,textarea')) continue;\n      var value=String(textNode.nodeValue||'').trim();\n      if(!value||value.length>40) continue;\n      var compact=value.replace(\/\\s+\/g,'');\n      var onlyDebris=\/^[\\\\\\\/nN]+$\/.test(compact) && \/[\\\\\\\/]\/.test(compact) && \/[nN]\/.test(compact);\n      if(onlyDebris) clean.push(textNode);\n    }\n    clean.forEach(function(node){node.nodeValue='';});\n  }\n\n  function run(){\n    installTickers();\n    removeThemeFooter();\n    removeEscapedNewlineDebris();\n  }\n\n  if(document.readyState==='loading') document.addEventListener('DOMContentLoaded',run,{once:true});\n  else run();\n  window.requestAnimationFrame(run);\n  window.setTimeout(run,120);\n  window.setTimeout(run,500);\n  window.setTimeout(run,1200);\n\n  \/* Elementor\/thema kan later nodes toevoegen. Alleen opnieuw scannen, niets uit de editor verwijderen. *\/\n  if(document.body&&window.MutationObserver){\n    var queued=false;\n    new MutationObserver(function(){\n      if(queued) return;\n      queued=true;\n      window.requestAnimationFrame(function(){queued=false;run();});\n    }).observe(document.body,{childList:true,subtree:true});\n  }else if(window.MutationObserver){\n    document.addEventListener('DOMContentLoaded',function(){\n      var queued=false;\n      new MutationObserver(function(){\n        if(queued) return;\n        queued=true;\n        window.requestAnimationFrame(function(){queued=false;run();});\n      }).observe(document.body,{childList:true,subtree:true});\n    },{once:true});\n  }\n})();\n<\/script>\n\n<!-- SCX v17: menu letterlijk gelijk aan de aangeleverde Home-code. -->\n<style id=\"sc-v82-canonical-header-edit-cleanup\">\n\/* v82: \u00e9\u00e9n identieke headercomponent en volledige front-end edit-cleanup. *\/\nhtml body :is(#scx-top,#top).sc-site.sc-motion-root > .sc-header-v82{\n  position:fixed!important;inset:0 0 auto!important;z-index:9998!important;width:100%!important;height:auto!important;\n  margin:0!important;padding:6px 0 0!important;background:transparent!important;border:0!important;box-shadow:none!important;\n  overflow:visible!important;opacity:1!important;visibility:visible!important;transform:none!important;pointer-events:none!important;\n}\nhtml body :is(#scx-top,#top).sc-site.sc-motion-root > .sc-header-v82::before{\n  content:\"\"!important;position:absolute!important;inset:0 0 auto!important;height:104px!important;z-index:-1!important;\n  background:linear-gradient(180deg,rgba(7,10,18,.96),rgba(7,10,18,.67) 68%,rgba(7,10,18,0))!important;pointer-events:none!important;\n}\nhtml body :is(#scx-top,#top).sc-site.sc-motion-root[data-theme=\"light\"] > .sc-header-v82::before{\n  background:linear-gradient(180deg,rgba(247,242,234,.97),rgba(247,242,234,.72) 68%,rgba(247,242,234,0))!important;\n}\nhtml body :is(#scx-top,#top).sc-site.sc-motion-root > .sc-header-v82 > .sc-nav-shell{\n  box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;\n  width:min(1240px,calc(100% - 28px))!important;min-height:68px!important;max-width:none!important;margin:0 auto!important;padding:6px 8px 6px 10px!important;\n  border:1px solid rgba(196,167,255,.20)!important;border-radius:20px!important;background:rgba(7,10,18,.82)!important;\n  box-shadow:0 16px 44px rgba(0,0,0,.24)!important;backdrop-filter:blur(18px) saturate(135%)!important;-webkit-backdrop-filter:blur(18px) saturate(135%)!important;\n  overflow:visible!important;opacity:1!important;visibility:visible!important;transform:none!important;pointer-events:auto!important;\n}\nhtml body :is(#scx-top,#top).sc-site.sc-motion-root[data-theme=\"light\"] > .sc-header-v82 > .sc-nav-shell{background:rgba(255,255,255,.86)!important;border-color:rgba(94,69,216,.16)!important;color:#201b35!important}\nhtml body :is(#scx-top,#top).sc-site.sc-motion-root > .sc-header-v82 .sc-brand{display:flex!important;align-items:center!important;gap:9px!important;flex:0 1 258px!important;min-width:190px!important;max-width:258px!important;margin:0!important;padding:0!important;text-decoration:none!important;overflow:visible!important}\nhtml body :is(#scx-top,#top).sc-site.sc-motion-root > .sc-header-v82 .sc-brand-mark,html body :is(#scx-top,#top).sc-site.sc-motion-root > .sc-header-v82 .sc-brand-mark img{display:block!important;width:46px!important;height:46px!important;min-width:46px!important;flex:0 0 46px!important;object-fit:contain!important;opacity:1!important;visibility:visible!important;transform:none!important}\nhtml body :is(#scx-top,#top).sc-site.sc-motion-root > .sc-header-v82 .sc-brand-text{display:grid!important;min-width:0!important;line-height:1.04!important;overflow:visible!important}\nhtml body :is(#scx-top,#top).sc-site.sc-motion-root > .sc-header-v82 .sc-brand-text strong{display:block!important;font-size:.96rem!important;line-height:1.05!important;letter-spacing:-.015em!important;white-space:nowrap!important}\nhtml body :is(#scx-top,#top).sc-site.sc-motion-root > .sc-header-v82 .sc-brand-text small{display:block!important;font-size:.62rem!important;line-height:1.12!important;white-space:nowrap!important;opacity:.76!important}\nhtml body :is(#scx-top,#top).sc-site.sc-motion-root > .sc-header-v82 .sc-desktop-nav{\n  display:flex!important;align-items:center!important;justify-content:center!important;flex:1 1 auto!important;min-width:0!important;gap:2px!important;\n  margin:0 0 0 auto!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;overflow:visible!important;\n  opacity:1!important;visibility:visible!important;transform:none!important;\n}\nhtml body :is(#scx-top,#top).sc-site.sc-motion-root > .sc-header-v82 .sc-desktop-nav > a{\n  display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;min-width:0!important;min-height:38px!important;\n  margin:0!important;padding:0 10px!important;border:0!important;border-radius:999px!important;background:transparent!important;color:rgba(248,247,255,.90)!important;\n  font-size:.84rem!important;font-weight:700!important;line-height:1!important;letter-spacing:-.01em!important;text-decoration:none!important;white-space:nowrap!important;\n  opacity:1!important;visibility:visible!important;transform:none!important;clip-path:none!important;filter:none!important;overflow:visible!important;\n}\nhtml body :is(#scx-top,#top).sc-site.sc-motion-root[data-theme=\"light\"] > .sc-header-v82 .sc-desktop-nav > a{color:#292342!important}\nhtml body :is(#scx-top,#top).sc-site.sc-motion-root > .sc-header-v82 .sc-desktop-nav > a:is(:hover,:focus-visible,.is-active,[aria-current=\"page\"]){background:rgba(196,167,255,.12)!important;color:#fff!important}\nhtml body :is(#scx-top,#top).sc-site.sc-motion-root[data-theme=\"light\"] > .sc-header-v82 .sc-desktop-nav > a:is(:hover,:focus-visible,.is-active,[aria-current=\"page\"]){background:rgba(94,69,216,.10)!important;color:#211b39!important}\nhtml body :is(#scx-top,#top).sc-site.sc-motion-root > .sc-header-v82 .sc-desktop-nav > a::before,html body :is(#scx-top,#top).sc-site.sc-motion-root > .sc-header-v82 .sc-desktop-nav > a::after{content:none!important;display:none!important}\nhtml body :is(#scx-top,#top).sc-site.sc-motion-root > .sc-header-v82 .sc-nav-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;flex:0 0 auto!important;gap:5px!important;margin:0!important;padding:0!important;opacity:1!important;visibility:visible!important;transform:none!important}\nhtml body :is(#scx-top,#top).sc-site.sc-motion-root > .sc-header-v82 .sc-lang-switch{display:flex!important;align-items:center!important;min-height:40px!important;margin:0!important;padding:3px!important;border:1px solid rgba(196,167,255,.18)!important;border-radius:999px!important;background:rgba(7,10,18,.38)!important;opacity:1!important;visibility:visible!important}\nhtml body :is(#scx-top,#top).sc-site.sc-motion-root > .sc-header-v82 .sc-lang-switch a{display:grid!important;place-items:center!important;min-width:29px!important;height:32px!important;padding:0 6px!important;border-radius:999px!important;font-size:.68rem!important;font-weight:750!important;text-decoration:none!important;opacity:1!important;visibility:visible!important}\nhtml body :is(#scx-top,#top).sc-site.sc-motion-root > .sc-header-v82 .sc-lang-switch a.is-active{background:rgba(196,167,255,.16)!important}\nhtml body :is(#scx-top,#top).sc-site.sc-motion-root > .sc-header-v82 :is(.sc-theme-toggle,.sc-menu-toggle){position:relative!important;display:grid!important;place-items:center!important;width:40px!important;height:40px!important;min-width:40px!important;margin:0!important;padding:0!important;border:1px solid rgba(196,167,255,.18)!important;border-radius:13px!important;background:rgba(7,10,18,.50)!important;color:inherit!important;opacity:1!important;visibility:visible!important;transform:none!important}\nhtml body :is(#scx-top,#top).sc-site.sc-motion-root > .sc-header-v82 .sc-menu-toggle{display:none!important}\nhtml body :is(#scx-top,#top).sc-site.sc-motion-root > .sc-header-v82 .sc-theme-label{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important}\nhtml body :is(#scx-top,#top).sc-site.sc-motion-root > .sc-header-v82 .sc-menu-toggle-lines{position:relative!important;display:block!important;width:18px!important;height:14px!important;transform:none!important}\nhtml body :is(#scx-top,#top).sc-site.sc-motion-root > .sc-header-v82 .sc-menu-toggle-lines i{position:absolute!important;left:0!important;display:block!important;width:18px!important;height:2px!important;border-radius:999px!important;background:currentColor!important}\nhtml body :is(#scx-top,#top).sc-site.sc-motion-root > .sc-header-v82 .sc-menu-toggle-lines i:first-child{top:3px!important}html body :is(#scx-top,#top).sc-site.sc-motion-root > .sc-header-v82 .sc-menu-toggle-lines i:last-child{bottom:3px!important}\n\n\/* Ook externe WordPress\/Elementor edit-knoppen, inclusief admin-baritems, verdwijnen op de front-end. *\/\nhtml body.scx-frontend-safe :is(\n  #elementor-editor-button,#elementor-editor-button-wrapper,#elementor-editor-button-preview,\n  .elementor-edit-link,.elementor-edit-area,.elementor-editor-button,.elementor-document-handle,\n  .elementor-editor-element-settings,.elementor-editor-section-settings,.elementor-editor-column-settings,.elementor-editor-widget-settings,\n  .post-edit-link,.edit-link,.wp-block-post-edit-link,.entry-edit-link,.page-edit-link,\n  [class*=\"post-edit\" i],[class*=\"edit-link\" i],[class*=\"elementor-edit\" i],[id*=\"elementor-editor-button\" i],\n  a[href*=\"action=edit\" i],a[href*=\"post.php?post=\" i],a[href*=\"elementor\" i][href*=\"action\" i],\n  #wpadminbar #wp-admin-bar-edit,#wpadminbar #wp-admin-bar-elementor_edit_page,#wpadminbar [id*=\"elementor_edit\" i]\n){display:none!important;visibility:hidden!important;opacity:0!important;width:0!important;height:0!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;overflow:hidden!important;pointer-events:none!important}\n\n@media(max-width:1120px){\n  html body :is(#scx-top,#top).sc-site.sc-motion-root > .sc-header-v82 .sc-desktop-nav{display:none!important}\n  html body :is(#scx-top,#top).sc-site.sc-motion-root > .sc-header-v82 .sc-menu-toggle{display:grid!important}\n  html body :is(#scx-top,#top).sc-site.sc-motion-root > .sc-header-v82 .sc-brand{flex:1 1 auto!important;max-width:none!important}\n}\n@media(max-width:620px){\n  html body :is(#scx-top,#top).sc-site.sc-motion-root > .sc-header-v82{padding-top:5px!important}\n  html body :is(#scx-top,#top).sc-site.sc-motion-root > .sc-header-v82 > .sc-nav-shell{width:calc(100% - 20px)!important;min-height:62px!important;padding:5px 6px 5px 8px!important;border-radius:17px!important}\n  html body :is(#scx-top,#top).sc-site.sc-motion-root > .sc-header-v82 .sc-brand-mark,html body :is(#scx-top,#top).sc-site.sc-motion-root > .sc-header-v82 .sc-brand-mark img{width:42px!important;height:42px!important;min-width:42px!important;flex-basis:42px!important}\n  html body :is(#scx-top,#top).sc-site.sc-motion-root > .sc-header-v82 .sc-brand-text small,html body :is(#scx-top,#top).sc-site.sc-motion-root > .sc-header-v82 .sc-lang-switch{display:none!important}\n}\n<\/style>\n<style id=\"scx-v17-home-mobile-language\">\n\/* Letterlijk dezelfde mobiele NL\/EN-behandeling als Home. *\/\n@media (max-width:620px){\n  html body :is(#scx-top,#top).sc-site.sc-motion-root > .sc-header-v82 .sc-lang-switch{\n    display:flex!important;\n    align-items:center!important;\n    flex:0 0 auto!important;\n    min-height:38px!important;\n    padding:3px!important;\n    opacity:1!important;\n    visibility:visible!important;\n  }\n  html body :is(#scx-top,#top).sc-site.sc-motion-root > .sc-header-v82 .sc-lang-switch a{\n    display:grid!important;\n    place-items:center!important;\n    min-width:28px!important;\n    height:30px!important;\n    padding:0 5px!important;\n    font-size:.65rem!important;\n  }\n  html body :is(#scx-top,#top).sc-site.sc-motion-root > .sc-header-v82 .sc-brand{\n    min-width:0!important;\n  }\n}\n<\/style>\n<style id=\"scx-v91-brand-lightmode-fix\">\n\/* v91: compact woordmerk in de header + echte dark\/light logo-wissel. *\/\n.sc-site .sc-brand{\n  flex:0 0 auto!important;\n  width:clamp(118px,9.5vw,132px)!important;\n  min-width:118px!important;\n  max-width:132px!important;\n  height:38px!important;\n  margin:0!important;\n  padding:0!important;\n  gap:0!important;\n  overflow:hidden!important;\n  filter:none!important;\n  background:transparent!important;\n  border:0!important;\n  box-shadow:none!important;\n}\n.sc-site .sc-brand-full{\n  position:relative!important;\n  display:block!important;\n  width:100%!important;\n  height:100%!important;\n  overflow:hidden!important;\n}\n.sc-site .sc-brand-full img{\n  position:absolute!important;\n  left:50%!important;\n  top:50%!important;\n  display:block!important;\n  width:100%!important;\n  max-width:none!important;\n  height:auto!important;\n  transform:translate(-50%,-50%) scale(1.43)!important;\n  transform-origin:center center!important;\n  object-fit:contain!important;\n  object-position:center!important;\n}\n.sc-site .sc-brand-logo-dark{display:block!important}\n.sc-site .sc-brand-logo-light{display:none!important}\n.sc-site[data-theme=\"light\"] .sc-brand-logo-dark{display:none!important}\n.sc-site[data-theme=\"light\"] .sc-brand-logo-light{display:block!important}\n\n\/* Light mode: header, navigatie en controls houden voldoende contrast. *\/\n.sc-site[data-theme=\"light\"] .sc-nav-shell{\n  background:rgba(255,255,255,.88)!important;\n  border-color:rgba(61,52,139,.16)!important;\n  box-shadow:0 14px 40px rgba(42,34,68,.10)!important;\n}\n.sc-site[data-theme=\"light\"] .sc-desktop-nav a{color:#29225f!important}\n.sc-site[data-theme=\"light\"] .sc-desktop-nav a:is(:hover,:focus-visible,.is-active,[aria-current=\"page\"]){\n  color:#211b39!important;\n  background:rgba(94,69,216,.10)!important;\n}\n.sc-site[data-theme=\"light\"] :is(.sc-theme-toggle,.sc-menu-toggle,.sc-lang-switch){\n  color:#29225f!important;\n  background:rgba(255,255,255,.84)!important;\n  border-color:rgba(61,52,139,.16)!important;\n}\n.sc-site[data-theme=\"light\"] .sc-lang-switch a{color:#51476e!important}\n.sc-site[data-theme=\"light\"] .sc-lang-switch a.is-active{\n  color:#fff!important;\n  background:linear-gradient(135deg,#6b4cf0,#4854e8)!important;\n}\n.sc-site[data-theme=\"light\"] .sc-menu-toggle-lines i{background:#29225f!important}\n.sc-site[data-theme=\"light\"] .sc-theme-icon{color:#29225f!important}\n\n@media(max-width:620px){\n  .sc-site .sc-brand{\n    width:112px!important;\n    min-width:112px!important;\n    max-width:112px!important;\n    height:36px!important;\n  }\n}\n\n\/* Footer gebruikt zijn bestaande merkbehandeling, dus geen extra woordmerk. *\/\n.sc-site .scx-footer-brand-logo{display:none!important}\n\n\/* Alleen de losse WordPress Edit\/Bewerken-link verbergen. *\/\na.post-edit-link,\n.post-edit-link,\n.edit-link > a[href*=\"post.php\"][href*=\"action=edit\"],\na[href*=\"post.php?post=\"][href*=\"action=edit\"]{\n  display:none!important;\n  visibility:hidden!important;\n}\n\n@media(max-width:620px){\n  .sc-site .sc-brand{\n    width:128px!important;\n    min-width:128px!important;\n    max-width:128px!important;\n    height:40px!important;\n  }\n  .sc-site .sc-brand-full img{transform:translate(-50%,-50%) scale(1.40)!important}\n}\n@media(max-width:390px){\n  .sc-site .sc-brand{\n    width:116px!important;\n    min-width:116px!important;\n    max-width:116px!important;\n    height:38px!important;\n  }\n}\n<\/style>\n<style id=\"scx-v17-home-brand-specificity-lock\">\n\/* Home v91, met alleen extra specificiteit zodat oude paginasheets hem niet kunnen overrulen. *\/\nhtml body :is(#scx-top,#top).sc-site.sc-motion-root > .sc-header-v82 .sc-brand{\n  flex:0 0 auto!important;width:clamp(118px,9.5vw,132px)!important;min-width:118px!important;max-width:132px!important;height:38px!important;\n  margin:0!important;padding:0!important;gap:0!important;overflow:hidden!important;filter:none!important;background:transparent!important;border:0!important;box-shadow:none!important;\n}\nhtml body :is(#scx-top,#top).sc-site.sc-motion-root > .sc-header-v82 .sc-brand-full{position:relative!important;display:block!important;width:100%!important;height:100%!important;overflow:hidden!important}\nhtml body :is(#scx-top,#top).sc-site.sc-motion-root > .sc-header-v82 .sc-brand-full img{position:absolute!important;left:50%!important;top:50%!important;display:block!important;width:100%!important;max-width:none!important;height:auto!important;transform:translate(-50%,-50%) scale(1.43)!important;transform-origin:center center!important;object-fit:contain!important;object-position:center!important}\n@media(max-width:620px){html body :is(#scx-top,#top).sc-site.sc-motion-root > .sc-header-v82 .sc-brand{width:112px!important;min-width:112px!important;max-width:112px!important;height:36px!important}}\n<\/style>\n<script id=\"sc-v82-canonical-header-edit-cleanup-script\">\n(function(){\n  \/* SCX_EDITOR_GUARD: raak Elementor zelf nooit aan. *\/\n  try{if(window.elementor||document.documentElement.classList.contains('elementor-html')||(document.body&&(document.body.classList.contains('elementor-editor-active')||document.body.classList.contains('elementor-editor-preview')))||\/(?:[?&](?:elementor-preview|action=elementor)=|elementor-editor)\/i.test(String(location.href)))return;}catch(e){return;}\n\n  if(document.documentElement.dataset.scV82Ready==='true') return;\n  document.documentElement.dataset.scV82Ready='true';\n  var root=document.querySelector('.sc-site.sc-motion-root');\n  if(!root) return;\n  var language=root.dataset.language==='en'?'en':'nl';\n  var page=root.dataset.page||'home';\n  var data={\n    nl:{home:['Home','https:\/\/arendvanberkel.nl\/'],services:['Diensten','https:\/\/arendvanberkel.nl\/index.php\/diensten\/'],work:['Werk','https:\/\/arendvanberkel.nl\/index.php\/werk\/'],about:['Over mij','https:\/\/arendvanberkel.nl\/index.php\/over-mij\/'],contact:['Contact','https:\/\/arendvanberkel.nl\/index.php\/contact-nl\/']},\n    en:{home:['Home','https:\/\/arendvanberkel.nl\/index.php\/home-en\/'],services:['Services','https:\/\/arendvanberkel.nl\/index.php\/services-en\/'],work:['Work','https:\/\/arendvanberkel.nl\/index.php\/work-en\/'],about:['About','https:\/\/arendvanberkel.nl\/index.php\/about-en\/'],contact:['Contact','https:\/\/arendvanberkel.nl\/index.php\/contact-en\/']}\n  };\n  var order=['home','services','work','about','contact'];\n\n  function canonicalizeDesktopNav(){\n    var header=root.querySelector(':scope > .sc-header-v82');\n    var nav=header&&header.querySelector('.sc-desktop-nav');\n    if(!nav) return;\n    nav.innerHTML='';\n    order.forEach(function(key){\n      var a=document.createElement('a');\n      a.textContent=data[language][key][0];a.href=data[language][key][1];\n      if(key===page){a.classList.add('is-active');a.setAttribute('aria-current','page');}\n      if(key==='contact')a.classList.add('sc-desktop-contact');\n      nav.appendChild(a);\n    });\n  }\n\n  var labels={edit:1,bewerken:1,'edit page':1,'bewerk pagina':1,'edit with elementor':1,'bewerken met elementor':1,'edit post':1,'bewerk bericht':1};\n  function norm(v){return String(v||'').replace(\/\\s+\/g,' ').trim().toLowerCase();}\n  function removeEditChrome(){\n    var selector='#elementor-editor-button,#elementor-editor-button-wrapper,.elementor-edit-link,.elementor-edit-area,.elementor-editor-button,.post-edit-link,.edit-link,.wp-block-post-edit-link,.entry-edit-link,.page-edit-link,[class*=\"post-edit\" i],[class*=\"edit-link\" i],[class*=\"elementor-edit\" i],[id*=\"elementor-editor-button\" i],a[href*=\"action=edit\" i],a[href*=\"post.php?post=\" i],#wpadminbar #wp-admin-bar-edit,#wpadminbar #wp-admin-bar-elementor_edit_page,#wpadminbar [id*=\"elementor_edit\" i]';\n    document.querySelectorAll(selector).forEach(function(node){node.remove();});\n    document.querySelectorAll('a,button,[role=\"button\"]').forEach(function(node){\n      var text=norm(node.textContent),aria=norm(node.getAttribute('aria-label')),title=norm(node.getAttribute('title')),href=norm(node.getAttribute('href'));\n      var edit=labels[text]||labels[aria]||labels[title]||href.indexOf('action=edit')>-1||href.indexOf('post.php?post=')>-1||(href.indexOf('elementor')>-1&&href.indexOf('action')>-1);\n      if(!edit) return;\n      var wrapper=node.closest('.edit-link,.post-edit-link,.wp-block-post-edit-link,.elementor-edit-link,[class*=\"edit-link\" i],[class*=\"elementor-edit\" i]');\n      (wrapper||node).remove();\n    });\n    document.querySelectorAll('span,div,p').forEach(function(node){\n      if(node.children.length>2) return;\n      var text=norm(node.textContent);\n      if(!labels[text]) return;\n      var clickable=node.closest('a,button,[role=\"button\"]');\n      if(clickable) clickable.remove();\n      else if(node.childElementCount===0) node.remove();\n    });\n  }\n\n  canonicalizeDesktopNav();\n  removeEditChrome();\n  if(document.readyState==='loading')document.addEventListener('DOMContentLoaded',function(){canonicalizeDesktopNav();removeEditChrome();},{once:true});\n  window.addEventListener('load',function(){canonicalizeDesktopNav();removeEditChrome();},{once:true});\n  [100,350,900,1800,3500,7000].forEach(function(ms){window.setTimeout(function(){canonicalizeDesktopNav();removeEditChrome();},ms);});\n  var queued=false;\n  new MutationObserver(function(){if(queued)return;queued=true;requestAnimationFrame(function(){queued=false;removeEditChrome();});}).observe(document.documentElement,{childList:true,subtree:true});\n})();\n<\/script>\n<script id=\"scx-v17-home-menu-controller\">\n(function(){\n  var root=document.querySelector('.sc-site.sc-motion-root');\n  if(!root||root.dataset.scV17HomeMenu==='true')return;\n  root.dataset.scV17HomeMenu='true';\n  var oldHeader=root.querySelector(':scope > .sc-header-v82');\n  if(!oldHeader)return;\n  var header=oldHeader.cloneNode(true);\n  oldHeader.replaceWith(header);\n  var lang=root.dataset.language==='en'?'en':'nl';\n  var menu=header.querySelector('.sc-menu');\n  var toggle=header.querySelector('.sc-menu-toggle');\n  var theme=header.querySelector('.sc-theme-toggle');\n  var icon=theme&&theme.querySelector('.sc-theme-icon');\n  var label=theme&&theme.querySelector('.sc-theme-label');\n  function setMenu(open){\n    root.classList.toggle('is-menu-open',open);\n    document.body.classList.toggle('sc-menu-lock',open);\n    if(menu){menu.classList.toggle('is-open',open);menu.setAttribute('aria-hidden',String(!open));}\n    if(toggle){toggle.setAttribute('aria-expanded',String(open));toggle.setAttribute('aria-label',open?(lang==='en'?'Close menu':'Menu sluiten'):(lang==='en'?'Open menu':'Menu openen'));}\n  }\n  if(toggle)toggle.addEventListener('click',function(e){e.preventDefault();e.stopPropagation();setMenu(!root.classList.contains('is-menu-open'));});\n  if(menu)menu.querySelectorAll('a').forEach(function(a){a.addEventListener('click',function(){setMenu(false);});});\n  document.addEventListener('keydown',function(e){if(e.key==='Escape'&&root.classList.contains('is-menu-open'))setMenu(false);});\n  document.addEventListener('pointerdown',function(e){if(!root.classList.contains('is-menu-open'))return;if((menu&&menu.contains(e.target))||(toggle&&toggle.contains(e.target)))return;setMenu(false);});\n  function applyTheme(value,save){\n    var v=value==='light'?'light':'dark';root.setAttribute('data-theme',v);root.setAttribute('data-scx-theme',v);try{document.body.setAttribute('data-theme',v);}catch(e){}\n    if(theme){var light=v==='light';theme.setAttribute('aria-pressed',String(light));theme.setAttribute('aria-label',light?(lang==='en'?'Switch to dark mode':'Wissel naar donkere modus'):(lang==='en'?'Switch to light mode':'Wissel naar lichte modus'));if(icon)icon.textContent=light?'\u2600':'\u263e';if(label)label.textContent=light?'Dark mode':'Light mode';}\n    if(save){try{localStorage.setItem('studio-crossover-theme',v);}catch(e){}}\n  }\n  var saved='';try{saved=localStorage.getItem('studio-crossover-theme')||'';}catch(e){}\n  applyTheme(saved||root.getAttribute('data-theme')||'dark',false);\n  if(theme)theme.addEventListener('click',function(e){e.preventDefault();applyTheme(root.getAttribute('data-theme')==='light'?'dark':'light',true);});\n  var onScroll=function(){header.classList.toggle('is-scrolled',window.scrollY>24);};onScroll();window.addEventListener('scroll',onScroll,{passive:true});\n})();\n<\/script>\n\n<style id=\"scx-v18-home-menu-overlay-fix\">\n\/* v18: het fullscreen menu gebruikt dezelfde sc\u00e8ne als Home en blijft buiten de open-state volledig uit beeld. *\/\n.sc-motion-root{\n  --v72-ease:cubic-bezier(.16,1,.3,1);\n  --v72-menu:#080b17;\n  --v72-menu-text:#f7f5ff;\n  --v72-menu-soft:rgba(247,245,255,.32);\n  --v72-menu-line:rgba(196,167,255,.16);\n}\nhtml body :is(#scx-top,#top).sc-site.sc-motion-root > .sc-header-v82 .sc-menu{\n  position:fixed!important;\n  inset:0!important;\n  z-index:7900!important;\n  display:block!important;\n  width:100vw!important;\n  height:100svh!important;\n  min-height:100svh!important;\n  max-height:none!important;\n  margin:0!important;\n  padding:110px max(24px,calc((100vw - 1180px)\/2)) 30px!important;\n  border:0!important;\n  border-radius:0!important;\n  background:radial-gradient(circle at 14% 16%,rgba(108,88,220,.18),transparent 27%),radial-gradient(circle at 86% 84%,rgba(84,96,249,.13),transparent 30%),var(--v72-menu)!important;\n  box-shadow:none!important;\n  color:var(--v72-menu-text)!important;\n  opacity:0!important;\n  visibility:hidden!important;\n  pointer-events:none!important;\n  overflow:auto!important;\n  clip-path:inset(0 0 100% 0)!important;\n  transform:none!important;\n  transition:clip-path .68s var(--v72-ease),opacity .24s ease,visibility .68s step-end!important;\n}\nhtml body :is(#scx-top,#top).sc-site.sc-motion-root[data-theme=\"light\"] > .sc-header-v82 .sc-menu{\n  --v72-menu:#f5f4f8;\n  --v72-menu-text:#151426;\n  --v72-menu-soft:rgba(21,20,38,.30);\n  --v72-menu-line:rgba(61,52,139,.15);\n  background:radial-gradient(circle at 14% 16%,rgba(196,167,255,.23),transparent 28%),radial-gradient(circle at 86% 84%,rgba(84,96,249,.10),transparent 30%),var(--v72-menu)!important;\n}\nhtml body :is(#scx-top,#top).sc-site.sc-motion-root > .sc-header-v82 .sc-menu.is-open,\nhtml body :is(#scx-top,#top).sc-site.sc-motion-root.is-menu-open > .sc-header-v82 .sc-menu{\n  opacity:1!important;\n  visibility:visible!important;\n  pointer-events:auto!important;\n  clip-path:inset(0)!important;\n  transition:clip-path .68s var(--v72-ease),opacity .24s ease,visibility 0s step-start!important;\n}\nhtml body :is(#scx-top,#top).sc-site.sc-motion-root > .sc-header-v82 .sc-menu-inner{\n  width:100%!important;\n  max-width:none!important;\n  min-height:calc(100svh - 140px)!important;\n  margin:0!important;\n  padding:0!important;\n  display:grid!important;\n  grid-template-rows:auto auto auto auto!important;\n  align-content:space-between!important;\n  gap:clamp(18px,3vh,34px)!important;\n}\nhtml body :is(#scx-top,#top).sc-site.sc-motion-root > .sc-header-v82 .sc-menu-kicker{\n  margin:0!important;\n  color:var(--v72-menu-soft)!important;\n  font-size:.68rem!important;\n  line-height:1!important;\n  letter-spacing:.16em!important;\n  text-transform:uppercase!important;\n  font-weight:900!important;\n}\nhtml body :is(#scx-top,#top).sc-site.sc-motion-root > .sc-header-v82 .sc-menu-kicker::after{content:\" \/ kies je route\";color:rgba(196,167,255,.82)!important}\nhtml body :is(#scx-top,#top).sc-site.sc-motion-root[data-language=\"en\"] > .sc-header-v82 .sc-menu-kicker::after{content:\" \/ choose your route\"}\nhtml body :is(#scx-top,#top).sc-site.sc-motion-root > .sc-header-v82 .sc-menu-links{\n  display:grid!important;\n  grid-template-columns:repeat(2,minmax(0,1fr))!important;\n  gap:0 clamp(36px,7vw,104px)!important;\n  margin:0!important;\n  padding:0!important;\n}\nhtml body :is(#scx-top,#top).sc-site.sc-motion-root > .sc-header-v82 .sc-menu-links a{\n  position:relative!important;\n  display:grid!important;\n  grid-template-columns:34px minmax(0,1fr)!important;\n  gap:12px!important;\n  align-items:center!important;\n  min-height:clamp(62px,8vh,86px)!important;\n  margin:0!important;\n  padding:9px 0!important;\n  border:0!important;\n  border-bottom:1px solid var(--v72-menu-line)!important;\n  border-radius:0!important;\n  background:transparent!important;\n  color:var(--v72-menu-soft)!important;\n  text-decoration:none!important;\n  opacity:0!important;\n  visibility:visible!important;\n  transform:translate3d(0,22px,0)!important;\n  transition:color .24s ease,opacity .48s var(--v72-ease),transform .48s var(--v72-ease)!important;\n  transition-delay:calc(110ms + var(--sc-menu-index,0)*52ms)!important;\n}\nhtml body :is(#scx-top,#top).sc-site.sc-motion-root > .sc-header-v82 .sc-menu.is-open .sc-menu-links a,\nhtml body :is(#scx-top,#top).sc-site.sc-motion-root.is-menu-open > .sc-header-v82 .sc-menu-links a{opacity:1!important;transform:none!important}\nhtml body :is(#scx-top,#top).sc-site.sc-motion-root > .sc-header-v82 .sc-menu-links a:is(:hover,:focus-visible,.is-active,[aria-current=\"page\"]){color:var(--v72-menu-text)!important;outline:none!important}\nhtml body :is(#scx-top,#top).sc-site.sc-motion-root > .sc-header-v82 .sc-menu-links a::after{\n  content:\"\u2197\"!important;\n  position:absolute!important;\n  right:2px!important;\n  color:rgba(196,167,255,.9)!important;\n  font-size:1rem!important;\n  opacity:0!important;\n  transform:translate3d(-7px,7px,0)!important;\n  transition:opacity .2s ease,transform .3s var(--v72-ease)!important;\n}\nhtml body :is(#scx-top,#top).sc-site.sc-motion-root > .sc-header-v82 .sc-menu-links a:is(:hover,:focus-visible,.is-active,[aria-current=\"page\"])::after{opacity:1!important;transform:none!important}\nhtml body :is(#scx-top,#top).sc-site.sc-motion-root > .sc-header-v82 .sc-menu-index{color:rgba(196,167,255,.68)!important;font-size:.64rem!important;font-weight:900!important;letter-spacing:.08em!important;padding:0!important}\nhtml body :is(#scx-top,#top).sc-site.sc-motion-root > .sc-header-v82 .sc-menu-label{color:inherit!important;font-size:clamp(2rem,4.2vw,4rem)!important;line-height:.94!important;letter-spacing:-.06em!important;font-weight:820!important}\nhtml body :is(#scx-top,#top).sc-site.sc-motion-root > .sc-header-v82 .sc-menu-hint{display:none!important}\nhtml body :is(#scx-top,#top).sc-site.sc-motion-root > .sc-header-v82 .sc-menu-experience{\n  display:grid!important;\n  grid-template-columns:minmax(0,1fr) auto!important;\n  align-items:center!important;\n  gap:20px!important;\n  min-height:58px!important;\n  border-bottom:1px solid var(--v72-menu-line)!important;\n}\nhtml body :is(#scx-top,#top).sc-site.sc-motion-root > .sc-header-v82 .sc-menu-experience-copy{min-width:0!important;color:var(--v72-menu-soft)!important;font-size:clamp(.92rem,1.25vw,1.08rem)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}\nhtml body :is(#scx-top,#top).sc-site.sc-motion-root > .sc-header-v82 .sc-menu-experience-copy strong{color:var(--v72-menu-text)!important;font-weight:780!important}\nhtml body :is(#scx-top,#top).sc-site.sc-motion-root > .sc-header-v82 .sc-menu-experience a{color:var(--v72-menu-text)!important;font-size:.82rem!important;font-weight:800!important;text-decoration:none!important}\nhtml body :is(#scx-top,#top).sc-site.sc-motion-root > .sc-header-v82 .sc-menu-bottom{\n  display:grid!important;\n  grid-template-columns:minmax(200px,1.15fr) auto auto minmax(220px,.9fr)!important;\n  align-items:end!important;\n  gap:clamp(20px,4vw,56px)!important;\n  margin:0!important;\n  padding:0!important;\n  border:0!important;\n}\n.sc-header-v82 .sc-menu-mini-scene{position:relative;min-height:88px;overflow:hidden;border:1px solid var(--v72-menu-line);border-radius:14px;background:linear-gradient(135deg,rgba(196,167,255,.12),transparent 56%),rgba(255,255,255,.035)}\n.sc-header-v82 .sc-menu-mini-scene::before{content:\"\";position:absolute;left:15%;right:12%;top:54%;height:1px;background:linear-gradient(90deg,transparent,rgba(196,167,255,.75),transparent);transform:rotate(-8deg)}\n.sc-header-v82 .sc-menu-mini-scene span{position:absolute;left:12%;top:53%;font-size:1.05rem;animation:v18MenuFlight 4.8s var(--v72-ease) infinite}\n@keyframes v18MenuFlight{0%,12%{left:12%;top:54%;transform:rotate(-7deg)}48%,62%{left:52%;top:32%;transform:rotate(4deg)}88%,100%{left:86%;top:56%;transform:rotate(-2deg) scale(.8)}}\n.sc-header-v82 .sc-menu-meta,.sc-header-v82 .sc-menu-socials{display:grid;gap:6px;align-self:center;color:var(--v72-menu-soft);font-size:.7rem;line-height:1.35}\n.sc-header-v82 .sc-menu-meta strong,.sc-header-v82 .sc-menu-socials a{color:var(--v72-menu-text)!important;font-size:.78rem;text-decoration:none!important}\n.sc-header-v82 .sc-menu-wordmark{justify-self:end;color:var(--v72-menu-text);font-size:clamp(2rem,4.3vw,4.6rem);line-height:.78;letter-spacing:-.075em;font-weight:900;text-align:right}\n.sc-header-v82 .sc-menu-wordmark span{display:block;color:rgba(196,167,255,.88)}\nhtml body :is(#scx-top,#top).sc-site.sc-motion-root > .sc-header-v82 .sc-menu-toggle-lines i{transition:top .28s var(--v72-ease),bottom .28s var(--v72-ease),transform .32s var(--v72-ease)!important}\nhtml body :is(#scx-top,#top).sc-site.sc-motion-root > .sc-header-v82 .sc-menu-toggle[aria-expanded=\"true\"] .sc-menu-toggle-lines i:first-child{top:6px!important;transform:rotate(45deg)!important}\nhtml body :is(#scx-top,#top).sc-site.sc-motion-root > .sc-header-v82 .sc-menu-toggle[aria-expanded=\"true\"] .sc-menu-toggle-lines i:last-child{bottom:6px!important;transform:rotate(-45deg)!important}\nbody.sc-menu-lock{overflow:hidden!important}\n@media(max-width:820px){\n  html body :is(#scx-top,#top).sc-site.sc-motion-root > .sc-header-v82 .sc-menu{padding:98px 18px 20px!important}\n  html body :is(#scx-top,#top).sc-site.sc-motion-root > .sc-header-v82 .sc-menu-inner{min-height:calc(100svh - 118px)!important;gap:18px!important}\n  html body :is(#scx-top,#top).sc-site.sc-motion-root > .sc-header-v82 .sc-menu-links{grid-template-columns:1fr!important;gap:0!important}\n  html body :is(#scx-top,#top).sc-site.sc-motion-root > .sc-header-v82 .sc-menu-links a{min-height:56px!important;grid-template-columns:28px minmax(0,1fr)!important;padding:7px 0!important}\n  html body :is(#scx-top,#top).sc-site.sc-motion-root > .sc-header-v82 .sc-menu-label{font-size:clamp(1.75rem,8.2vw,2.5rem)!important}\n  html body :is(#scx-top,#top).sc-site.sc-motion-root > .sc-header-v82 .sc-menu-experience{min-height:50px!important}\n  html body :is(#scx-top,#top).sc-site.sc-motion-root > .sc-header-v82 .sc-menu-bottom{grid-template-columns:minmax(150px,1fr) auto!important;gap:14px!important}\n  .sc-header-v82 .sc-menu-mini-scene{min-height:70px}\n  .sc-header-v82 .sc-menu-socials{display:none!important}\n  .sc-header-v82 .sc-menu-wordmark{font-size:clamp(1.7rem,8vw,2.7rem)}\n}\n@media(max-width:560px){\n  .sc-header-v82 .sc-menu-experience-copy span,.sc-header-v82 .sc-menu-meta{display:none!important}\n  html body :is(#scx-top,#top).sc-site.sc-motion-root > .sc-header-v82 .sc-menu-bottom{grid-template-columns:1fr auto!important}\n}\n@media(prefers-reduced-motion:reduce){\n  .sc-header-v82 .sc-menu-mini-scene span{animation:none!important}\n  html body :is(#scx-top,#top).sc-site.sc-motion-root > .sc-header-v82 .sc-menu{clip-path:none!important;transition:opacity .15s ease,visibility .15s ease!important}\n}\n<\/style>\n<script id=\"scx-v18-home-menu-scene\">\n(function(){\n  try{\n    if(window.__SCX_IN_ELEMENTOR__||window.elementor||document.documentElement.classList.contains('elementor-html')||(document.body&&(document.body.classList.contains('elementor-editor-active')||document.body.classList.contains('elementor-editor-preview')))||\/(?:[?&](?:elementor-preview|action=elementor)=|elementor-editor)\/i.test(String(location.href||'')))return;\n  }catch(e){return;}\n  var root=document.querySelector('.sc-site.sc-motion-root');\n  if(!root||root.dataset.scV18MenuScene==='true')return;\n  root.dataset.scV18MenuScene='true';\n  var menu=root.querySelector(':scope > .sc-header-v82 .sc-menu');\n  if(!menu)return;\n  var inner=menu.querySelector('.sc-menu-inner');\n  var links=menu.querySelector('.sc-menu-links');\n  var bottom=menu.querySelector('.sc-menu-bottom');\n  var toggle=root.querySelector(':scope > .sc-header-v82 .sc-menu-toggle');\n  var lang=root.dataset.language==='en'?'en':'nl';\n  var c=lang==='en'?{k:'Navigation',p:'Not sure where to start?',s:'Tell me what feels stuck.',a:'Start a conversation \u2192',av:'Available for selected projects',r:'Personal reply within two working days',m:'Email'}:{k:'Navigatie',p:'Weet je nog niet waar je moet beginnen?',s:'Vertel waar het schuurt.',a:'Start een gesprek \u2192',av:'Beschikbaar voor geselecteerde projecten',r:'Persoonlijk antwoord binnen twee werkdagen',m:'Mail'};\n  if(inner&&links&&bottom){\n    var kicker=inner.querySelector('.sc-menu-kicker');if(kicker)kicker.textContent=c.k;\n    inner.querySelectorAll('.sc-menu-experience').forEach(function(n){n.remove();});\n    var contact=links.querySelector('a:last-child'),href=contact?contact.href:(lang==='en'?'https:\/\/arendvanberkel.nl\/index.php\/contact-en\/':'https:\/\/arendvanberkel.nl\/index.php\/contact-nl\/');\n    var exp=document.createElement('div');exp.className='sc-menu-experience';exp.innerHTML='<div class=\"sc-menu-experience-copy\"><span>'+c.p+' <\/span><strong>'+c.s+'<\/strong><\/div><a href=\"'+href+'\">'+c.a+'<\/a>';inner.insertBefore(exp,bottom);\n    var li=root.querySelector('footer a[href*=\"linkedin.com\"]'),liHref=li?li.href:'https:\/\/www.linkedin.com\/in\/arend-van-berkel\/';\n    bottom.innerHTML='<div class=\"sc-menu-mini-scene\" aria-hidden=\"true\"><span>\ud83e\udd85<\/span><\/div><div class=\"sc-menu-meta\"><strong>'+c.av+'<\/strong><span>'+c.r+'<\/span><\/div><div class=\"sc-menu-socials\"><a href=\"mailto:arendvanberkel@gmail.com?subject=Vraag%20over%20Studio%20Crossover\">'+c.m+'<\/a><a href=\"'+liHref+'\" target=\"_blank\" rel=\"noopener\">LinkedIn<\/a><\/div><div class=\"sc-menu-wordmark\">Studio<span>Crossover.<\/span><\/div>';\n    links.querySelectorAll('a').forEach(function(a,i){a.style.setProperty('--sc-menu-index',i);});\n  }\n  \/* Een laatste state-sync voorkomt dat oudere paginascripts het menu zichtbaar laten staan. *\/\n  function sync(){\n    var open=root.classList.contains('is-menu-open')||(toggle&&toggle.getAttribute('aria-expanded')==='true');\n    menu.classList.toggle('is-open',!!open);\n    menu.setAttribute('aria-hidden',String(!open));\n    document.body.classList.toggle('sc-menu-lock',!!open);\n  }\n  sync();\n  if(toggle)toggle.addEventListener('click',function(){requestAnimationFrame(sync);});\n  document.addEventListener('keydown',function(e){if(e.key==='Escape')requestAnimationFrame(sync);});\n})();\n<\/script>\n\n\n\n<style id=\"sc-v100-site-consistency-performance\">\n\/* v100: homepage-header, compact logo, consistente menu- en toegankelijkheidslaag. *\/\nhtml body :is(#scx-top,#top).sc-site.sc-motion-root>.sc-header-v100{position:fixed!important;inset:0 0 auto!important;z-index:9998!important;width:100%!important;margin:0!important;padding:6px 0 0!important;background:transparent!important;pointer-events:none!important}\nhtml body :is(#scx-top,#top).sc-site.sc-motion-root>.sc-header-v100::before{content:\"\";position:absolute;inset:0 0 auto;height:104px;background:linear-gradient(180deg,rgba(7,10,18,.96),rgba(7,10,18,.67) 68%,transparent);pointer-events:none}\nhtml body :is(#scx-top,#top).sc-site.sc-motion-root[data-theme=\"light\"]>.sc-header-v100::before{background:linear-gradient(180deg,rgba(247,242,234,.97),rgba(247,242,234,.72) 68%,transparent)}\nhtml body :is(#scx-top,#top).sc-site.sc-motion-root>.sc-header-v100>.sc-nav-shell{box-sizing:border-box!important;display:flex!important;align-items:center!important;gap:12px!important;width:min(1240px,calc(100% - 28px))!important;min-height:68px!important;margin:0 auto!important;padding:6px 8px 6px 10px!important;border:1px solid rgba(196,167,255,.2)!important;border-radius:20px!important;background:rgba(7,10,18,.82)!important;box-shadow:0 16px 44px rgba(0,0,0,.24)!important;backdrop-filter:blur(18px) saturate(135%)!important;-webkit-backdrop-filter:blur(18px) saturate(135%)!important;pointer-events:auto!important}\nhtml body :is(#scx-top,#top).sc-site.sc-motion-root[data-theme=\"light\"]>.sc-header-v100>.sc-nav-shell{background:rgba(255,255,255,.88)!important;border-color:rgba(61,52,139,.16)!important;color:#211b39!important}\n.sc-site .sc-header-v100 .sc-brand{display:flex!important;align-items:center!important;flex:0 0 74px!important;width:74px!important;min-width:74px!important;max-width:74px!important;height:28px!important;margin:0!important;padding:0!important;overflow:hidden!important;text-decoration:none!important;filter:none!important}\n.sc-site .sc-header-v100 .sc-brand-full{position:relative!important;display:block!important;width:100%!important;height:100%!important;overflow:hidden!important}\n.sc-site .sc-header-v100 .sc-brand-full img{position:absolute!important;left:50%!important;top:50%!important;width:100%!important;max-width:none!important;height:auto!important;transform:translate(-50%,-50%) scale(1.08)!important;object-fit:contain!important}\n.sc-site .sc-brand-logo-dark{display:block!important}.sc-site .sc-brand-logo-light{display:none!important}.sc-site[data-theme=\"light\"] .sc-brand-logo-dark{display:none!important}.sc-site[data-theme=\"light\"] .sc-brand-logo-light{display:block!important}\n.sc-site .sc-header-v100 .sc-desktop-nav{display:flex!important;align-items:center!important;justify-content:center!important;flex:1 1 auto!important;min-width:0!important;gap:2px!important;margin-left:auto!important}\n.sc-site .sc-header-v100 .sc-desktop-nav>a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:40px!important;padding:0 11px!important;border-radius:999px!important;color:rgba(248,247,255,.9)!important;font-size:.84rem!important;font-weight:700!important;line-height:1!important;text-decoration:none!important;white-space:nowrap!important}\n.sc-site .sc-header-v100 .sc-desktop-nav>a:is(:hover,:focus-visible,.is-active,[aria-current=\"page\"]){background:rgba(196,167,255,.12)!important;color:#fff!important}\n.sc-site[data-theme=\"light\"] .sc-header-v100 .sc-desktop-nav>a{color:#29225f!important}.sc-site[data-theme=\"light\"] .sc-header-v100 .sc-desktop-nav>a:is(:hover,:focus-visible,.is-active,[aria-current=\"page\"]){background:rgba(94,69,216,.1)!important;color:#211b39!important}\n.sc-site .sc-header-v100 .sc-nav-actions{display:flex!important;align-items:center!important;gap:5px!important;flex:0 0 auto!important;margin:0!important}\n.sc-site .sc-header-v100 .sc-lang-switch{display:flex!important;align-items:center!important;min-height:44px!important;padding:3px!important;border:1px solid rgba(196,167,255,.18)!important;border-radius:999px!important;background:rgba(7,10,18,.38)!important}\n.sc-site .sc-header-v100 .sc-lang-switch a{display:grid!important;place-items:center!important;min-width:32px!important;height:36px!important;padding:0 6px!important;border-radius:999px!important;color:inherit!important;font-size:.68rem!important;font-weight:750!important;text-decoration:none!important}\n.sc-site .sc-header-v100 .sc-lang-switch a.is-active{background:rgba(196,167,255,.16)!important}.sc-site[data-theme=\"light\"] .sc-header-v100 .sc-lang-switch a.is-active{color:#fff!important;background:linear-gradient(135deg,#6b4cf0,#4854e8)!important}\n.sc-site .sc-header-v100 :is(.sc-theme-toggle,.sc-menu-toggle){position:relative!important;display:grid!important;place-items:center!important;width:44px!important;height:44px!important;min-width:44px!important;margin:0!important;padding:0!important;border:1px solid rgba(196,167,255,.18)!important;border-radius:13px!important;background:rgba(7,10,18,.5)!important;color:inherit!important;cursor:pointer!important}\n.sc-site[data-theme=\"light\"] .sc-header-v100 :is(.sc-theme-toggle,.sc-menu-toggle,.sc-lang-switch){color:#29225f!important;background:rgba(255,255,255,.84)!important;border-color:rgba(61,52,139,.16)!important}\n.sc-site .sc-header-v100 .sc-theme-label{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important}.sc-site .sc-header-v100 .sc-menu-toggle{display:none!important}.sc-site .sc-header-v100 .sc-menu-toggle-lines{position:relative;display:block;width:18px;height:14px}.sc-site .sc-header-v100 .sc-menu-toggle-lines i{position:absolute;left:0;display:block;width:18px;height:2px;border-radius:99px;background:currentColor;transition:transform .2s ease,top .2s ease,bottom .2s ease}.sc-site .sc-header-v100 .sc-menu-toggle-lines i:first-child{top:3px}.sc-site .sc-header-v100 .sc-menu-toggle-lines i:last-child{bottom:3px}.sc-site.is-menu-open .sc-header-v100 .sc-menu-toggle-lines i:first-child{top:6px;transform:rotate(45deg)}.sc-site.is-menu-open .sc-header-v100 .sc-menu-toggle-lines i:last-child{bottom:6px;transform:rotate(-45deg)}\n.sc-site .sc-header-v100 .sc-menu{display:none!important}\n.sc-site :is(a,button,input,textarea,select):focus-visible{outline:2px solid var(--sc-accent,var(--scx-accent,#c4a7ff))!important;outline-offset:3px!important}.sc-site[data-theme=\"light\"] :is(a,button,input,textarea,select):focus-visible{outline-color:#5e45d8!important}\n.sc-site main :is(h1,h2,h3){text-wrap:balance}.sc-site main :is(p,li){text-wrap:pretty}.sc-site :is(p,li,a,strong,small){overflow-wrap:break-word}.sc-site :is(section,[id]){scroll-margin-top:96px!important}\n.sc-site main>section:nth-of-type(n+2){content-visibility:auto;contain-intrinsic-size:auto 850px}\n.sc-site video{background-color:#090d19}.sc-site video:not([data-video-ready]){background-image:linear-gradient(135deg,rgba(196,167,255,.12),rgba(84,96,249,.06) 52%,rgba(7,10,18,.2))}\n.sc-site.sc-contact-page .sc-fluent-shortcode{display:block!important;min-height:280px!important;margin-top:22px!important;padding:4px 0!important}.sc-site.sc-contact-page .sc-contact-form,.sc-site.sc-contact-page .sc-contact-fallback,.sc-site.sc-contact-page .sc-fluent-mount{display:none!important}\n@media(max-width:1120px){\n  .sc-site .sc-header-v100 .sc-desktop-nav{display:none!important}.sc-site .sc-header-v100 .sc-menu-toggle{display:grid!important}\n  .sc-site .sc-header-v100 .sc-menu{position:fixed!important;inset:82px 14px auto auto!important;display:block!important;width:min(390px,calc(100vw - 28px))!important;max-height:calc(100svh - 96px)!important;padding:14px!important;overflow:auto!important;border:1px solid rgba(196,167,255,.24)!important;border-radius:24px!important;background:rgba(9,12,25,.97)!important;box-shadow:0 28px 80px rgba(0,0,0,.36)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translate3d(14px,-8px,0) scale(.98)!important;transform-origin:top right!important;transition:opacity .2s ease,visibility .2s ease,transform .28s cubic-bezier(.16,1,.3,1)!important;backdrop-filter:blur(24px) saturate(1.2)!important;-webkit-backdrop-filter:blur(24px) saturate(1.2)!important}\n  .sc-site[data-theme=\"light\"] .sc-header-v100 .sc-menu{background:rgba(252,249,246,.98)!important;color:#211b39!important}.sc-site.is-menu-open .sc-header-v100 .sc-menu{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important}\n  .sc-site .sc-header-v100 .sc-menu-inner{width:100%!important;min-height:0!important;padding:0!important}.sc-site .sc-header-v100 .sc-menu-kicker{margin:2px 4px 10px!important;color:var(--sc-accent,var(--scx-accent,#c4a7ff))!important;font-size:.64rem!important;font-weight:900!important;letter-spacing:.14em!important;text-transform:uppercase!important}.sc-site .sc-header-v100 .sc-menu-links{display:grid!important;gap:4px!important;margin:0!important}.sc-site .sc-header-v100 .sc-menu-links a{display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;gap:9px!important;align-items:center!important;min-height:48px!important;padding:11px 12px!important;border:0!important;border-radius:14px!important;color:inherit!important;text-decoration:none!important}.sc-site .sc-header-v100 .sc-menu-links a:is(:hover,:focus-visible,.is-active,[aria-current=\"page\"]){background:rgba(196,167,255,.105)!important}.sc-site .sc-header-v100 .sc-menu-index{font-size:.64rem!important;opacity:.62!important}.sc-site .sc-header-v100 .sc-menu-label{font-size:clamp(1.18rem,5vw,1.52rem)!important;font-weight:850!important;line-height:1.05!important;letter-spacing:-.035em!important}.sc-site .sc-header-v100 .sc-menu-hint{display:none!important}.sc-site .sc-header-v100 .sc-menu-bottom{margin:10px 0 0!important;padding:12px 0 0!important;border-top:1px solid rgba(196,167,255,.16)!important}.sc-site .sc-header-v100 .sc-nav-button{display:flex!important;align-items:center!important;justify-content:center!important;min-height:46px!important;border-radius:14px!important;color:#fff!important;background:linear-gradient(135deg,#6b4cf0,#4854e8)!important;font-size:.84rem!important;font-weight:800!important;text-decoration:none!important}\n}\n@media(max-width:620px){\n  html body :is(#scx-top,#top).sc-site.sc-motion-root>.sc-header-v100{padding-top:5px!important}html body :is(#scx-top,#top).sc-site.sc-motion-root>.sc-header-v100>.sc-nav-shell{width:calc(100% - 20px)!important;min-height:62px!important;gap:7px!important;padding:5px 6px 5px 8px!important;border-radius:17px!important}.sc-site .sc-header-v100 .sc-brand{flex-basis:68px!important;width:68px!important;min-width:68px!important;max-width:68px!important;height:26px!important}.sc-site .sc-header-v100 .sc-brand-full img{transform:translate(-50%,-50%) scale(1.06)!important}.sc-site .sc-header-v100 .sc-lang-switch a{min-width:30px!important;padding-inline:4px!important}.sc-site .sc-header-v100 .sc-menu{inset:76px 10px auto auto!important;width:calc(100vw - 20px)!important;max-height:calc(100svh - 86px)!important}\n}\n@media(max-width:390px){.sc-site .sc-header-v100 .sc-brand{flex-basis:62px!important;width:62px!important;min-width:62px!important;max-width:62px!important;height:24px!important}.sc-site .sc-header-v100 .sc-lang-switch a{min-width:28px!important}.sc-site .sc-header-v100 :is(.sc-theme-toggle,.sc-menu-toggle){width:42px!important;height:42px!important;min-width:42px!important}}\n@media(hover:none){.sc-site :is(a,button):hover{transform:none}}\n@media(prefers-reduced-motion:reduce){.sc-site{scroll-behavior:auto!important}.sc-site .sc-header-v100 *{transition-duration:.01ms!important}}\n\/* Specificiteitsschild tegen oudere v72\/v82-menulagen in enkele bronpagina's. *\/\n@media(max-width:1120px){\n  html body :is(#scx-top,#top).sc-site.sc-motion-root>.sc-header-v100>#sc-menu{position:fixed!important;inset:82px 14px auto auto!important;display:block!important;width:min(390px,calc(100vw - 28px))!important;min-height:0!important;max-height:calc(100svh - 96px)!important;margin:0!important;padding:14px!important;overflow:auto!important;border:1px solid rgba(196,167,255,.24)!important;border-radius:24px!important;background:rgba(9,12,25,.97)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translate3d(14px,-8px,0) scale(.98)!important;clip-path:none!important}\n  html body :is(#scx-top,#top).sc-site.sc-motion-root.is-menu-open>.sc-header-v100>#sc-menu{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important}\n  html body :is(#scx-top,#top).sc-site.sc-motion-root>.sc-header-v100>#sc-menu>.sc-menu-inner{display:block!important;width:100%!important;min-height:0!important;margin:0!important;padding:0!important;transform:none!important}\n  html body :is(#scx-top,#top).sc-site.sc-motion-root>.sc-header-v100>#sc-menu .sc-menu-links{display:grid!important;grid-template-columns:1fr!important;gap:4px!important;margin:0!important}\n  html body :is(#scx-top,#top).sc-site.sc-motion-root>.sc-header-v100>#sc-menu .sc-menu-links>a{display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;min-height:48px!important;margin:0!important;padding:11px 12px!important;border:0!important;border-radius:14px!important;opacity:1!important;transform:none!important}\n  html body :is(#scx-top,#top).sc-site.sc-motion-root>.sc-header-v100>#sc-menu .sc-menu-bottom{display:block!important;margin:10px 0 0!important;padding:12px 0 0!important}\n}\n@media(max-width:620px){html body :is(#scx-top,#top).sc-site.sc-motion-root>.sc-header-v100>#sc-menu{inset:76px 10px auto auto!important;width:calc(100vw - 20px)!important;max-height:calc(100svh - 86px)!important}}\n<\/style>\n<script id=\"sc-v100-site-consistency-performance-script\">\n(function(){\n  var root=document.querySelector('.sc-site.sc-motion-root');if(!root||root.dataset.scV100Ready==='true')return;root.dataset.scV100Ready='true';\n  var header=root.querySelector(':scope>.sc-header-v100'),menu=header&&header.querySelector('.sc-menu'),toggle=header&&header.querySelector('.sc-menu-toggle'),theme=header&&header.querySelector('.sc-theme-toggle'),lastFocus=null;\n  function setTheme(value){var light=value==='light';root.setAttribute('data-theme',light?'light':'dark');root.setAttribute('data-scx-theme',light?'light':'dark');if(theme){theme.setAttribute('aria-pressed',String(light));theme.setAttribute('aria-label',root.dataset.language==='en'?(light?'Switch to dark mode':'Switch to light mode'):(light?'Wissel naar donkere modus':'Wissel naar lichte modus'));var icon=theme.querySelector('.sc-theme-icon');if(icon)icon.textContent=light?'\u2600':'\u263e'}var lightLogo=root.querySelector('.sc-brand-logo-light');if(light&&lightLogo&&!lightLogo.src&&lightLogo.dataset.src)lightLogo.src=lightLogo.dataset.src;try{localStorage.setItem('studio-crossover-theme',light?'light':'dark')}catch(e){}}\n  var saved=null;try{saved=localStorage.getItem('studio-crossover-theme')}catch(e){}setTheme(saved==='light'||(!saved&&root.getAttribute('data-theme')==='light')?'light':'dark');\n  if(theme)theme.addEventListener('click',function(){setTheme(root.getAttribute('data-theme')==='light'?'dark':'light')});\n  function focusables(){return menu?Array.from(menu.querySelectorAll('a[href],button:not([disabled])')).filter(function(n){return n.offsetParent!==null}):[]}\n  function setMenu(open){if(!menu||!toggle)return;root.classList.toggle('is-menu-open',open);document.body.classList.toggle('sc-menu-lock',open);menu.setAttribute('aria-hidden',String(!open));toggle.setAttribute('aria-expanded',String(open));toggle.setAttribute('aria-label',root.dataset.language==='en'?(open?'Close menu':'Open menu'):(open?'Menu sluiten':'Menu openen'));if(open){lastFocus=document.activeElement;var f=focusables();if(f[0])window.setTimeout(function(){f[0].focus()},20)}else if(lastFocus&&document.contains(lastFocus)){lastFocus.focus()}}\n  if(toggle)toggle.addEventListener('click',function(){setMenu(toggle.getAttribute('aria-expanded')!=='true')});\n  if(menu)menu.addEventListener('click',function(e){if(e.target.closest('a[href]'))setMenu(false)});\n  document.addEventListener('pointerdown',function(e){if(root.classList.contains('is-menu-open')&&header&&!header.contains(e.target))setMenu(false)});\n  document.addEventListener('keydown',function(e){if(e.key==='Escape'&&root.classList.contains('is-menu-open')){e.preventDefault();setMenu(false);return}if(e.key!=='Tab'||!root.classList.contains('is-menu-open'))return;var f=focusables();if(!f.length)return;var first=f[0],last=f[f.length-1];if(e.shiftKey&&document.activeElement===first){e.preventDefault();last.focus()}else if(!e.shiftKey&&document.activeElement===last){e.preventDefault();first.focus()}});\n  var reduced=window.matchMedia('(prefers-reduced-motion: reduce)');\n  function loadVideo(video){if(video.dataset.videoReady==='true')return;if(!video.src&&video.dataset.src)video.src=video.dataset.src;video.dataset.videoReady='true';video.load()}\n  function playVideo(video){if(reduced.matches||document.hidden)return;loadVideo(video);var p=video.play&&video.play();if(p&&p.catch)p.catch(function(){})}\n  var videos=Array.from(root.querySelectorAll('video'));videos.forEach(function(video){video.setAttribute('playsinline','');if(!video.hasAttribute('preload'))video.preload='none';var hover=video.hasAttribute('data-hover-video');if(hover){var host=video.closest('article,.work-card,[data-work-case]')||video.parentElement;host.addEventListener('pointerenter',function(){playVideo(video)},{passive:true});host.addEventListener('focusin',function(){playVideo(video)});host.addEventListener('pointerleave',function(){video.pause()},{passive:true});host.addEventListener('focusout',function(){video.pause()});return}if('IntersectionObserver'in window){var observer=new IntersectionObserver(function(entries){entries.forEach(function(entry){if(entry.isIntersecting){loadVideo(video);if(video.muted||video.hasAttribute('muted'))playVideo(video)}else video.pause()})},{rootMargin:'280px 0px',threshold:.08});observer.observe(video)}else loadVideo(video)});\n  document.addEventListener('visibilitychange',function(){if(document.hidden)videos.forEach(function(v){v.pause()})});\n})();\n<\/script>\n\n\n<!-- UI v102: \u00e9\u00e9n logo, geen thema-dubbelingen en een laatste consistente responsive laag. -->\n<style id=\"sc-ui-v102-consistency\">\nbody:has(.sc-site.sc-motion-root) :is(header.site-header,#masthead,#site-header,.site-header,.wp-site-blocks>header,.elementor-location-header,[data-elementor-type=\"header\"],.page-header,.entry-header,.elementor-widget-theme-post-title,h1.entry-title,h1.page-title,h1.wp-block-post-title,.wp-block-query-title,.page-title,.post-title){display:none!important;visibility:hidden!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}\nbody:has(.sc-site.sc-motion-root) :is(#content,.site-content,.content-area,.site-main,.entry-content,.post-content){width:100%!important;max-width:none!important;margin:0!important;padding:0!important}\n.sc-site.sc-motion-root{overflow-x:clip}.sc-site.sc-motion-root main{min-width:0}.sc-site.sc-motion-root main :is(h1,h2,h3){text-wrap:balance}.sc-site.sc-motion-root main :is(p,li){text-wrap:pretty}\n.sc-site.sc-motion-root>.sc-header-v100 .sc-brand{flex:0 0 70px!important;width:70px!important;min-width:70px!important;max-width:70px!important;height:27px!important;overflow:hidden!important}\n.sc-site.sc-motion-root>.sc-header-v100 .sc-brand-full{position:relative!important;display:block!important;width:100%!important;height:100%!important;overflow:hidden!important}\n.sc-site.sc-motion-root>.sc-header-v100 .sc-brand-logo{position:absolute!important;left:50%!important;top:50%!important;display:block!important;width:100%!important;height:auto!important;max-width:none!important;opacity:1!important;visibility:visible!important;transform:translate(-50%,-50%) scale(1.04)!important;object-fit:contain!important}\n@media(max-width:620px){.sc-site.sc-motion-root>.sc-header-v100 .sc-brand{flex-basis:64px!important;width:64px!important;min-width:64px!important;max-width:64px!important;height:24px!important}.sc-site.sc-motion-root>.sc-header-v100 .sc-brand-logo{transform:translate(-50%,-50%) scale(1.02)!important}}\n@media(max-width:390px){.sc-site.sc-motion-root>.sc-header-v100 .sc-brand{flex-basis:60px!important;width:60px!important;min-width:60px!important;max-width:60px!important;height:23px!important}}\n<\/style>\n<script id=\"sc-ui-v102-consistency-script\">\n(function(){var root=document.querySelector('.sc-site.sc-motion-root');if(!root||root.dataset.scUiV102==='true')return;root.dataset.scUiV102='true';var brand=root.querySelector(':scope>.sc-header-v100 .sc-brand');if(brand){brand.innerHTML='<span class=\"sc-brand-full\"><img class=\"sc-brand-logo\" src=\"https:\/\/arendvanberkel.nl\/wp-content\/uploads\/2026\/08\/Studio-Crossover-PNG-02-1-scaled.png\" data-dark-src=\"https:\/\/arendvanberkel.nl\/wp-content\/uploads\/2026\/08\/Studio-Crossover-PNG-02-1-scaled.png\" data-light-src=\"https:\/\/arendvanberkel.nl\/wp-content\/uploads\/2026\/08\/Studio-Crossover-PNG-02-1-scaled.png\" alt=\"Studio Crossover\" width=\"70\" height=\"27\" decoding=\"async\"><\/span>'}function syncLogo(){var img=root.querySelector(':scope>.sc-header-v100 .sc-brand-logo');if(!img)return;var next=root.getAttribute('data-theme')==='light'?img.dataset.lightSrc:img.dataset.darkSrc;if(next&&img.getAttribute('src')!==next)img.setAttribute('src',next)}syncLogo();new MutationObserver(syncLogo).observe(root,{attributes:true,attributeFilter:['data-theme']});root.querySelectorAll('.sc-footer-links').forEach(function(nav){var seen={};nav.querySelectorAll(':scope>a').forEach(function(a){var label=(a.textContent||'').trim().toLowerCase();if(label&&seen[label])a.remove();else if(label)seen[label]=true})})})();\n<\/script>\n\n<!-- SEO v101: unieke metadata, hreflang, social previews en structured data. -->\n<script id=\"sc-seo-v101-head-sync\">\n(function(){\n  var d={\"lang\":\"nl\",\"title\":\"Diensten voor copy, social en web | Studio Crossover\",\"description\":\"Strategie en uitvoering voor communicatie, copy, social media, campagnes en compacte websites. Ontdek wat Studio Crossover voor je organisatie kan doen.\",\"canonical\":\"https:\/\/arendvanberkel.nl\/index.php\/diensten\/\",\"alternates\":{\"nl\":\"https:\/\/arendvanberkel.nl\/index.php\/diensten\/\",\"en\":\"https:\/\/arendvanberkel.nl\/index.php\/services-en\/\",\"x-default\":\"https:\/\/arendvanberkel.nl\/index.php\/diensten\/\"},\"ogLocale\":\"nl_NL\",\"ogLocaleAlternate\":\"en_GB\",\"image\":\"https:\/\/arendvanberkel.nl\/wp-content\/uploads\/2026\/06\/image_2026-06-28_180128014.png\",\"imageAlt\":\"Voorbeeld van communicatie- en socialmediawerk door Studio Crossover\"},head=document.head||document.getElementsByTagName('head')[0];if(!head)return;\n  document.documentElement.lang=d.lang;document.title=d.title;\n  function one(selector,tag,attrs){var nodes=Array.from(head.querySelectorAll(selector)),node=nodes.shift();if(!node){node=document.createElement(tag);head.appendChild(node)}nodes.forEach(function(extra){extra.remove()});Object.keys(attrs).forEach(function(key){node.setAttribute(key,attrs[key])});node.setAttribute('data-sc-seo','v101');return node}\n  one('meta[name=\"description\"]','meta',{name:'description',content:d.description});\n  one('meta[name=\"author\"]','meta',{name:'author',content:'Arend van Berkel'});\n  one('link[rel=\"canonical\"]','link',{rel:'canonical',href:d.canonical});\n  Object.keys(d.alternates).forEach(function(lang){one('link[rel=\"alternate\"][hreflang=\"'+lang+'\"]','link',{rel:'alternate',hreflang:lang,href:d.alternates[lang]})});\n  var og={type:'website',site_name:'Studio Crossover',title:d.title,description:d.description,url:d.canonical,locale:d.ogLocale,'locale:alternate':d.ogLocaleAlternate,image:d.image,'image:alt':d.imageAlt};\n  Object.keys(og).forEach(function(name){one('meta[property=\"og:'+name+'\"]','meta',{property:'og:'+name,content:og[name]})});\n  var tw={card:'summary_large_image',title:d.title,description:d.description,image:d.image,'image:alt':d.imageAlt};\n  Object.keys(tw).forEach(function(name){one('meta[name=\"twitter:'+name+'\"]','meta',{name:'twitter:'+name,content:tw[name]})});\n})();\n<\/script>\n<script id=\"sc-seo-v101-structured-data\" type=\"application\/ld+json\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/arendvanberkel.nl\/#organization\",\"name\":\"Studio Crossover\",\"url\":\"https:\/\/arendvanberkel.nl\/\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https:\/\/arendvanberkel.nl\/wp-content\/uploads\/2026\/08\/Studio-Crossover-PNG-02-1-scaled.png\"},\"email\":\"arendvanberkel@gmail.com\",\"founder\":{\"@id\":\"https:\/\/arendvanberkel.nl\/#arend-van-berkel\"},\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/arend-van-berkel\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/arendvanberkel.nl\/#arend-van-berkel\",\"name\":\"Arend van Berkel\",\"url\":\"https:\/\/arendvanberkel.nl\/index.php\/over-mij\/\",\"jobTitle\":\"Communicatieadviseur en socialmediaspecialist\",\"worksFor\":{\"@id\":\"https:\/\/arendvanberkel.nl\/#organization\"},\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/arend-van-berkel\/\"]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/arendvanberkel.nl\/#website\",\"url\":\"https:\/\/arendvanberkel.nl\/\",\"name\":\"Studio Crossover\",\"inLanguage\":[\"nl\",\"en\"],\"publisher\":{\"@id\":\"https:\/\/arendvanberkel.nl\/#organization\"}},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/arendvanberkel.nl\/index.php\/diensten\/#primaryimage\",\"url\":\"https:\/\/arendvanberkel.nl\/wp-content\/uploads\/2026\/06\/image_2026-06-28_180128014.png\",\"contentUrl\":\"https:\/\/arendvanberkel.nl\/wp-content\/uploads\/2026\/06\/image_2026-06-28_180128014.png\",\"caption\":\"Voorbeeld van communicatie- en socialmediawerk door Studio Crossover\",\"inLanguage\":\"nl\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/arendvanberkel.nl\/index.php\/diensten\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/arendvanberkel.nl\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Diensten\",\"item\":\"https:\/\/arendvanberkel.nl\/index.php\/diensten\/\"}]},{\"@type\":\"Service\",\"@id\":\"https:\/\/arendvanberkel.nl\/index.php\/diensten\/#services\",\"name\":\"Communicatie, copy, social media en web\",\"url\":\"https:\/\/arendvanberkel.nl\/index.php\/diensten\/\",\"description\":\"Strategie en uitvoering voor communicatie, copy, social media, campagnes en compacte websites. Ontdek wat Studio Crossover voor je organisatie kan doen.\",\"provider\":{\"@id\":\"https:\/\/arendvanberkel.nl\/#organization\"},\"serviceType\":[\"Communicatieadvies\",\"Copywriting\",\"Social media\",\"Campagnes\",\"Websites\"]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/arendvanberkel.nl\/index.php\/diensten\/#webpage\",\"url\":\"https:\/\/arendvanberkel.nl\/index.php\/diensten\/\",\"name\":\"Diensten voor copy, social en web | Studio Crossover\",\"description\":\"Strategie en uitvoering voor communicatie, copy, social media, campagnes en compacte websites. Ontdek wat Studio Crossover voor je organisatie kan doen.\",\"inLanguage\":\"nl\",\"isPartOf\":{\"@id\":\"https:\/\/arendvanberkel.nl\/#website\"},\"about\":{\"@id\":\"https:\/\/arendvanberkel.nl\/#organization\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/arendvanberkel.nl\/index.php\/diensten\/#primaryimage\"},\"breadcrumb\":{\"@id\":\"https:\/\/arendvanberkel.nl\/index.php\/diensten\/#breadcrumb\"},\"mainEntity\":{\"@id\":\"https:\/\/arendvanberkel.nl\/index.php\/diensten\/#services\"}}]}<\/script>\n\n<style id=\"sc-v104-site-shell\">\nbody:has(.sc-site) :is(header.site-header,#masthead,#site-header,.site-header,.wp-site-blocks>header,.elementor-location-header,[data-elementor-type=\"header\"],.page-header,.entry-header,.elementor-widget-theme-post-title,h1.entry-title,h1.page-title,h1.wp-block-post-title,.wp-block-query-title,.page-title,.post-title){display:none!important;visibility:hidden!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}\nbody:has(.sc-site) :is(#content,.site-content,.content-area,.site-main,.entry-content,.post-content){width:100%!important;max-width:none!important;margin:0!important;padding:0!important}\nhtml,body:has(.sc-site){overflow-x:clip!important}\n.sc-site:not(.sc-services){overflow-x:clip!important}\n.sc-site.sc-services{overflow-x:visible!important}\n.sc-site main :is(h1,h2,h3){text-wrap:balance}\n.sc-site main h1{line-height:.94!important}\n.sc-site main h2{line-height:1.02!important}\n.sc-site main h3{line-height:1.1!important}\n.sc-site :is(a,button,input,textarea,select):focus-visible{outline:2px solid var(--sc-accent,var(--scx-accent,#c4a7ff))!important;outline-offset:3px!important}\nhtml body .sc-site>.sc-header-v104{position:fixed!important;inset:0 0 auto!important;z-index:9998!important;display:block!important;width:100%!important;height:74px!important;margin:0!important;padding:6px 0 0!important;background:transparent!important;pointer-events:none!important;visibility:visible!important;overflow:visible!important}\nhtml body .sc-site>.sc-header-v104::before{content:\"\";position:absolute;inset:0 0 auto;height:104px;background:linear-gradient(180deg,rgba(7,10,18,.96),rgba(7,10,18,.67) 68%,transparent);pointer-events:none}\nhtml body .sc-site[data-theme=\"light\"]>.sc-header-v104::before{background:linear-gradient(180deg,rgba(247,242,234,.97),rgba(247,242,234,.72) 68%,transparent)}\nhtml body .sc-site>.sc-header-v104>.sc-nav-shell{box-sizing:border-box!important;position:relative!important;z-index:2!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;width:min(1240px,calc(100% - 28px))!important;height:68px!important;min-height:68px!important;margin:0 auto!important;padding:6px 8px 6px 10px!important;border:1px solid rgba(196,167,255,.2)!important;border-radius:20px!important;background:rgba(7,10,18,.82)!important;box-shadow:0 16px 44px rgba(0,0,0,.24)!important;backdrop-filter:blur(18px) saturate(135%)!important;-webkit-backdrop-filter:blur(18px) saturate(135%)!important;pointer-events:auto!important}\nhtml body .sc-site[data-theme=\"light\"]>.sc-header-v104>.sc-nav-shell{background:rgba(255,255,255,.88)!important;border-color:rgba(61,52,139,.16)!important;color:#211b39!important}\n.sc-site>.sc-header-v104 .sc-brand{box-sizing:border-box!important;position:relative!important;display:flex!important;align-items:center!important;flex:0 0 258px!important;width:258px!important;min-width:258px!important;max-width:258px!important;height:52px!important;margin:0!important;padding:0!important;overflow:hidden!important;border:0!important;border-radius:14px!important;background:transparent!important;box-shadow:none!important;filter:none!important;text-decoration:none!important}\n.sc-site>.sc-header-v104 .sc-brand-full{position:relative!important;display:block!important;width:100%!important;height:100%!important;overflow:hidden!important}\nhtml body .sc-site>.sc-header-v104 .sc-brand-full img{position:absolute!important;left:50%!important;top:50%!important;display:block!important;width:100%!important;height:auto!important;min-height:0!important;max-width:none!important;max-height:none!important;transform:translate(-50%,-50%) scale(1.08)!important;object-fit:contain!important}\n.sc-site>.sc-header-v104 .sc-desktop-nav{display:flex!important;align-items:center!important;justify-content:center!important;flex:1 1 auto!important;min-width:0!important;height:52px!important;gap:2px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important}\n.sc-site>.sc-header-v104 .sc-desktop-nav>a{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:38px!important;padding:0 10px!important;border:0!important;border-radius:999px!important;color:rgba(248,247,255,.9)!important;background:transparent!important;font-size:.84rem!important;font-weight:700!important;line-height:1!important;text-decoration:none!important;white-space:nowrap!important;box-shadow:none!important;transform:none!important}\n.sc-site>.sc-header-v104 .sc-desktop-nav>a:is(:hover,:focus-visible,.is-active,[aria-current=\"page\"]){color:#fff!important;background:rgba(196,167,255,.12)!important;box-shadow:inset 0 0 0 1px rgba(196,167,255,.11)!important}\n.sc-site>.sc-header-v104 .sc-desktop-nav>.sc-desktop-contact{background:linear-gradient(135deg,#7350e8,#5460f9)!important;color:#fff!important;box-shadow:0 7px 18px rgba(84,96,249,.2)!important}\n.sc-site[data-theme=\"light\"]>.sc-header-v104 .sc-desktop-nav>a{color:#29225f!important}.sc-site[data-theme=\"light\"]>.sc-header-v104 .sc-desktop-nav>a:is(:hover,:focus-visible,.is-active,[aria-current=\"page\"]){color:#211b39!important;background:rgba(94,69,216,.1)!important}.sc-site[data-theme=\"light\"]>.sc-header-v104 .sc-desktop-nav>.sc-desktop-contact{color:#fff!important}\n.sc-site>.sc-header-v104 .sc-nav-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;flex:0 0 auto!important;height:52px!important;gap:5px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important}\n.sc-site>.sc-header-v104 .sc-lang-switch{display:flex!important;align-items:center!important;height:40px!important;min-height:40px!important;padding:3px!important;border:1px solid rgba(196,167,255,.18)!important;border-radius:999px!important;background:rgba(7,10,18,.38)!important}\n.sc-site>.sc-header-v104 .sc-lang-switch a{display:grid!important;place-items:center!important;min-width:29px!important;height:32px!important;padding:0 5px!important;border:0!important;border-radius:999px!important;color:var(--sc-muted,#d7dae8)!important;background:transparent!important;font-size:.68rem!important;font-weight:780!important;line-height:1!important;text-decoration:none!important}\n.sc-site>.sc-header-v104 .sc-lang-switch a.is-active{color:#fff!important;background:rgba(196,167,255,.16)!important}\n.sc-site>.sc-header-v104 :is(.sc-theme-toggle,.sc-menu-toggle){position:relative!important;display:grid!important;place-items:center!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;margin:0!important;padding:0!important;border:1px solid rgba(196,167,255,.18)!important;border-radius:13px!important;background:rgba(7,10,18,.5)!important;color:var(--sc-text,#f8f7ff)!important;box-shadow:none!important;cursor:pointer!important}\n.sc-site[data-theme=\"light\"]>.sc-header-v104 :is(.sc-theme-toggle,.sc-menu-toggle,.sc-lang-switch){color:#29225f!important;background:rgba(255,255,255,.84)!important;border-color:rgba(61,52,139,.16)!important}\n.sc-site>.sc-header-v104 .sc-theme-label{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}\n.sc-site>.sc-header-v104 .sc-menu-toggle{display:none!important;font-size:0!important;line-height:0!important;text-decoration:none!important;overflow:hidden!important}.sc-site>.sc-header-v104 .sc-menu-toggle::before,.sc-site>.sc-header-v104 .sc-menu-toggle::after{content:none!important;display:none!important}.sc-site>.sc-header-v104 .sc-menu-toggle-lines{position:relative!important;display:block!important;width:20px!important;height:16px!important;margin:0!important;padding:0!important;border:0!important;background:none!important}.sc-site>.sc-header-v104 .sc-menu-toggle-lines i{position:absolute!important;left:0!important;display:block!important;width:20px!important;height:2px!important;margin:0!important;padding:0!important;border:0!important;border-radius:99px!important;background:currentColor!important;box-shadow:none!important;opacity:1!important;transform:none!important;transition:top .2s ease,transform .2s ease,opacity .15s ease!important}.sc-site>.sc-header-v104 .sc-menu-toggle-lines i:nth-child(1){top:1px!important}.sc-site>.sc-header-v104 .sc-menu-toggle-lines i:nth-child(2){top:7px!important}.sc-site>.sc-header-v104 .sc-menu-toggle-lines i:nth-child(3){top:13px!important}.sc-site.is-menu-open>.sc-header-v104 .sc-menu-toggle-lines i:nth-child(1){top:7px!important;transform:rotate(45deg)!important}.sc-site.is-menu-open>.sc-header-v104 .sc-menu-toggle-lines i:nth-child(2){opacity:0!important;transform:scaleX(0)!important}.sc-site.is-menu-open>.sc-header-v104 .sc-menu-toggle-lines i:nth-child(3){top:7px!important;transform:rotate(-45deg)!important}\n.sc-site>.sc-header-v104>.sc-menu{display:none!important}\n.sc-v104-proof{position:relative;padding:clamp(70px,8vw,108px) 0;border-top:1px solid var(--sc-line,rgba(196,167,255,.18));border-bottom:1px solid var(--sc-line,rgba(196,167,255,.18));overflow:hidden}.sc-v104-proof::before{content:\"\";position:absolute;right:-12vw;top:-26vw;width:48vw;height:48vw;border-radius:50%;background:radial-gradient(circle,rgba(196,167,255,.13),transparent 68%);pointer-events:none}.sc-v104-proof-inner{position:relative;z-index:1;width:min(1180px,calc(100% - 40px));margin:0 auto}.sc-v104-proof-card{display:grid;grid-template-columns:minmax(220px,.34fr) minmax(0,1fr);gap:clamp(18px,4vw,58px);align-items:center;padding:clamp(24px,4vw,44px);border:1px solid var(--sc-line,rgba(196,167,255,.18));border-radius:clamp(24px,3vw,34px);background:linear-gradient(145deg,rgba(196,167,255,.11),transparent 46%),linear-gradient(180deg,var(--sc-card,rgba(17,24,43,.86)),rgba(17,24,43,.62));box-shadow:0 24px 74px rgba(0,0,0,.18)}.sc-site[data-theme=\"light\"] .sc-v104-proof-card{background:linear-gradient(145deg,rgba(94,69,216,.08),transparent 46%),linear-gradient(180deg,rgba(255,255,255,.94),rgba(250,247,242,.86));box-shadow:0 24px 74px rgba(42,34,68,.1)}.sc-v104-proof-meta{display:grid;grid-template-columns:62px minmax(0,1fr);gap:15px;align-items:center}.sc-v104-proof-logo{display:grid;place-items:center;width:62px;height:62px;padding:10px;border:1px solid var(--sc-line,rgba(196,167,255,.18));border-radius:18px;background:#fff}.sc-v104-proof-logo img{display:block;width:100%;height:100%;object-fit:contain}.sc-v104-proof-meta small{display:block;color:var(--sc-accent,#c4a7ff);font-size:.68rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.sc-v104-proof-meta strong{display:block;margin-top:6px;color:var(--sc-text,#f8f7ff);font-size:1.12rem;line-height:1.18}.sc-v104-proof-scope{grid-column:1\/-1;display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.sc-v104-proof-scope span{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border:1px solid var(--sc-line,rgba(196,167,255,.18));border-radius:999px;color:var(--sc-muted,#d7dae8);font-size:.68rem;font-weight:760}.sc-v104-proof-copy{position:relative;min-width:0;padding-left:clamp(0px,2vw,22px)}.sc-v104-proof-mark{display:block;height:34px;color:rgba(196,167,255,.35);font-family:Georgia,serif;font-size:4.5rem;line-height:.72}.sc-v104-proof blockquote{max-width:58ch;margin:14px 0 0;color:var(--sc-text,#f8f7ff);font-size:clamp(1.08rem,1.65vw,1.45rem);font-weight:650;line-height:1.48;letter-spacing:-.022em}.sc-v104-proof figcaption{margin-top:24px;padding-top:16px;border-top:1px solid var(--sc-line,rgba(196,167,255,.18));color:var(--sc-muted,#d7dae8);font-size:.78rem;line-height:1.45}.sc-v104-proof figcaption strong{display:block;color:var(--sc-text,#f8f7ff);font-size:.94rem}.sc-v104-proof-link{display:inline-flex;margin-top:14px;color:var(--sc-accent,#c4a7ff)!important;font-size:.78rem;font-weight:820;text-decoration:none!important}\n.sc-site.sc-contact-page .sc-fluent-shortcode{display:block!important;min-height:280px!important;margin-top:22px!important;padding:4px 0!important;visibility:visible!important;opacity:1!important}.sc-site.sc-contact-page .sc-fluent-shortcode.is-ready{min-height:0!important}.sc-site.sc-contact-page .sc-fluent-shortcode :is(.fluentform_wrapper,.fluentform,form.frm-fluent-form){display:block!important;visibility:visible!important;opacity:1!important}\n@media(max-width:1120px){.sc-site>.sc-header-v104 .sc-desktop-nav{display:none!important}.sc-site>.sc-header-v104 .sc-brand{flex:1 1 auto!important;width:auto!important;max-width:258px!important}.sc-site>.sc-header-v104 .sc-menu-toggle{display:grid!important}.sc-site>.sc-header-v104>.sc-menu{position:fixed!important;inset:82px 14px auto auto!important;z-index:3!important;display:block!important;width:min(390px,calc(100vw - 28px))!important;max-height:calc(100svh - 96px)!important;margin:0!important;padding:14px!important;overflow:auto!important;border:1px solid rgba(196,167,255,.24)!important;border-radius:24px!important;background:rgba(9,12,25,.97)!important;color:var(--sc-text,#f8f7ff)!important;box-shadow:0 28px 80px rgba(0,0,0,.36)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translate3d(14px,-8px,0) scale(.98)!important;transform-origin:top right!important;transition:opacity .2s ease,visibility .2s ease,transform .28s cubic-bezier(.16,1,.3,1)!important;backdrop-filter:blur(24px) saturate(1.2)!important;-webkit-backdrop-filter:blur(24px) saturate(1.2)!important}.sc-site[data-theme=\"light\"]>.sc-header-v104>.sc-menu{background:rgba(252,249,246,.98)!important;color:#211b39!important}.sc-site.is-menu-open>.sc-header-v104>.sc-menu{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important}.sc-site>.sc-header-v104 .sc-menu-inner{display:block!important;width:100%!important;min-height:0!important;margin:0!important;padding:0!important}.sc-site>.sc-header-v104 .sc-menu-kicker{margin:2px 4px 10px!important;color:var(--sc-accent,#c4a7ff)!important;font-size:.64rem!important;font-weight:900!important;letter-spacing:.14em!important;text-transform:uppercase!important}.sc-site>.sc-header-v104 .sc-menu-links{display:grid!important;grid-template-columns:1fr!important;gap:4px!important;margin:0!important}.sc-site>.sc-header-v104 .sc-menu-links a{display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;gap:9px!important;align-items:center!important;min-height:48px!important;margin:0!important;padding:11px 12px!important;border:0!important;border-radius:14px!important;color:inherit!important;background:transparent!important;text-decoration:none!important;transform:none!important}.sc-site>.sc-header-v104 .sc-menu-links a:is(:hover,:focus-visible,.is-active,[aria-current=\"page\"]){background:rgba(196,167,255,.105)!important}.sc-site>.sc-header-v104 .sc-menu-index{font-size:.64rem!important;opacity:.62!important}.sc-site>.sc-header-v104 .sc-menu-label{font-size:clamp(1.18rem,5vw,1.52rem)!important;font-weight:850!important;line-height:1.05!important;letter-spacing:-.035em!important}.sc-site>.sc-header-v104 .sc-menu-hint{display:none!important}.sc-site>.sc-header-v104 .sc-menu-experience{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:10px;padding:13px 12px;border-top:1px solid rgba(196,167,255,.14)}.sc-site>.sc-header-v104 .sc-menu-experience-copy{display:grid;gap:2px;color:var(--sc-muted,#d7dae8);font-size:.72rem}.sc-site>.sc-header-v104 .sc-menu-experience a{flex:none;color:var(--sc-accent,#c4a7ff)!important;font-size:.72rem;font-weight:850;text-decoration:none!important}.sc-site>.sc-header-v104 .sc-menu-bottom{display:flex!important;gap:10px!important;align-items:center!important;margin:0!important;padding:12px 4px 2px!important;border-top:1px solid rgba(196,167,255,.14)!important}.sc-site>.sc-header-v104 .sc-menu-mini-scene,.sc-site>.sc-header-v104 .sc-menu-wordmark{display:none!important}.sc-site>.sc-header-v104 .sc-menu-meta{display:grid;gap:2px;flex:1;color:var(--sc-muted,#d7dae8);font-size:.68rem}.sc-site>.sc-header-v104 .sc-menu-meta strong{color:var(--sc-text,#f8f7ff);font-size:.72rem}.sc-site>.sc-header-v104 .sc-menu-socials{display:flex;gap:7px}.sc-site>.sc-header-v104 .sc-menu-socials a{color:var(--sc-muted,#d7dae8)!important;font-size:.68rem;text-decoration:none!important}}\n@media(max-width:760px){.sc-site main h1{line-height:.97!important}.sc-site main h2{line-height:1.05!important}.sc-v104-proof{padding:64px 0}.sc-v104-proof-inner{width:calc(100% - 20px)}.sc-v104-proof-card{grid-template-columns:1fr;padding:18px;gap:26px}.sc-v104-proof-copy{padding-left:0}.sc-v104-proof blockquote{font-size:1.08rem;line-height:1.52}}\n@media(max-width:620px){html body .sc-site>.sc-header-v104{height:68px!important;padding-top:5px!important}html body .sc-site>.sc-header-v104>.sc-nav-shell{width:calc(100% - 20px)!important;height:62px!important;min-height:62px!important;gap:6px!important;padding:5px 6px 5px 8px!important;border-radius:17px!important}.sc-site>.sc-header-v104 .sc-brand{min-width:70px!important;max-width:150px!important;height:50px!important}html body .sc-site>.sc-header-v104 .sc-brand-full img{transform:translate(-50%,-50%) scale(1.05)!important}.sc-site>.sc-header-v104 .sc-nav-actions{height:50px!important;gap:3px!important}.sc-site>.sc-header-v104 .sc-lang-switch{height:40px!important}.sc-site>.sc-header-v104 :is(.sc-theme-toggle,.sc-menu-toggle){width:40px!important;height:40px!important;min-width:40px!important}.sc-site>.sc-header-v104>.sc-menu{inset:76px 10px auto auto!important;width:calc(100vw - 20px)!important;max-height:calc(100svh - 86px)!important}.sc-site>.sc-header-v104 .sc-menu-experience{align-items:flex-start;flex-direction:column}.sc-v104-proof-meta{grid-template-columns:56px minmax(0,1fr)}.sc-v104-proof-logo{width:56px;height:56px}.sc-v104-proof-mark{font-size:3.7rem}}\n@media(max-width:390px){.sc-site>.sc-header-v104 .sc-brand{flex:0 0 116px!important;width:116px!important;min-width:116px!important;max-width:116px!important}.sc-site>.sc-header-v104 .sc-lang-switch a{min-width:27px!important;padding-inline:3px!important}.sc-site>.sc-header-v104 :is(.sc-theme-toggle,.sc-menu-toggle){width:38px!important;height:38px!important;min-width:38px!important}.sc-site>.sc-header-v104 .sc-menu-meta{display:none!important}}\n@media(prefers-reduced-motion:reduce){.sc-site>.sc-header-v104 *{transition-duration:.01ms!important}.sc-v104-proof *{animation:none!important;transition:none!important}}\n<\/style>\n\n<script id=\"sc-v104-site-shell-script\">\n(function(){\n  var root=document.querySelector('.sc-site.sc-motion-root,.sc-site,.sc-about-page');\n  if(!root||root.dataset.scV104Shell==='true')return;\n  root.dataset.scV104Shell='true';\n  var language=(root.getAttribute('data-language')||document.documentElement.lang||'nl').toLowerCase().indexOf('en')===0?'en':'nl';\n  var page=(root.getAttribute('data-page')||'').toLowerCase();\n  if(!page){if(root.classList.contains('sc-home'))page='home';else if(root.classList.contains('sc-services'))page='services';else if(root.classList.contains('sc-work'))page='work';else if(root.classList.contains('sc-about')||root.classList.contains('sc-about-page'))page='about';else if(root.classList.contains('sc-contact-page'))page='contact'}\n  var nl={home:'https:\/\/arendvanberkel.nl\/',services:'https:\/\/arendvanberkel.nl\/index.php\/diensten\/',work:'https:\/\/arendvanberkel.nl\/index.php\/werk\/',about:'https:\/\/arendvanberkel.nl\/index.php\/over-mij\/',contact:'https:\/\/arendvanberkel.nl\/index.php\/contact-nl\/'};\n  var en={home:'https:\/\/arendvanberkel.nl\/index.php\/home-en\/',services:'https:\/\/arendvanberkel.nl\/index.php\/services-en\/',work:'https:\/\/arendvanberkel.nl\/index.php\/work-en\/',about:'https:\/\/arendvanberkel.nl\/index.php\/about-en\/',contact:'https:\/\/arendvanberkel.nl\/index.php\/contact-en\/'};\n  var urls=language==='en'?en:nl,other=language==='en'?nl:en;\n  var labels=language==='en'?{nav:'Navigation',main:'Main navigation',choose:'Choose language',home:'Home',services:'Services',work:'Work',about:'About',contact:'Contact',open:'Open menu',close:'Close menu',light:'Switch to light mode',dark:'Switch to dark mode',start:'Start a conversation',question:'Not sure where to start?',answer:'Tell me what feels stuck.',available:'Available for selected projects',reply:'Personal reply within two working days'}:{nav:'Navigatie',main:'Hoofdnavigatie',choose:'Kies taal',home:'Home',services:'Diensten',work:'Werk',about:'Over mij',contact:'Contact',open:'Menu openen',close:'Menu sluiten',light:'Wissel naar lichte modus',dark:'Wissel naar donkere modus',start:'Start een gesprek',question:'Weet je nog niet waar je moet beginnen?',answer:'Vertel waar het schuurt.',available:'Beschikbaar voor geselecteerde projecten',reply:'Persoonlijk antwoord binnen twee werkdagen'};\n  var hints=language==='en'?{home:'The short route through my work, style and perspective.',services:'Practical help with strategy, copy, social and web.',work:'Cases where direction and execution come together.',about:'The experience behind the way I work.',contact:'Tell me what feels stuck. I will think it through with you.'}:{home:'De korte route door mijn werk, stijl en blik.',services:'Concrete hulp met strategie, copy, social en web.',work:'Cases waarin richting en uitvoering samenkomen.',about:'De ervaringen achter mijn manier van werken.',contact:'Vertel waar het schuurt. Dan kijk ik met je mee.'};\n  var order=['home','services','work','about','contact'];\n  function active(key){return key===page?' class=\"is-active\" aria-current=\"page\"':''}\n  var desktop=order.map(function(key){return '<a href=\"'+urls[key]+'\"'+active(key)+(key==='contact'?' class=\"sc-desktop-contact'+(key===page?' is-active':'')+'\"':'')+'>'+labels[key]+'<\/a>'}).join('').replace('class=\"is-active\" aria-current=\"page\" class=\"sc-desktop-contact is-active\"','class=\"sc-desktop-contact is-active\" aria-current=\"page\"');\n  var menuLinks=order.map(function(key,index){return '<a href=\"'+urls[key]+'\"'+active(key)+' style=\"--sc-menu-index:'+index+'\"><span class=\"sc-menu-index\">0'+(index+1)+'<\/span><span class=\"sc-menu-label\">'+labels[key]+'<\/span><span class=\"sc-menu-hint\">'+hints[key]+'<\/span><\/a>'}).join('');\n  var header=document.createElement('header');header.className='sc-header sc-header-v82 sc-header-v104';header.setAttribute('aria-label',labels.nav);\n  header.innerHTML='<div class=\"sc-nav-shell\"><a class=\"sc-brand\" href=\"'+urls.home+'\" aria-label=\"Studio Crossover homepage\"><span class=\"sc-brand-full\"><img class=\"sc-brand-logo\" src=\"https:\/\/arendvanberkel.nl\/wp-content\/uploads\/2026\/08\/Studio-Crossover-PNG-02-1-scaled.png\" alt=\"Studio Crossover\" decoding=\"async\" fetchpriority=\"high\"><\/span><\/a><nav class=\"sc-desktop-nav\" aria-label=\"'+labels.main+'\">'+desktop+'<\/nav><div class=\"sc-nav-actions\" aria-label=\"'+labels.nav+'\"><nav class=\"sc-lang-switch\" aria-label=\"'+labels.choose+'\"><a'+(language==='nl'?' class=\"is-active\" aria-current=\"true\"':'')+' href=\"'+(language==='nl'?urls[page]:other[page])+'\" lang=\"nl\" hreflang=\"nl\">NL<\/a><a'+(language==='en'?' class=\"is-active\" aria-current=\"true\"':'')+' href=\"'+(language==='en'?urls[page]:other[page])+'\" lang=\"en\" hreflang=\"en\">EN<\/a><\/nav><button class=\"sc-theme-toggle\" type=\"button\" aria-label=\"'+labels.light+'\" aria-pressed=\"false\"><span class=\"sc-theme-icon\" aria-hidden=\"true\">\u263e<\/span><span class=\"sc-theme-label\">'+labels.light+'<\/span><\/button><button class=\"sc-menu-toggle\" type=\"button\" aria-label=\"'+labels.open+'\" aria-expanded=\"false\" aria-controls=\"sc-menu-v104\"><span class=\"sc-menu-toggle-lines\" aria-hidden=\"true\"><i><\/i><i><\/i><i><\/i><\/span><\/button><\/div><\/div><div class=\"sc-menu\" id=\"sc-menu-v104\" aria-hidden=\"true\"><div class=\"sc-menu-inner\"><p class=\"sc-menu-kicker\">'+labels.nav+'<\/p><nav class=\"sc-menu-links\" aria-label=\"'+labels.main+'\">'+menuLinks+'<\/nav><div class=\"sc-menu-experience\"><div class=\"sc-menu-experience-copy\"><span>'+labels.question+'<\/span><strong>'+labels.answer+'<\/strong><\/div><a href=\"'+urls.contact+'\">'+labels.start+' \u2192<\/a><\/div><div class=\"sc-menu-bottom\"><div class=\"sc-menu-meta\"><strong>'+labels.available+'<\/strong><span>'+labels.reply+'<\/span><\/div><div class=\"sc-menu-socials\"><a href=\"mailto:arendvanberkel@gmail.com?subject=Vraag%20over%20Studio%20Crossover\">Mail<\/a><a href=\"https:\/\/www.linkedin.com\/in\/arend-van-berkel\/\" target=\"_blank\" rel=\"noopener noreferrer\">LinkedIn<\/a><\/div><\/div><\/div><\/div>';\n  var old=root.querySelector(':scope > header.sc-header')||root.querySelector('header.sc-header');if(old)old.replaceWith(header);else root.insertBefore(header,root.firstChild);\n  var menu=header.querySelector('.sc-menu'),toggle=header.querySelector('.sc-menu-toggle'),theme=header.querySelector('.sc-theme-toggle'),lastFocus=null;\n  var brand=header.querySelector('.sc-brand'),brandSrc='https:\/\/arendvanberkel.nl\/wp-content\/uploads\/2026\/08\/Studio-Crossover-PNG-02-1-scaled.png';function normalizeBrand(){var imgs=brand.querySelectorAll('img'),logo=brand.querySelector('.sc-brand-full>.sc-brand-logo');if(imgs.length!==1||!logo||String(logo.getAttribute('src')||'').indexOf('Studio-Crossover-PNG-02-1-scaled.png')<0){var full=document.createElement('span');full.className='sc-brand-full';logo=document.createElement('img');logo.className='sc-brand-logo';logo.src=brandSrc;logo.alt='Studio Crossover';logo.decoding='async';logo.setAttribute('fetchpriority','high');full.appendChild(logo);brand.replaceChildren(full)}return{full:brand.querySelector('.sc-brand-full'),logo:brand.querySelector('.sc-brand-full>.sc-brand-logo')}}function fitBrand(){var compact=window.innerWidth<=1120,mobile=window.innerWidth<=620,tiny=window.innerWidth<=390,parts=normalizeBrand(),brandFull=parts.full,brandLogo=parts.logo;brand.style.setProperty('flex',tiny?'0 0 116px':compact?'1 1 auto':'0 0 258px','important');brand.style.setProperty('width',tiny?'116px':compact?'auto':'258px','important');brand.style.setProperty('min-width',tiny?'116px':compact?'70px':'258px','important');brand.style.setProperty('max-width',tiny?'116px':mobile?'150px':'258px','important');brand.style.setProperty('height',mobile?'50px':'52px','important');brand.style.setProperty('overflow','hidden','important');if(brandFull){brandFull.style.setProperty('position','relative','important');brandFull.style.setProperty('display','block','important');brandFull.style.setProperty('width','100%','important');brandFull.style.setProperty('height','100%','important');brandFull.style.setProperty('overflow','hidden','important')}if(brandLogo){brandLogo.style.setProperty('position','absolute','important');brandLogo.style.setProperty('left','50%','important');brandLogo.style.setProperty('top','50%','important');brandLogo.style.setProperty('display','block','important');brandLogo.style.setProperty('width','100%','important');brandLogo.style.setProperty('height','auto','important');brandLogo.style.setProperty('min-height','0','important');brandLogo.style.setProperty('max-width','none','important');brandLogo.style.setProperty('max-height','none','important');brandLogo.style.setProperty('object-fit','contain','important');brandLogo.style.setProperty('transform','translate(-50%,-50%) scale('+(mobile?'1.05':'1.08')+')','important')}}fitBrand();var brandObserver=new MutationObserver(function(){fitBrand()});brandObserver.observe(brand,{childList:true,subtree:true});[50,250,1000,2500].forEach(function(delay){window.setTimeout(fitBrand,delay)});window.addEventListener('resize',fitBrand,{passive:true});\n  function setTheme(value){var light=value==='light';root.setAttribute('data-theme',light?'light':'dark');root.setAttribute('data-scx-theme',light?'light':'dark');theme.setAttribute('aria-pressed',String(light));theme.setAttribute('aria-label',light?labels.dark:labels.light);theme.querySelector('.sc-theme-icon').textContent=light?'\u2600':'\u263e';theme.querySelector('.sc-theme-label').textContent=light?labels.dark:labels.light;try{localStorage.setItem('studio-crossover-theme',light?'light':'dark')}catch(e){}}\n  var savedTheme=null;try{savedTheme=localStorage.getItem('studio-crossover-theme')}catch(e){}setTheme(savedTheme==='light'||(!savedTheme&&root.getAttribute('data-theme')==='light')?'light':'dark');\n  theme.addEventListener('click',function(){setTheme(root.getAttribute('data-theme')==='light'?'dark':'light')});\n  function focusables(){return Array.prototype.slice.call(menu.querySelectorAll('a[href],button:not([disabled])')).filter(function(node){return node.offsetParent!==null})}\n  function setMenu(open){root.classList.toggle('is-menu-open',open);document.body.classList.toggle('sc-menu-lock',open);menu.setAttribute('aria-hidden',String(!open));toggle.setAttribute('aria-expanded',String(open));toggle.setAttribute('aria-label',open?labels.close:labels.open);if(open){lastFocus=document.activeElement;var list=focusables();if(list[0])window.setTimeout(function(){list[0].focus()},20)}else if(lastFocus&&document.contains(lastFocus))lastFocus.focus()}\n  toggle.addEventListener('click',function(){setMenu(toggle.getAttribute('aria-expanded')!=='true')});menu.addEventListener('click',function(event){if(event.target.closest('a[href]'))setMenu(false)});document.addEventListener('pointerdown',function(event){if(root.classList.contains('is-menu-open')&&!header.contains(event.target))setMenu(false)});document.addEventListener('keydown',function(event){if(event.key==='Escape'&&root.classList.contains('is-menu-open')){event.preventDefault();setMenu(false)}});\n  function onScroll(){header.classList.toggle('is-scrolled',window.scrollY>24)}window.addEventListener('scroll',onScroll,{passive:true});onScroll();\n  function mountFluentForm(){if(page!=='contact')return true;var host=root.querySelector('.sc-fluent-shortcode,[data-sc-fluent-mount]');if(!host)return true;var nodes=Array.prototype.slice.call(document.querySelectorAll('.fluentform_wrapper,.fluentform,form.frm-fluent-form'));var candidate=nodes.find(function(node){return !root.contains(node)&&!node.closest('.sc-fluent-shortcode,[data-sc-fluent-mount]')});if(!candidate)return false;var wrapper=candidate.closest('.fluentform_wrapper')||candidate;host.replaceChildren(wrapper);host.classList.add('is-ready');host.setAttribute('aria-label',language==='en'?'Contact form':'Contactformulier');return true}\n  if(!mountFluentForm()){var fluentObserver=new MutationObserver(function(){if(mountFluentForm())fluentObserver.disconnect()});fluentObserver.observe(document.body,{childList:true,subtree:true});window.setTimeout(function(){fluentObserver.disconnect()},15000)}\n  function addProof(){if((page!=='home'&&page!=='contact')||root.querySelector('.sc-v104-proof'))return;var c=language==='en'?{label:'Client feedback',scope:'Logo, brand and website',tags:['Logo design','Brand development','Website'],quote:'Arend designed the SenZ Business logo and built our website, senzbusiness.com. The result looks polished and professional, fits our brand identity well and the key elements are presented clearly.',author:'Isma\u00efl - SenZ Business',role:'Client \u00b7 testimonial translated from Dutch',link:'View the SenZ case'}:{label:'Klantreactie',scope:'Logo, merk en website',tags:['Logo-ontwerp','Merkuitwerking','Website'],quote:'Arend heeft voor SenZ Business het logo ontworpen en onze website, senzbusiness.com, gerealiseerd. Het eindresultaat ziet er netjes en professioneel uit, sluit goed aan bij onze huisstijl en de belangrijkste onderdelen zijn duidelijk weergegeven.',author:'Isma\u00efl - SenZ Business',role:'Opdrachtgever',link:'Bekijk de SenZ-case'};var section=document.createElement('section');section.className='sc-v104-proof';section.setAttribute('aria-label',c.label+' SenZ Business');section.innerHTML='<div class=\"sc-v104-proof-inner\"><figure class=\"sc-v104-proof-card\"><div class=\"sc-v104-proof-meta\"><span class=\"sc-v104-proof-logo\"><img src=\"https:\/\/arendvanberkel.nl\/wp-content\/uploads\/2026\/07\/Blauw-logo.png\" alt=\"SenZ Business\" loading=\"lazy\" decoding=\"async\"><\/span><span><small>'+c.label+'<\/small><strong>'+c.scope+'<\/strong><\/span><div class=\"sc-v104-proof-scope\">'+c.tags.map(function(tag){return '<span>'+tag+'<\/span>'}).join('')+'<\/div><\/div><div class=\"sc-v104-proof-copy\"><span class=\"sc-v104-proof-mark\" aria-hidden=\"true\">\u201c<\/span><blockquote>'+c.quote+'<\/blockquote><figcaption><strong>'+c.author+'<\/strong><span>'+c.role+'<\/span><\/figcaption><a class=\"sc-v104-proof-link\" href=\"'+urls.work+'#testimonials\">'+c.link+' \u2192<\/a><\/div><\/figure><\/div>';\n    if(page==='home'){var target=root.querySelector('#scx-contact');if(target&&target.parentNode)target.parentNode.insertBefore(section,target);else(root.querySelector('main')||root).appendChild(section)}else{var main=root.querySelector('main')||root;var hero=main.querySelector(':scope > section');if(hero&&hero.nextSibling)main.insertBefore(section,hero.nextSibling);else main.appendChild(section)}}\n  addProof();\n})();\n<\/script>\n\n\n<script id=\"scx-page-title-a11y-v106\">\n(function(){\n  document.querySelectorAll('h1.entry-title,.entry-header h1').forEach(function(h){\n    if(h.closest('.sc-site,.scx-site,.sc-page,.scx-page,.elementor-widget-html'))return;\n    var d=document.createElement('div');\n    Array.from(h.attributes).forEach(function(a){d.setAttribute(a.name,a.value)});\n    d.className=(d.className+' scx-theme-title').trim();\n    d.innerHTML=h.innerHTML;\n    h.replaceWith(d);\n  });\n})();\n<\/script>\n<style id=\"scx-copy-style-v108\">\n:is(.sc-site,.scx-site) main :is(.sc-eyebrow,.scx-eyebrow,.sc-label,.scx-label,.sc-card-kicker,.scx-card-kicker,.sc-service-kicker,.sc-section-code,.sc-work-thumb-label,.sc-runway-kicker,.sc-testimonial-project-kicker,.sc-work-choice>span,.sc-work-choice h3,.sc-work-marquee span,.sc-footer-made,.sc-achievement-kicker,.sc-motion-achievement-kicker,.scx-achievement-v90-kicker){\n  text-transform:none!important;\n  letter-spacing:.045em!important;\n}\n:is(.sc-site,.scx-site) main .sc-motion-word{text-transform:none!important}\n:is(.sc-site,.scx-site) main .sc-service-list>li{padding-left:0!important;list-style:none!important}\n:is(.sc-site,.scx-site) main .sc-service-list>li::before{content:none!important;display:none!important}\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>HomeDienstenWerkOver mijContact NLEN \u263eLichte modus Routekaart 01HomeDe korte route door mijn werk, stijl en blik.02DienstenConcrete hulp met strategie, copy, social en web.03WerkCases waarin richting en uitvoering samenkomen.04Over mijDe ervaringen achter mijn manier van werken.05ContactVertel waar het schuurt. Dan kijk ik met je mee. Start een gesprek \u2726 Achievement unlocked Spawn point Scroll. Ik pak de [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1381","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/arendvanberkel.nl\/index.php\/wp-json\/wp\/v2\/pages\/1381","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/arendvanberkel.nl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/arendvanberkel.nl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/arendvanberkel.nl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/arendvanberkel.nl\/index.php\/wp-json\/wp\/v2\/comments?post=1381"}],"version-history":[{"count":37,"href":"https:\/\/arendvanberkel.nl\/index.php\/wp-json\/wp\/v2\/pages\/1381\/revisions"}],"predecessor-version":[{"id":1775,"href":"https:\/\/arendvanberkel.nl\/index.php\/wp-json\/wp\/v2\/pages\/1381\/revisions\/1775"}],"wp:attachment":[{"href":"https:\/\/arendvanberkel.nl\/index.php\/wp-json\/wp\/v2\/media?parent=1381"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}