{"id":1243,"date":"2026-08-06T13:31:44","date_gmt":"2026-08-06T13:31:44","guid":{"rendered":"https:\/\/arendvanberkel.nl\/?page_id=1243"},"modified":"2026-08-16T11:02:13","modified_gmt":"2026-08-16T11:02:13","slug":"services-en","status":"publish","type":"page","link":"https:\/\/arendvanberkel.nl\/index.php\/services-en\/","title":{"rendered":"Services"},"content":{"rendered":"\n<div class=\"sc-site sc-services sc-motion-root\" id=\"top\" data-theme=\"dark\" data-page=\"services\" data-language=\"en\" data-page-url=\"https:\/\/arendvanberkel.nl\/index.php\/services-en\/\" data-motion=\"alternating\">\n<style id=\"studio-crossover-styles\">\nbody:not(.elementor-editor-active):not(.elementor-editor-preview) :is(.post-edit-link,.edit-link,.elementor-edit-link,#elementor-editor-button,.elementor-editor-element-settings,.elementor-editor-section-settings,.elementor-editor-column-settings,.elementor-editor-widget-settings,.elementor-editor-element-setting,.elementor-document-handle,.elementor-add-section,.elementor-add-new-section,.elementor-add-template-button),body:not(.elementor-editor-active):not(.elementor-editor-preview) :is(a[href*=\"action=edit\" i],a[href*=\"action=elementor\" i],[aria-label*=\"edit\" i],[aria-label*=\"bewerken\" i]){display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}\nbody:not(.elementor-editor-active):not(.elementor-editor-preview):has(.sc-site) :is(header.site-header,#masthead,#site-header,.site-header,header.wp-block-template-part,.wp-site-blocks>header,.elementor-location-header,[data-elementor-type=\"header\"],.hfe-header,.ehf-header,.ekit-template-content-header){display:none!important;visibility:hidden!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}\nbody:not(.elementor-editor-active):not(.elementor-editor-preview):has(.sc-site) :is(.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:not(.elementor-editor-active):not(.elementor-editor-preview):has(.sc-contact-page) .elementor-widget-heading:has(h1){display:none!important}\nbody:not(.elementor-editor-active):not(.elementor-editor-preview):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}\n.sc-site :is(section,[id]){scroll-margin-top:112px}.sc-site :is(a,button,input,textarea,select,summary,[tabindex]):focus-visible{outline:3px solid var(--sc-accent,#c4a7ff)!important;outline-offset:3px!important}\n@media(prefers-reduced-transparency:reduce){.sc-site :is(.sc-header,.sc-menu,.sc-card,.sc-contact-card,.sc-language-notice){backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}\n\nbody:not(.elementor-editor-active) .post-edit-link,\nbody:not(.elementor-editor-active) .edit-link,\nbody:not(.elementor-editor-active) a[href*=\"action=edit\"],\nbody:not(.elementor-editor-active) a[aria-label*=\"Edit\"],\nbody:not(.elementor-editor-active) .elementor-widget-empty,\nbody:not(.elementor-editor-active) .elementor-empty-view,\nbody:not(.elementor-editor-active) .elementor-add-section,\nbody:not(.elementor-editor-active) .elementor-editor-element-settings {\n  display:none!important; visibility:hidden!important; opacity:0!important; pointer-events:none!important;\n}\n\n\n.sc-site.sc-services .sc-bento-media { position:relative; overflow:hidden; }\n.sc-site.sc-services .sc-bento-media::after {\n  content:'Hover of tik voor preview'; position:absolute; left:16px; bottom:16px; z-index:3;\n  display:inline-flex; align-items:center; padding:10px 14px; border-radius:999px;\n  background:rgba(5,7,14,.72); border:1px solid rgba(196,167,255,.22);\n  color:#f4f2ff; font-size:.82rem; letter-spacing:.01em; backdrop-filter:blur(10px);\n  pointer-events:none; opacity:.92; transition:opacity .25s ease, transform .25s ease;\n}\n.sc-site.sc-services .sc-bento-media:hover::after,\n.sc-site.sc-services .sc-bento-media.is-playing::after { opacity:0; transform:translateY(6px); }\n.sc-site.sc-services .sc-bento-media video { transition:transform .35s ease, filter .35s ease; filter:saturate(.94) contrast(1.02) brightness(.96); }\n.sc-site.sc-services .sc-bento-media:hover video,\n.sc-site.sc-services .sc-bento-media.is-playing video { transform:scale(1.01); filter:saturate(1) contrast(1.04) brightness(1); }\n\n\n.sticky-float-form,\n.sticky-floating-form,\n.sticky-float,\n.sticky-floating,\n.float-form,\n.floating-form,\n.floating-contact,\n.float-contact,\n.sticky-contact,\n.flowing-form,\n.fluentform-floating,\n.fluentform-sticky,\n.sc-end-achievement,\n[data-sc-floating-cta-hidden=\"true\"],\n[data-hide-external-sticky=\"true\"],\n[class*=\"sticky\"][class*=\"contact\"],\n[class*=\"float\"][class*=\"contact\"],\n[class*=\"sticky\"][class*=\"form\"],\n[class*=\"float\"][class*=\"form\"],\n[class*=\"flowing\"][class*=\"form\"] {\n  display: none !important;\n  visibility: hidden !important;\n  opacity: 0 !important;\n  pointer-events: none !important;\n}\n\n.sc-site {\n  --sc-bg: #070A12;\n  --sc-bg-2: #0B1020;\n  --sc-bg-3: #10172B;\n  --sc-card: rgba(17, 24, 43, .82);\n  --sc-card-2: rgba(21, 29, 52, .76);\n  --sc-card-solid: #11182B;\n  --sc-text: #F8F7FF;\n  --sc-muted: #D7DAE8;\n  --sc-soft: #AEB6CC;\n  --sc-accent: #C4A7FF;\n  --sc-accent-2: #9B6BFF;\n  --sc-accent-3: #5460F9;\n  --sc-pink: #DB3E8D;\n  --sc-line: rgba(196, 167, 255, .18);\n  --sc-line-strong: rgba(196, 167, 255, .34);\n  --sc-shadow: rgba(0, 0, 0, .32);\n  --sc-max: 1180px;\n  --sc-radius-xl: 32px;\n  --sc-radius-lg: 24px;\n  --sc-radius-md: 18px;\n  width: 100vw;\n  margin-left: calc(50% - 50vw);\n  min-height: 100svh;\n  overflow-x: clip;\n  position: relative;\n  isolation: isolate;\n  color: var(--sc-text);\n  background:\n    radial-gradient(circle at 18% 22%, rgba(196, 167, 255, .14), transparent 30%),\n    radial-gradient(circle at 84% 10%, rgba(84, 96, 249, .14), transparent 26%),\n    linear-gradient(180deg, var(--sc-bg-2) 0%, var(--sc-bg) 42%, var(--sc-bg-2) 100%);\n  font-family: \"Instrument Sans\", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n}\n\n.sc-site[data-theme=\"light\"] {\n  --sc-bg: #F7F2EA;\n  --sc-bg-2: #EFE9F6;\n  --sc-bg-3: #FFFFFF;\n  --sc-card: rgba(255, 255, 255, .90);\n  --sc-card-2: rgba(250, 247, 242, .94);\n  --sc-card-solid: #FFFFFF;\n  --sc-text: #171323;\n  --sc-muted: #342D42;\n  --sc-soft: #5A5269;\n  --sc-accent: #5E45D8;\n  --sc-accent-2: #6B4CF0;\n  --sc-accent-3: #4854E8;\n  --sc-pink: #C9347E;\n  --sc-line: rgba(70, 61, 104, .16);\n  --sc-line-strong: rgba(94, 69, 216, .32);\n  --sc-shadow: rgba(42, 34, 68, .13);\n  color: var(--sc-text);\n  background:\n    radial-gradient(circle at 18% 22%, rgba(94, 69, 216, .11), transparent 30%),\n    radial-gradient(circle at 84% 10%, rgba(84, 96, 249, .10), transparent 26%),\n    linear-gradient(180deg, #F1ECF8 0%, #F7F2EA 42%, #EFE9F6 100%);\n}\n\n.sc-site *,\n.sc-site *::before,\n.sc-site *::after {\n  box-sizing: border-box;\n}\n\n.sc-site a {\n  color: inherit;\n}\n\n.sc-site img {\n  max-width: 100%;\n  display: block;\n}\n\n.sc-site button {\n  font: inherit;\n}\n\n.sc-progress {\n  position: fixed;\n  inset: 0 auto auto 0;\n  z-index: 9999;\n  width: 100%;\n  height: 3px;\n  transform: scaleX(0);\n  transform-origin: left;\n  background: linear-gradient(90deg, var(--sc-accent), var(--sc-accent-3), var(--sc-pink));\n  box-shadow: 0 0 24px rgba(196, 167, 255, .34);\n}\n\n.sc-inner {\n  width: min(var(--sc-max), calc(100% - 40px));\n  margin: 0 auto;\n  position: relative;\n  z-index: 2;\n}\n\n.sc-header {\n  position: sticky;\n  top: 0;\n  z-index: 8000;\n  padding: 16px 0 0;\n  pointer-events: none;\n}\n\n.sc-header::before {\n  content: \"\";\n  position: absolute;\n  inset: 0 0 auto;\n  height: 112px;\n  pointer-events: none;\n  background: linear-gradient(180deg, rgba(7, 10, 18, .74), rgba(7, 10, 18, .10));\n  backdrop-filter: blur(10px);\n  -webkit-backdrop-filter: blur(10px);\n  transition: background .22s ease, opacity .22s ease;\n}\n\n.sc-header.is-scrolled::before {\n  background: linear-gradient(180deg, rgba(7, 10, 18, .90), rgba(7, 10, 18, .35), rgba(7, 10, 18, 0));\n}\n\n.sc-site[data-theme=\"light\"] .sc-header::before {\n  background: linear-gradient(180deg, rgba(255, 255, 255, .88), rgba(255, 255, 255, .18));\n}\n\n.sc-site[data-theme=\"light\"] .sc-header.is-scrolled::before {\n  background: linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(255, 255, 255, .52), rgba(255, 255, 255, 0));\n}\n\n.sc-nav-shell {\n  width: min(var(--sc-max), calc(100% - 40px));\n  margin: 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 18px;\n  position: relative;\n  z-index: 2;\n  pointer-events: auto;\n}\n\n.sc-brand {\n  display: inline-flex;\n  align-items: center;\n  gap: 14px;\n  min-width: 0;\n  text-decoration: none !important;\n  filter: drop-shadow(0 14px 28px rgba(0, 0, 0, .22));\n}\n\n.sc-brand-mark {\n  width: 72px;\n  height: 72px;\n  flex: none;\n  display: grid;\n  place-items: center;\n}\n\n.sc-brand-mark img {\n  width: 72px;\n  height: 72px;\n  object-fit: contain;\n}\n\n.sc-brand-text {\n  display: grid;\n  gap: 4px;\n  min-width: 0;\n}\n\n.sc-brand-text strong {\n  font-size: clamp(1.12rem, 1.4vw, 1.42rem);\n  line-height: 1;\n  letter-spacing: -.045em;\n  font-weight: 900;\n  color: var(--sc-text);\n}\n\n.sc-brand-text small {\n  font-size: .70rem;\n  line-height: 1.12;\n  letter-spacing: .08em;\n  text-transform: uppercase;\n  font-weight: 800;\n  color: var(--sc-muted);\n  white-space: nowrap;\n}\n\n.sc-nav-actions {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n\n.sc-theme-toggle,\n.sc-menu-toggle,\n.sc-button,\n.sc-soft-button,\n.sc-nav-button {\n  border: 1px solid rgba(255, 255, 255, .12);\n  text-decoration: none !important;\n  cursor: pointer;\n  transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease, color .18s ease;\n}\n\n.sc-theme-toggle,\n.sc-menu-toggle {\n  min-height: 46px;\n  color: var(--sc-text);\n  background: rgba(10, 14, 28, .38);\n  backdrop-filter: blur(12px);\n  -webkit-backdrop-filter: blur(12px);\n}\n\n.sc-site[data-theme=\"light\"] .sc-theme-toggle,\n.sc-site[data-theme=\"light\"] .sc-menu-toggle {\n  background: rgba(255, 255, 255, .78);\n  border-color: rgba(94, 69, 216, .14);\n}\n\n.sc-theme-toggle {\n  border-radius: 999px;\n  padding: 0 16px;\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: .82rem;\n  font-weight: 800;\n}\n\n.sc-menu-toggle {\n  width: 52px;\n  min-width: 52px;\n  border-radius: 999px;\n  position: relative;\n  display: grid;\n  place-items: center;\n}\n\n.sc-menu-toggle span,\n.sc-menu-toggle::before,\n.sc-menu-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.sc-menu-toggle span { transform: translateY(0); }\n.sc-menu-toggle::before { transform: translateY(-6px); }\n.sc-menu-toggle::after { transform: translateY(6px); }\n.sc-site.is-menu-open .sc-menu-toggle span { opacity: 0; }\n.sc-site.is-menu-open .sc-menu-toggle::before { transform: rotate(45deg); }\n.sc-site.is-menu-open .sc-menu-toggle::after { transform: rotate(-45deg); }\n\n.sc-theme-toggle:hover,\n.sc-menu-toggle:hover {\n  transform: translateY(-1px);\n  border-color: var(--sc-line-strong);\n  background: rgba(255, 255, 255, .08);\n}\n\n.sc-menu {\n  position: fixed;\n  inset: 0;\n  z-index: 7990;\n  background:\n    radial-gradient(circle at 30% 36%, rgba(196, 167, 255, .18), transparent 28%),\n    radial-gradient(circle at 72% 22%, rgba(84, 96, 249, .16), transparent 24%),\n    linear-gradient(180deg, rgba(7, 10, 18, .98), rgba(7, 10, 18, .98));\n  opacity: 0;\n  visibility: hidden;\n  pointer-events: none;\n  transform: translateY(-8px);\n  transition: opacity .22s ease, visibility .22s ease, transform .22s ease;\n  overflow: auto;\n  padding: 118px 0 48px;\n}\n\n.sc-site[data-theme=\"light\"] .sc-menu {\n  background:\n    radial-gradient(circle at 30% 36%, rgba(94, 69, 216, .20), transparent 28%),\n    radial-gradient(circle at 72% 22%, rgba(84, 96, 249, .12), transparent 24%),\n    linear-gradient(180deg, rgba(252, 252, 255, .98), rgba(242, 244, 255, .98));\n}\n\n.sc-menu.is-open {\n  opacity: 1;\n  visibility: visible;\n  pointer-events: auto;\n  transform: translateY(0);\n}\n\n.sc-menu-inner {\n  width: min(1040px, calc(100% - 40px));\n  margin: 0 auto;\n  min-height: calc(100svh - 166px);\n  display: flex;\n  flex-direction: column;\n}\n\n.sc-menu-kicker,\n.sc-label,\n.sc-card-kicker,\n.sc-section-code,\n.sc-service-kicker {\n  margin: 0;\n  color: var(--sc-accent);\n  font-size: .72rem;\n  line-height: 1.1;\n  font-weight: 900;\n  text-transform: uppercase;\n  letter-spacing: .12em;\n}\n\n.sc-menu-links {\n  display: grid;\n  margin-top: 18px;\n}\n\n.sc-menu-links a {\n  display: grid;\n  grid-template-columns: 56px minmax(0, 1fr) minmax(160px, 230px);\n  align-items: center;\n  gap: 18px;\n  padding: 17px 0;\n  border-top: 1px solid rgba(255, 255, 255, .08);\n  text-decoration: none !important;\n  color: var(--sc-text);\n  transition: transform .18s ease, color .18s ease;\n}\n\n.sc-menu-links a:last-child {\n  border-bottom: 1px solid rgba(255, 255, 255, .08);\n}\n\n.sc-site[data-theme=\"light\"] .sc-menu-links a {\n  border-color: rgba(94, 69, 216, .12);\n}\n\n.sc-menu-index {\n  color: var(--sc-soft);\n  font-size: .75rem;\n  font-weight: 900;\n  letter-spacing: .08em;\n}\n\n.sc-menu-label {\n  font-size: clamp(2.35rem, 4.6vw, 4.25rem);\n  line-height: .92;\n  letter-spacing: -.065em;\n  font-weight: 900;\n}\n\n.sc-menu-hint {\n  justify-self: end;\n  max-width: 24ch;\n  text-align: right;\n  font-size: .84rem;\n  line-height: 1.35;\n  color: var(--sc-muted);\n  font-weight: 650;\n  opacity: .62;\n  transform: translateY(6px);\n  transition: opacity .18s ease, transform .18s ease, color .18s ease;\n}\n\n.sc-menu-links a:hover,\n.sc-menu-links a:focus-visible,\n.sc-menu-links a.is-active,\n.sc-menu-links a[aria-current=\"page\"] {\n  color: var(--sc-accent);\n  transform: translateX(6px);\n  outline: none;\n}\n\n.sc-menu-links a:hover .sc-menu-hint,\n.sc-menu-links a:focus-visible .sc-menu-hint,\n.sc-menu-links a.is-active .sc-menu-hint,\n.sc-menu-links a[aria-current=\"page\"] .sc-menu-hint {\n  opacity: 1;\n  transform: translateY(0);\n  color: var(--sc-text);\n}\n\n.sc-menu-bottom {\n  margin-top: auto;\n  padding-top: 28px;\n  display: flex;\n  gap: 12px;\n  flex-wrap: wrap;\n}\n\n.sc-section {\n  position: relative;\n  padding: clamp(78px, 9vw, 126px) 0;\n}\n\n.sc-section-tight {\n  padding-top: clamp(54px, 7vw, 90px);\n}\n\n.sc-section-head {\n  max-width: 790px;\n  margin-bottom: clamp(28px, 4vw, 48px);\n}\n\n.sc-section-head.center {\n  margin-inline: auto;\n  text-align: center;\n}\n\n.sc-section-head h2,\n.sc-contact-card h2 {\n  margin: 10px 0 0;\n  max-width: 13ch;\n  color: var(--sc-text);\n  font-size: clamp(2.15rem, 5vw, 4.9rem);\n  line-height: .95;\n  letter-spacing: -.07em;\n  font-weight: 900;\n}\n\n.sc-section-head.center h2 {\n  margin-inline: auto;\n}\n\n.sc-section-head p,\n.sc-copy p,\n.sc-hero-text,\n.sc-card p,\n.sc-service-panel p,\n.sc-contact-card p,\n.sc-price-note,\n.sc-footer-story,\n.sc-footer-crossover p {\n  color: var(--sc-muted);\n  font-size: clamp(1rem, 1.12vw, 1.08rem);\n  line-height: 1.72;\n}\n\n.sc-section-head p {\n  max-width: 62ch;\n  margin: 18px 0 0;\n}\n\n.sc-section-head.center p {\n  margin-inline: auto;\n}\n\n.sc-hero {\n  position: relative;\n  overflow: hidden;\n  min-height: min(900px, 100svh);\n  display: grid;\n  align-items: center;\n  padding: 130px 0 72px;\n}\n\n.sc-home .sc-hero {\n  background:\n    linear-gradient(180deg, rgba(7, 10, 18, .94) 0%, rgba(7, 10, 18, .68) 24%, rgba(7, 10, 18, .48) 50%, rgba(7, 10, 18, .94) 100%),\n    radial-gradient(circle at 74% 12%, rgba(196, 167, 255, .24), transparent 30%),\n    url(\"https:\/\/arendvanberkel.nl\/wp-content\/uploads\/2026\/06\/bdf9b7cb-93c2-4f64-9e7b-7b95dcef5f97.png\");\n  background-size: cover, cover, cover;\n  background-position: center top, center top, center 10%;\n}\n\n.sc-home .sc-hero::after {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: -1px;\n  height: 170px;\n  pointer-events: none;\n  background: linear-gradient(180deg, transparent, var(--sc-bg));\n  z-index: 1;\n}\n\n.sc-about .sc-hero,\n.sc-services .sc-hero {\n  min-height: auto;\n  padding-bottom: clamp(54px, 7vw, 86px);\n}\n\n.sc-hero-grid,\n.sc-feature,\n.sc-contact-shell {\n  display: grid;\n  grid-template-columns: minmax(0, 1.08fr) minmax(300px, .92fr);\n  gap: clamp(30px, 5vw, 68px);\n  align-items: center;\n}\n\n.sc-hero-copy {\n  max-width: 790px;\n}\n\n.sc-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  margin: 0 0 20px;\n  color: var(--sc-muted);\n  font-size: .80rem;\n  line-height: 1;\n  letter-spacing: .09em;\n  text-transform: uppercase;\n  font-weight: 850;\n}\n\n.sc-eyebrow::before {\n  content: \"\";\n  width: 28px;\n  height: 1px;\n  background: linear-gradient(90deg, var(--sc-accent), transparent);\n}\n\n.sc-hero h1 {\n  margin: 0;\n  max-width: 12ch;\n  color: var(--sc-text);\n  font-size: clamp(3.35rem, 8.3vw, 7.6rem);\n  line-height: .88;\n  letter-spacing: -.08em;\n  font-weight: 950;\n}\n\n.sc-about .sc-hero h1,\n.sc-services .sc-hero h1 {\n  max-width: 11.5ch;\n  font-size: clamp(3rem, 7.2vw, 6.7rem);\n}\n\n.sc-gradient-word {\n  background: linear-gradient(135deg, var(--sc-accent), var(--sc-accent-3));\n  -webkit-background-clip: text;\n  background-clip: text;\n  color: transparent;\n}\n\n.sc-hero-text {\n  max-width: 62ch;\n  margin: 26px 0 0;\n  font-size: clamp(1.05rem, 1.5vw, 1.34rem);\n}\n\n.sc-actions,\n.sc-card-actions,\n.sc-upad-actions,\n.sc-contact-side {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px;\n  align-items: center;\n  margin-top: 26px;\n}\n\n.sc-button,\n.sc-soft-button,\n.sc-nav-button {\n  min-height: 48px;\n  border-radius: 999px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  padding: 0 19px;\n  font-size: .88rem;\n  line-height: 1;\n  font-weight: 850;\n  letter-spacing: -.01em;\n}\n\n.sc-button {\n  color: #fff !important;\n  border-color: transparent;\n  background: linear-gradient(135deg, var(--sc-accent-2), var(--sc-accent-3));\n  box-shadow: 0 18px 42px rgba(84, 96, 249, .25);\n}\n\n.sc-button span::after,\n.sc-nav-button span::after {\n  content: \" \u2192\";\n}\n\n.sc-button:hover,\n.sc-button:focus-visible,\n.sc-nav-button:hover,\n.sc-nav-button:focus-visible {\n  transform: translateY(-2px);\n  box-shadow: 0 24px 54px rgba(84, 96, 249, .34);\n  outline: none;\n}\n\n.sc-soft-button {\n  color: var(--sc-text) !important;\n  background: rgba(255, 255, 255, .055);\n  border-color: var(--sc-line);\n}\n\n.sc-site[data-theme=\"light\"] .sc-soft-button {\n  background: rgba(255, 255, 255, .72);\n}\n\n.sc-soft-button:hover,\n.sc-soft-button:focus-visible {\n  transform: translateY(-2px);\n  border-color: var(--sc-line-strong);\n  background: rgba(255, 255, 255, .10);\n  outline: none;\n}\n\n.sc-text-link {\n  color: var(--sc-muted) !important;\n  text-decoration: none !important;\n  font-size: .92rem;\n  font-weight: 800;\n  position: relative;\n}\n\n.sc-text-link::after {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: -5px;\n  height: 1px;\n  transform: scaleX(.35);\n  transform-origin: left;\n  background: linear-gradient(90deg, var(--sc-accent), transparent);\n  transition: transform .18s ease;\n}\n\n.sc-text-link:hover,\n.sc-text-link:focus-visible {\n  color: var(--sc-text) !important;\n  outline: none;\n}\n\n.sc-text-link:hover::after,\n.sc-text-link:focus-visible::after {\n  transform: scaleX(1);\n}\n\n.sc-hero-card,\n.sc-photo-card,\n.sc-media-card,\n.sc-showcase-card {\n  position: relative;\n  border: 1px solid var(--sc-line);\n  border-radius: var(--sc-radius-xl);\n  overflow: hidden;\n  background: linear-gradient(180deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .03));\n  box-shadow: 0 28px 90px var(--sc-shadow);\n}\n\n.sc-hero-card-inner {\n  position: relative;\n  min-height: 480px;\n  display: grid;\n  align-items: end;\n}\n\n.sc-hero-card img,\n.sc-photo-card img,\n.sc-media-card img,\n.sc-showcase-card img {\n  width: 100%;\n  height: 100%;\n  min-height: 420px;\n  object-fit: cover;\n}\n\n.sc-hero-card img {\n  position: absolute;\n  inset: 0;\n}\n\n.sc-card-caption {\n  position: relative;\n  z-index: 2;\n  margin: 18px;\n  padding: 16px 18px;\n  border: 1px solid rgba(255, 255, 255, .14);\n  border-radius: 20px;\n  background: rgba(7, 10, 18, .58);\n  color: #fff;\n  backdrop-filter: blur(14px);\n  -webkit-backdrop-filter: blur(14px);\n}\n\n.sc-card-caption span {\n  display: block;\n  color: rgba(255, 255, 255, .70);\n  font-size: .72rem;\n  text-transform: uppercase;\n  letter-spacing: .10em;\n  font-weight: 900;\n  margin-bottom: 6px;\n}\n\n.sc-card-caption strong {\n  display: block;\n  font-size: .98rem;\n  line-height: 1.25;\n}\n\n.sc-scroll-cue {\n  position: absolute;\n  left: 50%;\n  bottom: 26px;\n  z-index: 3;\n  transform: translateX(-50%);\n  color: rgba(255, 255, 255, .78) !important;\n  font-size: .72rem;\n  text-transform: uppercase;\n  letter-spacing: .14em;\n  font-weight: 850;\n  text-decoration: none !important;\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n}\n\n.sc-scroll-cue::after {\n  content: \"\";\n  width: 1px;\n  height: 34px;\n  display: block;\n  background: linear-gradient(180deg, rgba(255, 255, 255, .78), transparent);\n  animation: scScrollCue 1.8s ease-in-out infinite;\n}\n\n.sc-grid {\n  display: grid;\n  gap: 18px;\n}\n\n.sc-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n.sc-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }\n.sc-grid-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }\n\n.sc-card,\n.sc-step,\n.sc-service-panel,\n.sc-price-card,\n.sc-process-card,\n.sc-contact-card,\n.sc-feature-card,\n.sc-accordion-item,\n.sc-education-card,\n.sc-mini-card {\n  position: relative;\n  border: 1px solid var(--sc-line);\n  border-radius: var(--sc-radius-lg);\n  background: linear-gradient(180deg, var(--sc-card), rgba(17, 24, 43, .58));\n  box-shadow: 0 22px 70px rgba(0, 0, 0, .18);\n}\n\n.sc-site[data-theme=\"light\"] .sc-card,\n.sc-site[data-theme=\"light\"] .sc-step,\n.sc-site[data-theme=\"light\"] .sc-service-panel,\n.sc-site[data-theme=\"light\"] .sc-price-card,\n.sc-site[data-theme=\"light\"] .sc-process-card,\n.sc-site[data-theme=\"light\"] .sc-contact-card,\n.sc-site[data-theme=\"light\"] .sc-feature-card,\n.sc-site[data-theme=\"light\"] .sc-accordion-item,\n.sc-site[data-theme=\"light\"] .sc-education-card,\n.sc-site[data-theme=\"light\"] .sc-mini-card {\n  background: linear-gradient(180deg, rgba(255, 255, 255, .92), rgba(250, 247, 242, .80));\n  box-shadow: 0 22px 70px rgba(42, 34, 68, .10);\n}\n\n.sc-card {\n  min-height: 255px;\n  padding: 24px;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.sc-card.is-wide {\n  grid-column: span 2;\n}\n\n.sc-card h3,\n.sc-step h3,\n.sc-service-panel h3,\n.sc-price-card h3,\n.sc-process-card h3,\n.sc-education-card h3,\n.sc-mini-card h3 {\n  margin: 0;\n  color: var(--sc-text);\n  font-size: clamp(1.25rem, 2vw, 1.82rem);\n  line-height: 1.05;\n  letter-spacing: -.045em;\n  font-weight: 900;\n}\n\n.sc-card p,\n.sc-step p,\n.sc-service-panel p,\n.sc-price-card p,\n.sc-process-card p,\n.sc-education-card p,\n.sc-mini-card p {\n  margin: 0;\n}\n\n.sc-card-actions {\n  margin-top: auto;\n  padding-top: 22px;\n  align-items: flex-start;\n}\n\n.sc-step-list {\n  display: grid;\n  gap: 14px;\n}\n\n.sc-step {\n  padding: 22px;\n}\n\n.sc-step::before,\n.sc-process-card::before {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  top: 20px;\n  bottom: 20px;\n  width: 3px;\n  border-radius: 999px;\n  background: linear-gradient(180deg, var(--sc-accent), var(--sc-accent-3));\n  opacity: .75;\n}\n\n.sc-particles {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n  overflow: hidden;\n  z-index: 1;\n}\n\n.sc-particles span {\n  position: absolute;\n  left: var(--x);\n  top: var(--y);\n  width: var(--s);\n  height: var(--s);\n  border-radius: 999px;\n  background: rgba(196, 167, 255, .72);\n  box-shadow: 0 0 18px rgba(196, 167, 255, .65);\n  animation: scParticle var(--t) linear infinite;\n  animation-delay: var(--d);\n}\n\n.sc-photo-card {\n  display: grid;\n  grid-template-rows: minmax(300px, 440px) auto;\n}\n\n.sc-photo-card > div {\n  padding: 24px;\n}\n\n.sc-photo-card span,\n.sc-feature-card span,\n.sc-cv-card span,\n.sc-education-card span {\n  display: inline-block;\n  color: var(--sc-accent);\n  font-size: .72rem;\n  letter-spacing: .11em;\n  text-transform: uppercase;\n  font-weight: 900;\n  margin-bottom: 9px;\n}\n\n.sc-photo-card h2,\n.sc-feature-card h2 {\n  margin: 0;\n  color: var(--sc-text);\n  font-size: clamp(1.6rem, 3vw, 2.7rem);\n  line-height: .98;\n  letter-spacing: -.055em;\n  font-weight: 900;\n}\n\n.sc-photo-card p,\n.sc-feature-card p {\n  color: var(--sc-muted);\n  line-height: 1.68;\n}\n\n.sc-story-grid {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 18px;\n}\n\n.sc-feature-card {\n  padding: clamp(24px, 4vw, 42px);\n  overflow: hidden;\n}\n\n.sc-upad-card {\n  display: grid;\n  grid-template-columns: minmax(0, .92fr) minmax(320px, 1.08fr);\n  gap: clamp(24px, 4vw, 52px);\n  align-items: center;\n}\n\n.sc-upad-kicker-row {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  margin-bottom: 20px;\n}\n\n.sc-featured-logo {\n  width: 58px;\n  height: 58px;\n  border-radius: 18px;\n  overflow: hidden;\n  border: 1px solid var(--sc-line);\n  background: #fff;\n  flex: none;\n}\n\n.sc-featured-logo img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.sc-upad-showcase {\n  position: relative;\n  min-height: 460px;\n}\n\n.sc-upad-showcase figure {\n  margin: 0;\n  position: absolute;\n  overflow: hidden;\n  border-radius: 26px;\n  border: 1px solid var(--sc-line);\n  box-shadow: 0 26px 80px rgba(0, 0, 0, .24);\n  background: var(--sc-card-solid);\n}\n\n.sc-upad-main {\n  inset: 10px 10px 48px 28px;\n}\n\n.sc-upad-float-one {\n  left: 0;\n  bottom: 8px;\n  width: 42%;\n}\n\n.sc-upad-float-two {\n  right: 0;\n  top: 0;\n  width: 36%;\n}\n\n.sc-upad-showcase img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.sc-accordion {\n  display: grid;\n  gap: 14px;\n}\n\n.sc-accordion-item {\n  overflow: hidden;\n}\n\n.sc-accordion-item summary {\n  list-style: none;\n  cursor: pointer;\n  padding: 22px 24px;\n  display: flex;\n  justify-content: space-between;\n  gap: 18px;\n  align-items: center;\n}\n\n.sc-accordion-item summary::-webkit-details-marker {\n  display: none;\n}\n\n.sc-accordion-item summary span {\n  color: var(--sc-text);\n  font-weight: 900;\n  font-size: clamp(1.14rem, 1.8vw, 1.52rem);\n  letter-spacing: -.035em;\n}\n\n.sc-accordion-item summary small {\n  color: var(--sc-soft);\n  font-weight: 700;\n  line-height: 1.35;\n  text-align: right;\n}\n\n.sc-accordion-content {\n  border-top: 1px solid var(--sc-line);\n  padding: 20px 24px 24px;\n  display: grid;\n  gap: 14px;\n}\n\n.sc-cv-card {\n  display: grid;\n  grid-template-columns: 66px minmax(0, 1fr);\n  gap: 16px;\n  align-items: start;\n  padding: 16px;\n  border: 1px solid var(--sc-line);\n  border-radius: 20px;\n  background: rgba(255, 255, 255, .035);\n}\n\n.sc-site[data-theme=\"light\"] .sc-cv-card {\n  background: rgba(255, 255, 255, .58);\n}\n\n.sc-cv-logo {\n  width: 66px;\n  height: 66px;\n  border-radius: 18px;\n  display: grid;\n  place-items: center;\n  overflow: hidden;\n  border: 1px solid var(--sc-line);\n  background: #fff;\n  color: #171323;\n  font-weight: 950;\n}\n\n.sc-cv-logo img {\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n  padding: 8px;\n}\n\n.sc-cv-card h3 {\n  margin: 0 0 6px;\n  color: var(--sc-text);\n  font-size: 1.12rem;\n  letter-spacing: -.025em;\n}\n\n.sc-cv-card p {\n  margin: 0 0 8px;\n  color: var(--sc-muted);\n  line-height: 1.55;\n}\n\n.sc-education-grid,\n.sc-price-grid,\n.sc-process-grid,\n.sc-work-grid {\n  display: grid;\n  gap: 18px;\n}\n\n.sc-education-grid {\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n\n.sc-education-card,\n.sc-price-card,\n.sc-process-card {\n  padding: 24px;\n}\n\n.sc-work-grid {\n  grid-template-columns: minmax(0, 1.1fr) minmax(280px, .9fr);\n  align-items: stretch;\n}\n\n.sc-showcase-card {\n  min-height: 520px;\n}\n\n.sc-showcase-card img {\n  min-height: 520px;\n}\n\n.sc-work-stack {\n  display: grid;\n  gap: 18px;\n}\n\n.sc-service-stack {\n  display: grid;\n  gap: 18px;\n}\n\n.sc-service-panel {\n  padding: clamp(22px, 3vw, 34px);\n  display: grid;\n  grid-template-columns: minmax(0, 1.05fr) minmax(280px, .95fr);\n  gap: clamp(22px, 4vw, 46px);\n}\n\n.sc-service-main {\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n}\n\n.sc-service-list {\n  list-style: none;\n  padding: 0;\n  margin: 10px 0 0;\n  display: grid;\n  gap: 9px;\n}\n\n.sc-service-list li {\n  color: var(--sc-muted);\n  line-height: 1.52;\n  padding-left: 22px;\n  position: relative;\n}\n\n.sc-service-list li::before {\n  content: \"\u2726\";\n  position: absolute;\n  left: 0;\n  top: 0;\n  color: var(--sc-accent);\n  font-size: .76rem;\n}\n\n.sc-service-side {\n  display: grid;\n  gap: 14px;\n  align-content: start;\n}\n\n.sc-service-side-card {\n  padding: 16px;\n  border-radius: 18px;\n  border: 1px solid var(--sc-line);\n  background: rgba(255, 255, 255, .045);\n}\n\n.sc-site[data-theme=\"light\"] .sc-service-side-card {\n  background: rgba(255, 255, 255, .60);\n}\n\n.sc-service-side-card strong {\n  display: block;\n  color: var(--sc-text);\n  font-size: .88rem;\n  margin-bottom: 7px;\n}\n\n.sc-price {\n  margin: 0 0 6px;\n  color: var(--sc-text);\n  font-size: clamp(1.35rem, 2vw, 1.9rem);\n  line-height: 1;\n  letter-spacing: -.045em;\n  font-weight: 950;\n}\n\n.sc-price-grid {\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n}\n\n.sc-price-card {\n  min-height: 220px;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.sc-process-grid {\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n}\n\n.sc-process-card {\n  min-height: 210px;\n}\n\n.sc-contact-card {\n  padding: clamp(24px, 4vw, 42px);\n  overflow: hidden;\n}\n\n.sc-contact-card::after {\n  content: \"\";\n  position: absolute;\n  inset: auto -18% -42% auto;\n  width: 360px;\n  height: 360px;\n  border-radius: 999px;\n  background: radial-gradient(circle, rgba(196, 167, 255, .20), transparent 65%);\n  pointer-events: none;\n}\n\n.sc-contact-card h2 {\n  max-width: 14ch;\n}\n\n.sc-contact-side {\n  justify-content: flex-end;\n  margin-top: 0;\n}\n\n.sc-mini-about-grid {\n  display: grid;\n  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);\n  gap: 18px;\n  align-items: stretch;\n}\n\n.sc-mini-card {\n  padding: 24px;\n}\n\n.sc-site-footer {\n  position: relative;\n  padding: 58px 0 42px;\n  border-top: 1px solid var(--sc-line);\n  background: linear-gradient(180deg, rgba(7, 10, 18, .18), rgba(7, 10, 18, .48));\n}\n\n.sc-site[data-theme=\"light\"] .sc-site-footer {\n  background: linear-gradient(180deg, rgba(255, 255, 255, .32), rgba(255, 255, 255, .72));\n}\n\n.sc-footer-inner {\n  width: min(var(--sc-max), calc(100% - 40px));\n  margin: 0 auto;\n}\n\n.sc-footer-main {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: baseline;\n  gap: 8px;\n  color: var(--sc-text);\n  font-size: clamp(1.25rem, 2.8vw, 2.8rem);\n  line-height: 1;\n  letter-spacing: -.055em;\n  font-weight: 900;\n}\n\n.sc-footer-separator {\n  color: var(--sc-soft);\n  font-weight: 750;\n}\n\n.sc-footer-ticker {\n  color: var(--sc-accent);\n}\n\n.sc-footer-story,\n.sc-footer-crossover {\n  margin-top: 18px;\n  max-width: 680px;\n}\n\n.sc-footer-story {\n  margin-bottom: 0;\n  font-size: .98rem;\n  line-height: 1.62;\n}\n\n.sc-footer-bottom {\n  margin-top: 28px;\n  padding-top: 22px;\n  border-top: 1px solid var(--sc-line);\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 24px;\n}\n\n.sc-footer-meta,\n.sc-footer-links {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px 16px;\n  align-items: center;\n}\n\n.sc-footer-meta span,\n.sc-footer-meta p,\n.sc-footer-links a {\n  margin: 0;\n  color: var(--sc-soft);\n  font-size: .78rem;\n  line-height: 1.4;\n  font-weight: 700;\n  text-decoration: none !important;\n}\n\n.sc-footer-links a:hover,\n.sc-footer-links a:focus-visible {\n  color: var(--sc-text);\n  outline: none;\n}\n\n.sc-secret-hint {\n  opacity: .56;\n}\n\n.sc-secret-toast,\n.sc-achievement-toast {\n  position: fixed;\n  z-index: 9000;\n  pointer-events: none;\n}\n\n.sc-secret-toast {\n  left: 50%;\n  bottom: 26px;\n  transform: translate(-50%, 20px);\n  max-width: min(520px, calc(100% - 32px));\n  padding: 12px 16px;\n  border: 1px solid var(--sc-line);\n  border-radius: 999px;\n  background: rgba(7, 10, 18, .78);\n  color: #fff;\n  opacity: 0;\n  transition: opacity .22s ease, transform .22s ease;\n  backdrop-filter: blur(14px);\n  -webkit-backdrop-filter: blur(14px);\n  font-size: .86rem;\n  font-weight: 800;\n}\n\n.sc-secret-toast.is-visible {\n  opacity: 1;\n  transform: translate(-50%, 0);\n}\n\n.sc-achievement-toast {\n  right: 22px;\n  bottom: 22px;\n  width: min(360px, calc(100vw - 32px));\n  display: grid;\n  grid-template-columns: 42px minmax(0, 1fr);\n  gap: 12px;\n  align-items: center;\n  padding: 14px;\n  border: 1px solid rgba(196, 167, 255, .28);\n  border-radius: 22px;\n  background: linear-gradient(180deg, rgba(12, 17, 31, .88), rgba(12, 17, 31, .74));\n  color: #fff;\n  box-shadow: 0 22px 70px rgba(0, 0, 0, .34);\n  backdrop-filter: blur(18px);\n  -webkit-backdrop-filter: blur(18px);\n  opacity: 0;\n  transform: translate3d(0, 18px, 0) scale(.98);\n  transition: opacity .22s ease, transform .22s ease;\n}\n\n.sc-site[data-theme=\"light\"] .sc-achievement-toast {\n  background: linear-gradient(180deg, rgba(255, 255, 255, .94), rgba(250, 247, 242, .88));\n  color: var(--sc-text);\n  box-shadow: 0 22px 70px rgba(42, 34, 68, .16);\n}\n\n.sc-achievement-toast.is-visible {\n  opacity: 1;\n  transform: translate3d(0, 0, 0) scale(1);\n}\n\n.sc-achievement-toast::before {\n  content: \"\";\n  position: absolute;\n  inset: -1px;\n  border-radius: inherit;\n  pointer-events: none;\n  background: linear-gradient(135deg, rgba(196, 167, 255, .30), transparent 34%, rgba(84, 96, 249, .22));\n  opacity: .75;\n  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);\n  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);\n  padding: 1px;\n  -webkit-mask-composite: xor;\n  mask-composite: exclude;\n}\n\n.sc-achievement-icon {\n  width: 42px;\n  height: 42px;\n  border-radius: 15px;\n  display: grid;\n  place-items: center;\n  background: linear-gradient(135deg, rgba(196, 167, 255, .22), rgba(84, 96, 249, .18));\n  border: 1px solid rgba(255, 255, 255, .12);\n  font-size: 1.05rem;\n}\n\n.sc-achievement-copy {\n  display: grid;\n  gap: 3px;\n}\n\n.sc-achievement-kicker {\n  color: var(--sc-accent);\n  font-size: .66rem;\n  line-height: 1;\n  letter-spacing: .12em;\n  text-transform: uppercase;\n  font-weight: 950;\n}\n\n.sc-achievement-copy strong {\n  color: inherit;\n  font-size: .96rem;\n  line-height: 1.15;\n}\n\n.sc-achievement-copy small {\n  color: rgba(255, 255, 255, .68);\n  line-height: 1.35;\n  font-size: .80rem;\n  font-weight: 650;\n}\n\n.sc-site[data-theme=\"light\"] .sc-achievement-copy small {\n  color: rgba(23, 19, 35, .68);\n}\n\n.sc-reveal {\n  opacity: 0;\n  transform: translate3d(0, 22px, 0);\n  transition: opacity .60s ease, transform .60s ease;\n}\n\n.sc-reveal.is-visible {\n  opacity: 1;\n  transform: translate3d(0, 0, 0);\n}\n\n.sc-site.is-secret-mode .sc-card,\n.sc-site.is-secret-mode .sc-service-panel,\n.sc-site.is-secret-mode .sc-contact-card {\n  border-color: rgba(196, 167, 255, .42);\n}\n\n.sc-sr-only {\n  position: absolute !important;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n  clip: rect(1px, 1px, 1px, 1px);\n  white-space: nowrap;\n}\n\n@keyframes scParticle {\n  from { transform: translate3d(0, 0, 0); opacity: .20; }\n  35% { opacity: .75; }\n  to { transform: translate3d(var(--dx), var(--dy), 0); opacity: 0; }\n}\n\n@keyframes scScrollCue {\n  0%, 100% { transform: translateY(0); opacity: .35; }\n  50% { transform: translateY(8px); opacity: 1; }\n}\n\n@media (max-width: 1020px) {\n  .sc-hero-grid,\n  .sc-feature,\n  .sc-contact-shell,\n  .sc-upad-card,\n  .sc-service-panel,\n  .sc-work-grid,\n  .sc-mini-about-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .sc-grid-3,\n  .sc-grid-4,\n  .sc-price-grid,\n  .sc-process-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .sc-showcase-card,\n  .sc-showcase-card img {\n    min-height: 420px;\n  }\n\n  .sc-upad-showcase {\n    min-height: 420px;\n  }\n\n  .sc-contact-side {\n    justify-content: flex-start;\n    margin-top: 8px;\n  }\n}\n\n@media (max-width: 720px) {\n  .sc-inner,\n  .sc-nav-shell,\n  .sc-footer-inner {\n    width: min(100% - 28px, var(--sc-max));\n  }\n\n  .sc-header {\n    padding-top: 10px;\n  }\n\n  .sc-brand {\n    gap: 10px;\n  }\n\n  .sc-brand-mark,\n  .sc-brand-mark img {\n    width: 58px;\n    height: 58px;\n  }\n\n  .sc-brand-text strong {\n    font-size: 1.05rem;\n  }\n\n  .sc-brand-text small {\n    max-width: 18ch;\n    white-space: normal;\n    font-size: .62rem;\n  }\n\n  .sc-theme-label {\n    display: none;\n  }\n\n  .sc-theme-toggle {\n    width: 46px;\n    padding: 0;\n    justify-content: center;\n  }\n\n  .sc-menu-toggle {\n    width: 48px;\n    min-width: 48px;\n  }\n\n  .sc-menu {\n    padding-top: 96px;\n  }\n\n  .sc-menu-links a {\n    grid-template-columns: 40px 1fr;\n    gap: 12px;\n    padding: 15px 0;\n  }\n\n  .sc-menu-hint {\n    grid-column: 2;\n    justify-self: start;\n    text-align: left;\n    max-width: 32ch;\n    opacity: .72;\n    transform: none;\n    font-size: .78rem;\n  }\n\n  .sc-menu-label {\n    font-size: clamp(2.15rem, 13vw, 3.4rem);\n  }\n\n  .sc-hero {\n    min-height: auto;\n    padding: 112px 0 76px;\n  }\n\n  .sc-home .sc-hero {\n    min-height: 100svh;\n    background-position: center top, center top, center top;\n  }\n\n  .sc-hero h1,\n  .sc-about .sc-hero h1,\n  .sc-services .sc-hero h1 {\n    font-size: clamp(3rem, 17vw, 4.75rem);\n    line-height: .90;\n    max-width: 10.5ch;\n  }\n\n  .sc-hero-text {\n    font-size: 1.03rem;\n    line-height: 1.62;\n    margin-top: 22px;\n  }\n\n  .sc-hero-card-inner {\n    min-height: 380px;\n  }\n\n  .sc-hero-card img,\n  .sc-photo-card img,\n  .sc-media-card img {\n    min-height: 360px;\n  }\n\n  .sc-section {\n    padding: 70px 0;\n  }\n\n  .sc-section-head h2,\n  .sc-contact-card h2 {\n    font-size: clamp(2.1rem, 11vw, 3.25rem);\n    line-height: .98;\n    max-width: 12ch;\n  }\n\n  .sc-grid-2,\n  .sc-grid-3,\n  .sc-grid-4,\n  .sc-story-grid,\n  .sc-education-grid,\n  .sc-price-grid,\n  .sc-process-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .sc-card.is-wide {\n    grid-column: auto;\n  }\n\n  .sc-card,\n  .sc-step,\n  .sc-service-panel,\n  .sc-price-card,\n  .sc-process-card,\n  .sc-contact-card,\n  .sc-feature-card,\n  .sc-education-card,\n  .sc-mini-card {\n    border-radius: 22px;\n  }\n\n  .sc-card {\n    min-height: auto;\n    padding: 21px;\n  }\n\n  .sc-actions,\n  .sc-card-actions,\n  .sc-upad-actions,\n  .sc-contact-side {\n    width: 100%;\n  }\n\n  .sc-button,\n  .sc-soft-button,\n  .sc-nav-button {\n    width: 100%;\n    justify-content: center;\n  }\n\n  .sc-text-link {\n    width: auto;\n  }\n\n  .sc-upad-showcase {\n    min-height: 360px;\n  }\n\n  .sc-upad-main {\n    inset: 0 0 58px 0;\n  }\n\n  .sc-upad-float-one {\n    width: 48%;\n  }\n\n  .sc-upad-float-two {\n    width: 42%;\n  }\n\n  .sc-accordion-item summary {\n    align-items: flex-start;\n    flex-direction: column;\n  }\n\n  .sc-accordion-item summary small {\n    text-align: left;\n  }\n\n  .sc-cv-card {\n    grid-template-columns: 52px 1fr;\n    padding: 14px;\n  }\n\n  .sc-cv-logo {\n    width: 52px;\n    height: 52px;\n    border-radius: 15px;\n  }\n\n  .sc-footer-main {\n    font-size: clamp(1.35rem, 8vw, 2.2rem);\n    line-height: 1.08;\n  }\n\n  .sc-footer-bottom {\n    display: grid;\n  }\n\n  .sc-achievement-toast {\n    left: 14px;\n    right: 14px;\n    bottom: 14px;\n    width: auto;\n  }\n\n  .sc-secret-toast {\n    bottom: 14px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .sc-site *,\n  .sc-site *::before,\n  .sc-site *::after {\n    animation-duration: .001ms !important;\n    animation-iteration-count: 1 !important;\n    scroll-behavior: auto !important;\n    transition-duration: .001ms !important;\n  }\n\n  .sc-reveal {\n    opacity: 1;\n    transform: none;\n  }\n}\n\n\nbody:has(.sc-site) .site-header,\nbody:has(.sc-site) #masthead,\nbody:has(.sc-site) .elementor-location-header,\nbody:has(.sc-site) header.wp-block-template-part,\nbody:has(.sc-site) .wp-site-blocks > header,\nbody:has(.sc-site) .hfe-header,\nbody:has(.sc-site) .ekit-template-content-header {\n  display: none !important;\n}\n\n.sc-site,\n.sc-site * {\n  transform-style: flat !important;\n}\n\n.sc-site {\n  position: relative !important;\n  z-index: 1;\n}\n\n.sc-header {\n  position: sticky !important;\n  top: 0 !important;\n  z-index: 100020 !important;\n}\n\n.sc-nav-shell {\n  min-height: 74px;\n}\n\n.sc-brand-mark,\n.sc-brand-mark img {\n  width: 68px !important;\n  height: 68px !important;\n}\n\n.sc-brand-text strong {\n  font-size: clamp(1.05rem, 1.18vw, 1.32rem) !important;\n}\n\n.sc-brand-text small {\n  font-size: .66rem !important;\n  letter-spacing: .075em !important;\n}\n\n.sc-menu {\n  position: fixed !important;\n  inset: 0 !important;\n  z-index: 100010 !important;\n  min-height: 100svh !important;\n  height: 100svh !important;\n  padding: 118px 0 48px !important;\n  overflow-y: auto !important;\n  overflow-x: hidden !important;\n  background:\n    radial-gradient(circle at 18% 22%, rgba(196, 167, 255, .20), transparent 30%),\n    radial-gradient(circle at 78% 18%, rgba(84, 96, 249, .18), transparent 26%),\n    linear-gradient(180deg, rgba(7, 10, 18, .985), rgba(7, 10, 18, .985)) !important;\n  opacity: 0 !important;\n  visibility: hidden !important;\n  pointer-events: none !important;\n  transform: none !important;\n  rotate: 0deg !important;\n  scale: 1 !important;\n  transition: opacity .24s ease, visibility .24s ease !important;\n}\n\n.sc-site[data-theme=\"light\"] .sc-menu {\n  background:\n    radial-gradient(circle at 18% 22%, rgba(94, 69, 216, .18), transparent 30%),\n    radial-gradient(circle at 78% 18%, rgba(84, 96, 249, .12), transparent 26%),\n    linear-gradient(180deg, rgba(252, 252, 255, .985), rgba(242, 244, 255, .985)) !important;\n}\n\n.sc-menu.is-open,\n.sc-site.is-menu-open .sc-menu {\n  opacity: 1 !important;\n  visibility: visible !important;\n  pointer-events: auto !important;\n}\n\n.sc-menu-inner {\n  width: min(1080px, calc(100% - 42px)) !important;\n  min-height: calc(100svh - 166px) !important;\n  margin: 0 auto !important;\n  display: flex !important;\n  flex-direction: column !important;\n  justify-content: center !important;\n  position: relative !important;\n  opacity: 1 !important;\n  transform: none !important;\n  rotate: 0deg !important;\n}\n\n.sc-menu-inner::after {\n  content: \"Crossover\";\n  position: absolute;\n  left: -8px;\n  bottom: -18px;\n  pointer-events: none;\n  color: rgba(255, 255, 255, .055);\n  font-size: clamp(4rem, 12vw, 9rem);\n  line-height: .8;\n  letter-spacing: -.08em;\n  font-weight: 950;\n  z-index: -1;\n}\n\n.sc-site[data-theme=\"light\"] .sc-menu-inner::after {\n  color: rgba(16, 22, 43, .07);\n}\n\n.sc-menu-kicker {\n  margin-bottom: 20px !important;\n}\n\n.sc-menu-links {\n  gap: 0 !important;\n}\n\n.sc-menu-links a {\n  grid-template-columns: 58px minmax(0, 1fr) minmax(180px, 310px) !important;\n  padding: 20px 0 !important;\n  border-color: rgba(255, 255, 255, .10) !important;\n  transform: none !important;\n}\n\n.sc-site[data-theme=\"light\"] .sc-menu-links a {\n  border-color: rgba(94, 69, 216, .14) !important;\n}\n\n.sc-menu-links a:hover,\n.sc-menu-links a:focus-visible,\n.sc-menu-links a.is-active,\n.sc-menu-links a[aria-current=\"page\"] {\n  transform: translateX(8px) !important;\n  color: var(--sc-accent) !important;\n}\n\n.sc-menu-label {\n  font-size: clamp(2.65rem, 5.4vw, 5.45rem) !important;\n  letter-spacing: -.075em !important;\n}\n\n.sc-menu-hint {\n  opacity: .78 !important;\n  color: var(--sc-muted) !important;\n  font-size: clamp(.86rem, 1.05vw, .98rem) !important;\n  line-height: 1.35 !important;\n}\n\n.sc-menu-links a:hover .sc-menu-hint,\n.sc-menu-links a:focus-visible .sc-menu-hint,\n.sc-menu-links a.is-active .sc-menu-hint,\n.sc-menu-links a[aria-current=\"page\"] .sc-menu-hint {\n  opacity: 1 !important;\n  color: var(--sc-text) !important;\n  transform: translateY(0) !important;\n}\n\n.sc-menu-bottom {\n  margin-top: 30px !important;\n}\n\n.sc-reveal {\n  opacity: 1 !important;\n  transform: none !important;\n  animation: scSoftReveal .56s ease both;\n}\n\n@keyframes scSoftReveal {\n  from { opacity: .001; transform: translate3d(0, 16px, 0); }\n  to { opacity: 1; transform: translate3d(0, 0, 0); }\n}\n\n.sc-home .sc-hero {\n  background:\n    linear-gradient(180deg, rgba(7, 10, 18, .90) 0%, rgba(7, 10, 18, .62) 22%, rgba(7, 10, 18, .42) 50%, rgba(7, 10, 18, .94) 100%),\n    radial-gradient(circle at 74% 12%, rgba(196, 167, 255, .20), transparent 30%),\n    url(\"https:\/\/arendvanberkel.nl\/wp-content\/uploads\/2026\/06\/bdf9b7cb-93c2-4f64-9e7b-7b95dcef5f97.png\") !important;\n  background-size: cover, cover, cover !important;\n  background-position: center top, center top, center 10% !important;\n}\n\n.sc-home .sc-hero-grid {\n  align-items: center !important;\n}\n\n.sc-home .sc-hero-copy {\n  padding: clamp(18px, 2vw, 30px) !important;\n  border-radius: 28px;\n  background: linear-gradient(180deg, rgba(7, 10, 18, .28), rgba(7, 10, 18, .12));\n  border: 1px solid rgba(255, 255, 255, .08);\n  backdrop-filter: blur(6px);\n  -webkit-backdrop-filter: blur(6px);\n}\n\n.sc-footer-main {\n  align-items: baseline !important;\n}\n\n.sc-footer-ticker {\n  display: inline-grid !important;\n  grid-template-areas: \"word\";\n  height: 1.18em;\n  min-width: 13.5ch;\n  overflow: hidden;\n  vertical-align: bottom;\n  color: var(--sc-accent);\n  position: relative;\n}\n\n.sc-footer-ticker > span {\n  grid-area: word;\n  opacity: 0;\n  transform: translate3d(0, 105%, 0);\n  animation: scFooterWordCycle 24s infinite;\n  white-space: nowrap;\n  will-change: opacity, transform;\n}\n\n.sc-footer-ticker > span:nth-child(1) { animation-delay: 0s; }\n.sc-footer-ticker > span:nth-child(2) { animation-delay: 2s; }\n.sc-footer-ticker > span:nth-child(3) { animation-delay: 4s; }\n.sc-footer-ticker > span:nth-child(4) { animation-delay: 6s; }\n.sc-footer-ticker > span:nth-child(5) { animation-delay: 8s; }\n.sc-footer-ticker > span:nth-child(6) { animation-delay: 10s; }\n.sc-footer-ticker > span:nth-child(7) { animation-delay: 12s; }\n.sc-footer-ticker > span:nth-child(8) { animation-delay: 14s; }\n.sc-footer-ticker > span:nth-child(9) { animation-delay: 16s; }\n.sc-footer-ticker > span:nth-child(10) { animation-delay: 18s; }\n.sc-footer-ticker > span:nth-child(11) { animation-delay: 20s; }\n.sc-footer-ticker > span:nth-child(12) { animation-delay: 22s; }\n\n@keyframes scFooterWordCycle {\n  0% { opacity: 0; transform: translate3d(0, 105%, 0); }\n  3% { opacity: 1; transform: translate3d(0, 0, 0); }\n  7% { opacity: 1; transform: translate3d(0, 0, 0); }\n  10% { opacity: 0; transform: translate3d(0, -105%, 0); }\n  100% { opacity: 0; transform: translate3d(0, -105%, 0); }\n}\n\n.sc-footer-sr {\n  position: absolute !important;\n  width: 1px !important;\n  height: 1px !important;\n  padding: 0 !important;\n  margin: -1px !important;\n  overflow: hidden !important;\n  clip: rect(0, 0, 0, 0) !important;\n  white-space: nowrap !important;\n  border: 0 !important;\n}\n\n@media (max-width: 760px) {\n  .sc-brand-mark,\n  .sc-brand-mark img {\n    width: 48px !important;\n    height: 48px !important;\n  }\n\n  .sc-brand-text strong {\n    font-size: .94rem !important;\n  }\n\n  .sc-brand-text small {\n    display: none !important;\n  }\n\n  .sc-theme-label {\n    display: none !important;\n  }\n\n  .sc-menu {\n    padding-top: 96px !important;\n  }\n\n  .sc-menu-inner {\n    min-height: calc(100svh - 132px) !important;\n    justify-content: flex-start !important;\n    padding-top: 28px !important;\n  }\n\n  .sc-menu-links a {\n    grid-template-columns: 40px minmax(0, 1fr) !important;\n    gap: 12px !important;\n    padding: 18px 0 !important;\n  }\n\n  .sc-menu-hint {\n    grid-column: 2;\n    justify-self: start !important;\n    text-align: left !important;\n    max-width: 32ch !important;\n    margin-top: 4px;\n  }\n\n  .sc-menu-label {\n    font-size: clamp(2.2rem, 14vw, 3.6rem) !important;\n  }\n\n  .sc-home .sc-hero-copy {\n    padding: 18px !important;\n  }\n}\n\nbody:not(.elementor-editor-active) footer.site-footer,\nbody:not(.elementor-editor-active) .site-footer,\nbody:not(.elementor-editor-active) .elementor-location-footer,\nbody:not(.elementor-editor-active) .breadcrumb,\nbody:not(.elementor-editor-active) .breadcrumbs {display:none !important;visibility:hidden !important;height:0 !important;min-height:0 !important;margin:0 !important;padding:0 !important;overflow:hidden !important;}\n.sc-menu-inner{justify-content:center;}\n.sc-open-motion-grid,.sc-video-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:22px;align-items:stretch;}\n.sc-motion-feature,.sc-video-card{position:relative;overflow:hidden;border:1px solid var(--sc-line);border-radius:var(--sc-radius-xl);background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03));box-shadow:0 28px 90px var(--sc-shadow);}\n.sc-motion-feature video,.sc-video-card video{display:block;width:100%;height:100%;min-height:340px;object-fit:cover;background:#05070e;}\n.sc-motion-copy,.sc-video-copy{padding:28px;display:flex;flex-direction:column;justify-content:center;gap:10px;}\n.sc-motion-copy h3,.sc-video-copy h3{margin:0;font-size:clamp(1.6rem,2.5vw,2.6rem);line-height:1.02;letter-spacing:-.04em;}\n.sc-motion-copy p,.sc-video-copy p{margin:0;color:var(--sc-muted);}\n.sc-video-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;}\n@media (max-width:980px){.sc-open-motion-grid,.sc-video-grid,.sc-video-stack{grid-template-columns:1fr}.sc-motion-feature video,.sc-video-card video{min-height:260px}}\n\n\nhtml, body { margin:0 !important; padding:0 !important; background:#070A12 !important; }\nbody:not(.elementor-editor-active) .elementor-section:has(.elementor-widget-theme-post-title),\nbody:not(.elementor-editor-active) .elementor-element:has(.elementor-widget-theme-post-title),\nbody:not(.elementor-editor-active) .elementor-section:has(h1.entry-title),\nbody:not(.elementor-editor-active) .elementor-section:has(h1.page-title),\nbody:not(.elementor-editor-active) .page-header,\nbody:not(.elementor-editor-active) .entry-header,\nbody:not(.elementor-editor-active) .post-title,\nbody:not(.elementor-editor-active) .page-title,\nbody:not(.elementor-editor-active) .entry-title,\nbody:not(.elementor-editor-active) .wp-block-post-title { display:none !important; visibility:hidden !important; height:0 !important; min-height:0 !important; margin:0 !important; padding:0 !important; overflow:hidden !important; }\n.sc-site { margin-top:-32px !important; padding-top:0 !important; }\n.sc-site .sc-header { top:0 !important; }\n.sc-site .sc-hero { margin-top:0 !important; }\n@media (max-width: 780px){ .sc-site { margin-top:-24px !important; } }\n\n\n.sc-work-grid { display:grid !important; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr) !important; gap:24px !important; align-items:start !important; }\n.sc-showcase-card { aspect-ratio:1 \/ 1 !important; min-height:0 !important; }\n.sc-showcase-card img { aspect-ratio:1 \/ 1 !important; min-height:0 !important; width:100% !important; height:100% !important; object-fit:cover !important; }\n.sc-work-stack.sc-video-stack { display:grid !important; grid-template-columns:1fr !important; gap:22px !important; }\n.sc-video-card { display:grid !important; grid-template-columns:1.18fr .82fr !important; align-items:stretch !important; min-height:0 !important; }\n.sc-video-card video { width:100% !important; height:auto !important; aspect-ratio:16 \/ 9 !important; min-height:0 !important; object-fit:cover !important; background:#05070E !important; }\n.sc-video-copy { padding:24px !important; }\n.sc-video-copy h3 { font-size:clamp(1.35rem,2vw,2rem) !important; line-height:1.05 !important; }\n@media (max-width: 980px){ .sc-work-grid { grid-template-columns:1fr !important; } .sc-video-card { grid-template-columns:1fr !important; } .sc-video-card video { aspect-ratio:16 \/ 9 !important; } }\n\n\nbody:not(.elementor-editor-active) .sc-site {\n  margin-top: -28px !important;\n  padding-top: 28px !important;\n}\nbody:not(.elementor-editor-active) .sc-site::before {\n  content: \"\";\n  position: fixed;\n  left: 0;\n  right: 0;\n  top: 0;\n  height: 30px;\n  background: #070A12;\n  z-index: 9998;\n  pointer-events: none;\n}\n.sc-site {\n  --sc-muted: #E1E5F2;\n  --sc-soft: #C3CBE0;\n}\n.sc-site p,\n.sc-site li,\n.sc-site small {\n  color: var(--sc-muted);\n}\n.sc-site .sc-card-kicker,\n.sc-site .sc-label,\n.sc-site .sc-eyebrow,\n.sc-site .sc-section-code {\n  color: #D7C4FF;\n}\n@media (max-width: 760px) {\n  .sc-site {\n    margin-top: -24px !important;\n    padding-top: 24px !important;\n  }\n  .sc-site .sc-inner {\n    width: min(100% - 32px, var(--sc-max));\n  }\n  .sc-site h1 {\n    font-size: clamp(3.35rem, 16vw, 5.25rem) !important;\n    line-height: .96 !important;\n    letter-spacing: -.065em !important;\n  }\n  .sc-site h2 {\n    font-size: clamp(2.35rem, 11vw, 3.9rem) !important;\n    line-height: 1 !important;\n  }\n  .sc-site h3 {\n    line-height: 1.1 !important;\n  }\n  .sc-site p,\n  .sc-site li {\n    font-size: 1rem !important;\n    line-height: 1.68 !important;\n  }\n  .sc-site .sc-card,\n  .sc-site .sc-service-panel,\n  .sc-site .sc-price-disclosure,\n  .sc-site .sc-video-card,\n  .sc-site .sc-showcase-card {\n    border-color: rgba(210, 220, 255, .24) !important;\n  }\n}\n\n\n.sc-work-grid.sc-work-grid-v14 {\n  display: grid;\n  grid-template-columns: minmax(280px, .82fr) minmax(0, 1.18fr);\n  gap: 22px;\n  align-items: stretch;\n}\n.sc-showcase-card.is-square,\n.sc-video-card.is-wide {\n  border: 1px solid var(--sc-line);\n  border-radius: var(--sc-radius-xl);\n  overflow: hidden;\n  background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03));\n  box-shadow: 0 28px 90px var(--sc-shadow);\n}\n.sc-showcase-card.is-square {\n  aspect-ratio: 1 \/ 1;\n  min-height: auto;\n}\n.sc-showcase-card.is-square img {\n  width: 100%;\n  height: 100%;\n  min-height: 0;\n  object-fit: cover;\n  display: block;\n}\n.sc-work-video-column {\n  display: grid;\n  gap: 22px;\n}\n.sc-video-card.is-wide {\n  display: grid;\n  grid-template-columns: minmax(0, 1.1fr) minmax(260px, .9fr);\n  align-items: stretch;\n}\n.sc-video-card.is-wide video {\n  width: 100%;\n  aspect-ratio: 16 \/ 9;\n  height: 100%;\n  min-height: 0;\n  object-fit: cover;\n  display: block;\n  background: #05070e;\n}\n.sc-video-card.is-wide .sc-video-copy {\n  padding: 24px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  gap: 10px;\n}\n.sc-video-card.is-wide .sc-video-copy h3 {\n  margin: 0;\n  font-size: clamp(1.35rem, 2vw, 2.05rem);\n  line-height: 1.05;\n  letter-spacing: -.04em;\n}\n.sc-video-card.is-wide .sc-video-copy p {\n  margin: 0;\n  color: var(--sc-muted);\n}\n.sc-price-disclosure,\n.sc-price-accordion details {\n  border: 1px solid var(--sc-line);\n  border-radius: 22px;\n  background: linear-gradient(145deg, rgba(19, 25, 47, .86), rgba(9, 13, 26, .88));\n  overflow: hidden;\n}\n.sc-price-disclosure summary,\n.sc-price-accordion summary {\n  cursor: pointer;\n  list-style: none;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 18px;\n  padding: 18px 20px;\n  color: var(--sc-text);\n  font-weight: 850;\n}\n.sc-price-disclosure summary::-webkit-details-marker,\n.sc-price-accordion summary::-webkit-details-marker { display: none; }\n.sc-price-disclosure summary::after,\n.sc-price-accordion summary::after {\n  content: \"+\";\n  width: 34px;\n  height: 34px;\n  border-radius: 50%;\n  display: grid;\n  place-items: center;\n  border: 1px solid var(--sc-line);\n  color: var(--sc-accent);\n  flex: 0 0 auto;\n}\n.sc-price-disclosure[open] summary::after,\n.sc-price-accordion details[open] summary::after { content: \"\u2212\"; }\n.sc-price-disclosure .sc-price-content,\n.sc-price-accordion .sc-price-content {\n  padding: 0 20px 20px;\n  color: var(--sc-muted);\n}\n.sc-price-content .sc-price {\n  margin: 2px 0 10px;\n  font-size: clamp(1.25rem, 2vw, 1.7rem);\n}\n.sc-price-accordion {\n  display: grid;\n  gap: 14px;\n}\n.sc-price-note {\n  max-width: 78ch;\n}\n@media (max-width: 980px) {\n  .sc-work-grid.sc-work-grid-v14,\n  .sc-video-card.is-wide {\n    grid-template-columns: 1fr;\n  }\n  .sc-video-card.is-wide video {\n    height: auto;\n  }\n}\n@media (max-width: 720px) {\n  .sc-work-grid.sc-work-grid-v14 {\n    gap: 16px;\n  }\n  .sc-showcase-card.is-square {\n    width: 100%;\n  }\n  .sc-video-card.is-wide .sc-video-copy {\n    padding: 20px;\n  }\n  .sc-price-disclosure summary,\n  .sc-price-accordion summary {\n    padding: 16px;\n  }\n  .sc-price-disclosure .sc-price-content,\n  .sc-price-accordion .sc-price-content {\n    padding: 0 16px 16px;\n  }\n}\n\n\n.sc-site h1,\n.sc-site h2 {\n  text-wrap: balance;\n}\n.sc-site .sc-hero-copy,\n.sc-site .sc-section-head,\n.sc-site .sc-contact-card,\n.sc-site .sc-motion-copy,\n.sc-site .sc-video-copy {\n  max-width: 760px;\n}\n.sc-site .sc-hero h1,\n.sc-site.sc-about .sc-hero h1,\n.sc-site.sc-services .sc-hero h1 {\n  max-width: 14.6ch !important;\n  font-size: clamp(3.35rem, 6.2vw, 6.25rem) !important;\n  line-height: .92 !important;\n}\n.sc-site .sc-section-head h2,\n.sc-site .sc-contact-card h2,\n.sc-site .sc-motion-copy h3,\n.sc-site .sc-video-copy h3 {\n  max-width: 15.8ch !important;\n  font-size: clamp(2.55rem, 4.2vw, 4.7rem) !important;\n  line-height: .98 !important;\n}\n.sc-site .sc-photo-card h2,\n.sc-site .sc-card h2 {\n  max-width: 16ch !important;\n}\n@media (max-width: 760px) {\n  .sc-site .sc-hero h1,\n  .sc-site.sc-about .sc-hero h1,\n  .sc-site.sc-services .sc-hero h1 {\n    max-width: 14.2ch !important;\n    font-size: clamp(3rem, 13.2vw, 4.6rem) !important;\n    line-height: .94 !important;\n  }\n  .sc-site .sc-section-head h2,\n  .sc-site .sc-contact-card h2,\n  .sc-site .sc-motion-copy h3,\n  .sc-site .sc-video-copy h3 {\n    max-width: 15.6ch !important;\n    font-size: clamp(2.35rem, 9.8vw, 3.65rem) !important;\n    line-height: 1 !important;\n  }\n}\n@media (max-width: 420px) {\n  .sc-site .sc-hero h1,\n  .sc-site .sc-section-head h2,\n  .sc-site .sc-contact-card h2,\n  .sc-site .sc-motion-copy h3,\n  .sc-site .sc-video-copy h3 {\n    max-width: 15.8ch !important;\n  }\n}\n\n\n.sc-impact-work-grid { display: grid; grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr); gap: 18px; align-items: stretch; }\n.sc-impact-wide { grid-column: 1 \/ -1; display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(280px, .8fr); align-items: stretch; }\n.sc-impact-wide video { aspect-ratio: 16 \/ 9; min-height: 0 !important; height: auto !important; object-fit: cover; }\n.sc-impact-square { min-height: 0 !important; aspect-ratio: 1 \/ 1; }\n.sc-impact-square img { min-height: 0 !important; aspect-ratio: 1 \/ 1; object-fit: cover; }\n.sc-impact-website video { aspect-ratio: 16 \/ 9; min-height: 0 !important; height: auto !important; object-fit: cover; }\n.sc-impact-website { display: grid; align-content: start; }\n.sc-video-card video { background: #05070e; }\n@media (max-width: 900px) { .sc-impact-work-grid, .sc-impact-wide { grid-template-columns: 1fr; } .sc-impact-wide video, .sc-impact-website video { width: 100%; } }\n\n\n.sc-site .sc-lazy-video,\n.sc-site video[data-src] {\n  background:\n    radial-gradient(circle at 18% 18%, rgba(196,167,255,.16), transparent 32%),\n    linear-gradient(135deg, rgba(15,22,42,.95), rgba(5,7,17,.95));\n}\n.sc-site video[data-src]:not([src]) {\n  min-height: 220px;\n}\n.sc-site img {\n  content-visibility: auto;\n}\n\n\n.sc-site h1,\n.sc-site h2,\n.sc-site h3 {\n  text-wrap: balance;\n  overflow-wrap: normal;\n  hyphens: none;\n}\n.sc-site .sc-hero-copy h1 {\n  font-size: clamp(3.15rem, 7vw, 6.8rem) !important;\n  line-height: .92 !important;\n  letter-spacing: -.075em !important;\n  max-width: 11.8ch !important;\n}\n.sc-site .sc-section-head h2,\n.sc-site .sc-contact-card h2,\n.sc-site .sc-service-main h3,\n.sc-site .sc-motion-copy h3,\n.sc-site .sc-video-copy h3 {\n  font-size: clamp(2.15rem, 4.5vw, 4.55rem) !important;\n  line-height: .98 !important;\n  letter-spacing: -.055em !important;\n  max-width: 13.6ch !important;\n}\n.sc-site .sc-card h3,\n.sc-site .sc-cv-card h3,\n.sc-site .sc-price-card h3 {\n  font-size: clamp(1.25rem, 1.7vw, 1.85rem) !important;\n  line-height: 1.08 !important;\n}\n@media (max-width: 960px) {\n  .sc-site .sc-hero-copy h1 { font-size: clamp(2.9rem, 11vw, 5rem) !important; max-width: 11.2ch !important; }\n  .sc-site .sc-section-head h2,\n  .sc-site .sc-contact-card h2,\n  .sc-site .sc-service-main h3,\n  .sc-site .sc-motion-copy h3,\n  .sc-site .sc-video-copy h3 { font-size: clamp(2rem, 7vw, 3.5rem) !important; max-width: 13ch !important; }\n}\n@media (max-width: 640px) {\n  .sc-site .sc-hero-copy h1 { font-size: clamp(2.45rem, 13vw, 4rem) !important; line-height:.94 !important; }\n  .sc-site .sc-section-head h2,\n  .sc-site .sc-contact-card h2,\n  .sc-site .sc-service-main h3,\n  .sc-site .sc-motion-copy h3,\n  .sc-site .sc-video-copy h3 { font-size: clamp(1.85rem, 9vw, 3rem) !important; line-height: 1 !important; }\n}\n\n\n.sc-site.sc-services .sc-hero .sc-card {\n  max-width: 560px;\n}\n.sc-site.sc-services .sc-hero .sc-card h3 {\n  font-size: clamp(1.45rem, 2.05vw, 2.15rem) !important;\n  line-height: 1.04 !important;\n  letter-spacing: -.035em !important;\n  max-width: 18ch !important;\n  text-wrap: balance;\n}\n.sc-site.sc-services .sc-hero .sc-card > p {\n  max-width: 48ch;\n  font-size: clamp(.98rem, 1.05vw, 1.08rem);\n  line-height: 1.7;\n}\n.sc-route-list {\n  display: grid;\n  gap: 12px;\n  margin-top: 18px;\n}\n.sc-route-list > div {\n  display: grid;\n  grid-template-columns: 44px minmax(0, 1fr);\n  gap: 14px;\n  align-items: start;\n  padding-top: 12px;\n  border-top: 1px solid rgba(255,255,255,.08);\n}\n.sc-route-list .sc-card-kicker {\n  margin: 0;\n  color: var(--sc-purple-2);\n}\n.sc-route-list p {\n  margin: 0;\n  max-width: 38ch;\n  color: var(--sc-muted);\n  font-size: .98rem;\n  line-height: 1.55;\n}\n.sc-site.sc-services .sc-impact-work-grid {\n  display: grid !important;\n  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;\n  gap: 20px !important;\n  align-items: stretch !important;\n}\n.sc-site.sc-services .sc-impact-wide {\n  grid-column: 1 \/ -1 !important;\n  display: grid !important;\n  grid-template-columns: minmax(0, 1.35fr) minmax(320px, .65fr) !important;\n  align-items: stretch !important;\n}\n.sc-site.sc-services .sc-impact-square {\n  grid-column: span 5 !important;\n  aspect-ratio: 1 \/ 1 !important;\n  min-height: 0 !important;\n}\n.sc-site.sc-services .sc-impact-square img {\n  aspect-ratio: 1 \/ 1 !important;\n  min-height: 0 !important;\n  object-fit: cover !important;\n}\n.sc-site.sc-services .sc-impact-website {\n  grid-column: span 7 !important;\n  display: grid !important;\n  grid-template-columns: 1fr !important;\n  align-content: start !important;\n}\n.sc-site.sc-services .sc-impact-website video {\n  width: 100% !important;\n  aspect-ratio: 16 \/ 9 !important;\n  height: auto !important;\n  min-height: 0 !important;\n  object-fit: cover !important;\n}\n.sc-site.sc-services .sc-impact-website .sc-video-copy {\n  padding: 20px 22px 22px !important;\n  min-height: 0 !important;\n}\n.sc-site.sc-services .sc-impact-work .sc-video-copy h3 {\n  font-size: clamp(1.75rem, 3vw, 3.2rem) !important;\n  line-height: 1.01 !important;\n  letter-spacing: -.05em !important;\n  max-width: 15.5ch !important;\n}\n.sc-site.sc-services .sc-impact-website .sc-video-copy h3 {\n  font-size: clamp(1.55rem, 2.35vw, 2.55rem) !important;\n  max-width: 18ch !important;\n}\n.sc-site.sc-services .sc-impact-work .sc-video-copy p {\n  font-size: clamp(.92rem, 1vw, 1rem);\n  line-height: 1.55;\n  max-width: 46ch;\n}\n.sc-site.sc-services .sc-service-main h3 {\n  max-width: 18ch !important;\n}\n@media (max-width: 980px) {\n  .sc-site.sc-services .sc-impact-work-grid { grid-template-columns: 1fr !important; }\n  .sc-site.sc-services .sc-impact-wide,\n  .sc-site.sc-services .sc-impact-square,\n  .sc-site.sc-services .sc-impact-website { grid-column: auto !important; }\n  .sc-site.sc-services .sc-impact-wide { grid-template-columns: 1fr !important; }\n  .sc-site.sc-services .sc-impact-work .sc-video-copy h3,\n  .sc-site.sc-services .sc-impact-website .sc-video-copy h3 { max-width: 20ch !important; }\n}\n@media (max-width: 640px) {\n  .sc-site.sc-services .sc-hero .sc-card h3 { font-size: clamp(1.45rem, 7vw, 2.05rem) !important; max-width: 16ch !important; }\n  .sc-route-list > div { grid-template-columns: 36px minmax(0,1fr); gap: 10px; }\n  .sc-route-list p { font-size: .95rem; }\n  .sc-site.sc-services .sc-impact-work .sc-video-copy h3,\n  .sc-site.sc-services .sc-impact-website .sc-video-copy h3 { font-size: clamp(1.55rem, 8vw, 2.25rem) !important; max-width: 18ch !important; }\n}\n\n\n.sc-site.sc-services .sc-work-bento-v20 {\n  display: grid !important;\n  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;\n  gap: 22px !important;\n  align-items: stretch !important;\n}\n.sc-site.sc-services .sc-bento-panel {\n  position: relative !important;\n  overflow: hidden !important;\n  border: 1px solid var(--sc-line) !important;\n  border-radius: var(--sc-radius-xl) !important;\n  background: linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.03)) !important;\n  box-shadow: 0 28px 90px var(--sc-shadow) !important;\n}\n.sc-site.sc-services .sc-bento-iso { grid-column: 1 \/ -1 !important; display: grid !important; grid-template-columns: minmax(0, 1.25fr) minmax(320px, .75fr) !important; }\n.sc-site.sc-services .sc-bento-social { grid-column: span 6 !important; display: grid !important; grid-template-rows: auto min-content !important; }\n.sc-site.sc-services .sc-bento-website { grid-column: span 6 !important; display: grid !important; grid-template-rows: auto min-content !important; }\n.sc-site.sc-services .sc-bento-media { position: relative !important; overflow: hidden !important; background: #05070E !important; }\n.sc-site.sc-services .sc-bento-iso .sc-bento-media { aspect-ratio: 16 \/ 9 !important; min-height: 0 !important; }\n.sc-site.sc-services .sc-bento-social-media { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 0 !important; aspect-ratio: 2 \/ 1 !important; }\n.sc-site.sc-services .sc-bento-website .sc-bento-media { aspect-ratio: 16 \/ 9 !important; }\n.sc-site.sc-services .sc-bento-media img,\n.sc-site.sc-services .sc-bento-media video { display: block !important; width: 100% !important; height: 100% !important; min-height: 0 !important; object-fit: cover !important; background: #05070E !important; }\n.sc-site.sc-services .sc-bento-website .sc-bento-media video { object-fit: contain !important; padding: 20px !important; background: radial-gradient(circle at 50% 25%, rgba(117,91,255,.24), transparent 40%), #05070E !important; }\n.sc-site.sc-services .sc-bento-copy { padding: 24px 26px 26px !important; display: grid !important; gap: 10px !important; align-content: start !important; }\n.sc-site.sc-services .sc-bento-copy .sc-card-kicker { margin: 0 !important; }\n.sc-site.sc-services .sc-bento-copy h3 { margin: 0 !important; font-size: clamp(1.85rem, 3.4vw, 3.45rem) !important; line-height: 1.01 !important; letter-spacing: -.055em !important; max-width: 14ch !important; }\n.sc-site.sc-services .sc-bento-social .sc-bento-copy h3,\n.sc-site.sc-services .sc-bento-website .sc-bento-copy h3 { font-size: clamp(1.55rem, 2.4vw, 2.45rem) !important; max-width: 17ch !important; }\n.sc-site.sc-services .sc-bento-copy p { margin: 0 !important; max-width: 46ch !important; font-size: .98rem !important; line-height: 1.55 !important; color: var(--sc-muted) !important; }\n.sc-site.sc-services .sc-impact-work .sc-video-card,\n.sc-site.sc-services .sc-impact-work .sc-showcase-card { min-height: 0 !important; }\n@media (max-width: 980px) {\n  .sc-site.sc-services .sc-work-bento-v20 { grid-template-columns: 1fr !important; }\n  .sc-site.sc-services .sc-bento-iso,\n  .sc-site.sc-services .sc-bento-social,\n  .sc-site.sc-services .sc-bento-website { grid-column: auto !important; grid-template-columns: 1fr !important; }\n  .sc-site.sc-services .sc-bento-social-media { aspect-ratio: 1 \/ 1 !important; }\n}\n@media (max-width: 640px) {\n  .sc-site.sc-services .sc-bento-copy { padding: 20px !important; }\n  .sc-site.sc-services .sc-bento-copy h3,\n  .sc-site.sc-services .sc-bento-social .sc-bento-copy h3,\n  .sc-site.sc-services .sc-bento-website .sc-bento-copy h3 { font-size: clamp(1.55rem, 8vw, 2.4rem) !important; max-width: 18ch !important; }\n  .sc-site.sc-services .sc-bento-social-media { grid-template-columns: 1fr 1fr !important; aspect-ratio: 1.35 \/ 1 !important; }\n}\n\nhtml,body{max-width:100%;overflow-x:clip!important}\n.sc-site :where(h1,h2,h3){max-width:100%;overflow:visible;text-wrap:balance;word-break:normal;overflow-wrap:normal;padding-bottom:.075em}\n.sc-site :where(p,li,small,a,button,input,textarea,select){overflow-wrap:break-word}\n.sc-site .sc-nav-actions{flex-wrap:nowrap}\n.sc-site .sc-lang-switch{display:inline-flex;align-items:center;gap:3px;min-height:44px;padding:4px;border:1px solid var(--sc-line,rgba(196,167,255,.22));border-radius:999px;background:rgba(7,10,18,.58);box-shadow:inset 0 1px 0 rgba(255,255,255,.05);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}\n.sc-site .sc-lang-switch a{display:grid;place-items:center;min-width:34px;min-height:34px;padding:0 8px;border-radius:999px;color:var(--sc-muted,#d7dae8)!important;text-decoration:none!important;font-size:.72rem;font-weight:900;letter-spacing:.05em;transition:background .18s ease,color .18s ease,transform .18s ease}\n.sc-site .sc-lang-switch a:hover,.sc-site .sc-lang-switch a:focus-visible{color:var(--sc-text,#fff)!important;background:rgba(196,167,255,.12);outline:none;transform:translateY(-1px)}\n.sc-site .sc-lang-switch a.is-active{color:#fff!important;background:linear-gradient(135deg,var(--sc-accent-2,#9b6bff),var(--sc-accent-3,#5460f9));box-shadow:0 8px 22px rgba(84,96,249,.22)}\n.sc-site[data-theme=\"light\"] .sc-lang-switch{background:rgba(255,255,255,.78)}\n.sc-site[data-theme=\"light\"] .sc-brand-mark{padding:7px;border-radius:17px;background:#171323;box-shadow:0 10px 26px rgba(42,34,68,.16)}\n.sc-site[data-theme=\"light\"] .sc-brand-mark img{width:100%!important;height:100%!important;object-fit:contain!important}\n.sc-site .sc-language-notice{position:fixed;z-index:8990;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(680px,calc(100% - 32px));display:flex;align-items:center;gap:12px;padding:12px 14px 12px 18px;border:1px solid var(--sc-line-strong,rgba(196,167,255,.34));border-radius:20px;background:rgba(10,14,28,.94);color:var(--sc-text,#fff);box-shadow:0 22px 70px rgba(0,0,0,.38);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}\n.sc-site .sc-language-notice[hidden]{display:none!important}\n.sc-site.is-menu-open .sc-language-notice{display:none!important}\nhtml body.sc-menu-lock .sc-site .sc-header{position:fixed!important;inset:0 0 auto 0!important;width:100%!important}\n.sc-site.is-menu-open .sc-header{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}\n.sc-site.is-menu-open .sc-nav-shell{position:relative!important;z-index:9001!important}\n.sc-site .sc-language-notice p{display:grid;gap:2px;min-width:0;margin:0 auto 0 0;font-size:.86rem;line-height:1.25}\n.sc-site .sc-language-notice p span{color:var(--sc-muted,#d7dae8);font-size:.78rem}\n.sc-site .sc-language-notice a,.sc-site .sc-language-notice button{min-height:40px;border-radius:999px;padding:0 14px;border:1px solid var(--sc-line,rgba(196,167,255,.22));white-space:nowrap;font-size:.75rem;font-weight:850;cursor:pointer}\n.sc-site .sc-language-notice a{display:inline-flex;align-items:center;color:#fff!important;text-decoration:none!important;border-color:transparent;background:linear-gradient(135deg,var(--sc-accent-2,#9b6bff),var(--sc-accent-3,#5460f9))}\n.sc-site .sc-language-notice button{color:var(--sc-muted,#d7dae8);background:transparent}\n.sc-site[data-theme=\"light\"] .sc-language-notice{background:rgba(255,255,255,.96)}\n@media(max-width:760px){\n  .sc-site .sc-nav-shell{gap:8px}\n  .sc-site .sc-nav-actions{gap:6px}\n  .sc-site .sc-menu{background:#050711!important}\n  .sc-site[data-theme=\"light\"] .sc-menu{background:#f7f2ea!important}\n  .sc-site .sc-menu-links a{grid-template-columns:40px minmax(0,1fr)!important;grid-template-areas:\"index label\" \". hint\"!important;gap:4px 12px!important;padding:14px 0!important}\n  .sc-site .sc-menu-index{grid-area:index!important}\n  .sc-site .sc-menu-label{grid-area:label!important;font-size:clamp(1.95rem,10vw,3rem)!important;line-height:.94!important}\n  .sc-site .sc-menu-hint{grid-area:hint!important;justify-self:start!important;max-width:32ch!important;text-align:left!important;opacity:.72!important;transform:none!important;font-size:.74rem!important;line-height:1.35!important}\n  .sc-site .sc-lang-switch{min-height:40px;padding:3px}\n  .sc-site .sc-lang-switch a{min-width:29px;min-height:32px;padding:0 6px;font-size:.66rem}\n  .sc-site .sc-language-notice{align-items:stretch;flex-wrap:wrap;padding:14px 14px 14px 16px}\n  .sc-site .sc-language-notice p{flex:1 0 100%}\n  .sc-site .sc-language-notice a,.sc-site .sc-language-notice button{flex:1;justify-content:center}\n}\n@media(max-width:520px){\n  .sc-site .sc-brand-text small{display:none!important}\n  .sc-site .sc-brand-text strong{font-size:.88rem!important;max-width:11ch}\n  .sc-site .sc-brand-mark,.sc-site .sc-brand-mark img{width:50px!important;height:50px!important}\n  .sc-site .sc-theme-toggle{width:42px!important;min-width:42px!important}\n  .sc-site .sc-menu-toggle{width:44px!important;min-width:44px!important}\n  .sc-site .sc-nav-actions{gap:5px}\n  .sc-site .sc-language-notice{bottom:max(8px,env(safe-area-inset-bottom));gap:8px;padding:10px 11px 10px 13px;border-radius:17px}\n  .sc-site .sc-language-notice p span{display:none}\n  .sc-site .sc-language-notice a,.sc-site .sc-language-notice button{min-height:36px;padding:0 10px;font-size:.69rem}\n}\n@media(max-width:390px){.sc-site .sc-brand-text{display:none!important}}\n@media(prefers-reduced-motion:reduce){.sc-site .sc-lang-switch a{transition:none!important}.sc-site .sc-language-notice{scroll-behavior:auto}}\n\n@view-transition{navigation:auto}\nhtml:has(.sc-site){color-scheme:dark;max-width:100%;overflow-x:clip}\nhtml:has(.sc-site[data-theme=\"light\"]){color-scheme:light}\nbody:has(.sc-site){margin:0!important;max-width:100%!important;overflow-x:clip!important}\n.sc-theme-chrome-hidden,.sc-elementor-orphan,.sc-fluent-source-empty{display:none!important;visibility:hidden!important;width:0!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;opacity:0!important;overflow:hidden!important;pointer-events:none!important}\n.sc-site{width:100vw!important;max-width:none!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important}\n.sc-site :is(section,[id]){scroll-margin-top:104px}\n.sc-site :is(a,button,input,textarea,select,summary,[tabindex]):focus-visible{outline:3px solid var(--sc-accent,#c4a7ff)!important;outline-offset:3px!important}\n\n\n.sc-site .sc-nav-actions{display:flex!important;align-items:center!important;gap:7px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;flex-wrap:nowrap!important}\n.sc-site .sc-lang-switch{display:inline-flex!important;align-items:center!important;gap:2px!important;min-height:42px!important;padding:3px!important;border:1px solid var(--sc-line,rgba(196,167,255,.22))!important;border-radius:999px!important;background:rgba(7,10,18,.62)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.045)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important}\n.sc-site[data-theme=\"light\"] .sc-lang-switch{background:rgba(255,255,255,.86)!important}\n.sc-site .sc-lang-switch a{display:grid!important;place-items:center!important;min-width:33px!important;min-height:34px!important;padding:0 7px!important;border-radius:999px!important;color:var(--sc-muted,#d7dae8)!important;text-decoration:none!important;font-size:.68rem!important;font-weight:900!important;line-height:1!important;letter-spacing:.04em!important;box-shadow:none!important;transition:background .16s ease,color .16s ease!important}\n.sc-site .sc-lang-switch a:hover,.sc-site .sc-lang-switch a:focus-visible{color:var(--sc-text,#fff)!important;background:rgba(196,167,255,.10)!important;transform:none!important}\n.sc-site .sc-lang-switch a.is-active{color:#fff!important;background:linear-gradient(135deg,var(--sc-accent-2,#9b6bff),var(--sc-accent-3,#5460f9))!important;box-shadow:0 6px 16px rgba(84,96,249,.20)!important}\n.sc-site .sc-theme-toggle{display:grid!important;place-items:center!important;width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;padding:0!important;border:1px solid var(--sc-line,rgba(196,167,255,.22))!important;border-radius:999px!important;color:var(--sc-text,#fff)!important;background:rgba(7,10,18,.62)!important;box-shadow:none!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important}\n.sc-site[data-theme=\"light\"] .sc-theme-toggle{background:rgba(255,255,255,.86)!important}\n.sc-site .sc-theme-toggle:hover{border-color:var(--sc-line-strong,rgba(196,167,255,.36))!important;background:rgba(196,167,255,.10)!important}\n.sc-site .sc-theme-label{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}\n.sc-site .sc-theme-icon{font-size:.92rem!important;line-height:1!important}\n.sc-site .sc-menu-toggle{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;width:auto!important;min-width:92px!important;height:42px!important;min-height:42px!important;padding:0 14px!important;border:1px solid var(--sc-line,rgba(196,167,255,.22))!important;border-radius:999px!important;color:var(--sc-text,#fff)!important;background:rgba(7,10,18,.62)!important;box-shadow:none!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;cursor:pointer!important}\n.sc-site[data-theme=\"light\"] .sc-menu-toggle{background:rgba(255,255,255,.86)!important}\n.sc-site .sc-menu-toggle:hover{border-color:var(--sc-line-strong,rgba(196,167,255,.36))!important;background:rgba(196,167,255,.10)!important}\n.sc-site .sc-menu-toggle::before,.sc-site .sc-menu-toggle::after{display:none!important;content:none!important}\n.sc-site .sc-menu-toggle>span{position:static!important;inset:auto!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;opacity:1!important;transform:none!important}\n.sc-site .sc-menu-toggle-label{font-size:.73rem!important;font-weight:850!important;line-height:1!important;letter-spacing:.01em!important}\n.sc-site .sc-menu-toggle-lines{display:grid!important;width:18px!important;gap:5px!important}\n.sc-site .sc-menu-toggle-lines i{display:block!important;width:18px!important;height:1.5px!important;border-radius:99px!important;background:currentColor!important;transform-origin:center!important;transition:transform .18s ease!important}\n.sc-site.is-menu-open .sc-menu-toggle-lines i:first-child{transform:translateY(3.25px) rotate(45deg)!important}\n.sc-site.is-menu-open .sc-menu-toggle-lines i:last-child{transform:translateY(-3.25px) rotate(-45deg)!important}\n\n\n.sc-site .sc-menu{place-items:start center!important;padding:clamp(118px,15vh,160px) 24px 46px!important;background:rgba(5,7,17,.985)!important;transform:none!important;transition:opacity .18s ease,visibility .18s ease!important}\n.sc-site[data-theme=\"light\"] .sc-menu{background:rgba(247,242,234,.985)!important}\n.sc-site .sc-menu-inner{width:min(720px,100%)!important;align-content:start!important}\n.sc-site .sc-menu-kicker{margin-bottom:10px!important;font-size:.68rem!important;letter-spacing:.16em!important}\n.sc-site .sc-menu-links a{display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;align-items:center!important;gap:12px!important;padding:12px 0!important;border-bottom:1px solid var(--sc-line,rgba(196,167,255,.18))!important;text-decoration:none!important}\n.sc-site .sc-menu-index{font-size:.68rem!important}\n.sc-site .sc-menu-label{font-size:clamp(2.1rem,5.3vw,4.25rem)!important;line-height:.92!important;letter-spacing:-.055em!important;transition:color .14s ease,transform .14s ease!important}\n.sc-site .sc-menu-hint{display:none!important}\n.sc-site .sc-menu-links a:hover .sc-menu-label,.sc-site .sc-menu-links a:focus-visible .sc-menu-label{transform:translateX(5px)!important}\n.sc-site .sc-menu-bottom{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;margin-top:22px!important}\n.sc-site .sc-menu-bottom::before{content:\"Klaar om te schakelen?\";color:var(--sc-soft,#aeb6cc);font-size:.78rem;font-weight:760}\n.sc-site[data-language=\"en\"] .sc-menu-bottom::before{content:\"Ready to talk?\"}\n.sc-site .sc-menu-bottom .sc-nav-button{min-height:46px!important;padding:0 17px!important;font-size:.78rem!important;box-shadow:none!important}\nhtml body.sc-menu-lock .sc-site .sc-header{position:fixed!important;inset:0 0 auto!important;width:100%!important}\n.sc-site.is-menu-open .sc-nav-shell{position:relative!important;z-index:9001!important}\n\n\n@media(prefers-reduced-motion:no-preference){\n  .sc-site.sc-scroll-ready main>section.sc-section-watch{transition:opacity .48s ease,transform .48s cubic-bezier(.2,.75,.25,1)}\n  .sc-site.sc-scroll-ready main>section.sc-section-watch:not(.is-inview){opacity:.28;transform:translateY(12px)}\n  .sc-site .sc-reveal{transition-timing-function:cubic-bezier(.2,.75,.25,1)!important}\n  .sc-site .sc-brand-mark{transition:transform .2s ease}\n  .sc-site .sc-brand:hover .sc-brand-mark{transform:translateY(-2px) rotate(-2deg)}\n}\n\n\n.sc-site.sc-work .sc-work-runway{padding-bottom:clamp(74px,9vw,126px)!important}\n.sc-site.sc-work .sc-work-runway-shell{position:relative!important;min-height:min(900px,86svh)!important;grid-template-rows:auto minmax(470px,1fr) auto!important;border-color:var(--sc-line-strong)!important;border-radius:34px!important;background:radial-gradient(circle at 50% 35%,rgba(132,100,255,.10),transparent 43%),linear-gradient(180deg,rgba(10,14,27,.98),rgba(6,9,19,.99))!important;box-shadow:0 36px 110px rgba(0,0,0,.36)!important;overflow:hidden!important}\n.sc-site.sc-work[data-theme=\"light\"] .sc-work-runway-shell{background:radial-gradient(circle at 50% 35%,rgba(94,69,216,.11),transparent 43%),linear-gradient(180deg,rgba(255,255,255,.98),rgba(244,240,249,.98))!important}\n.sc-site.sc-work .sc-work-stage{min-height:470px!important}\n.sc-site.sc-work .sc-work-case{overflow:hidden!important;border-color:rgba(196,167,255,.14)!important;background:#080b15!important}\n.sc-site.sc-work .sc-work-case.is-active{border-color:rgba(196,167,255,.42)!important;box-shadow:0 32px 100px rgba(0,0,0,.46),0 0 0 1px rgba(196,167,255,.06)!important}\n.sc-site.sc-work .sc-work-case-copy{position:absolute!important;z-index:8!important;inset:auto 0 0!important;display:grid!important;gap:7px!important;padding:clamp(64px,8vw,102px) clamp(20px,3vw,36px) clamp(20px,3vw,34px)!important;color:#fff!important;background:linear-gradient(180deg,transparent,rgba(5,7,17,.48) 26%,rgba(5,7,17,.96) 100%)!important;opacity:0!important;transform:translateY(10px)!important;pointer-events:none!important;transition:opacity .22s ease,transform .22s ease!important}\n.sc-site.sc-work .sc-work-case.is-active .sc-work-case-copy{opacity:1!important;transform:none!important}\n.sc-site.sc-work .sc-work-case-copy small{color:#c4a7ff!important;font-size:.67rem!important;font-weight:900!important;letter-spacing:.12em!important;text-transform:uppercase!important}\n.sc-site.sc-work .sc-work-case-copy h3{max-width:18ch!important;margin:0!important;color:#fff!important;font-size:clamp(1.65rem,3.2vw,3.1rem)!important;line-height:.94!important;letter-spacing:-.055em!important}\n.sc-site.sc-work .sc-work-case-copy p{max-width:48ch!important;margin:0!important;color:rgba(255,255,255,.78)!important;font-size:clamp(.8rem,1.2vw,.98rem)!important;line-height:1.48!important}\n.sc-site.sc-work .sc-work-runway-top{position:relative!important;z-index:10!important;background:linear-gradient(180deg,rgba(5,7,17,.76),transparent)!important}\n.sc-site.sc-work[data-theme=\"light\"] .sc-work-runway-top{background:linear-gradient(180deg,rgba(255,255,255,.72),transparent)!important}\n.sc-site.sc-work .sc-work-runway-bottom{position:relative!important;z-index:10!important;padding-top:20px!important;padding-bottom:22px!important;border-top:1px solid var(--sc-line)!important;background:rgba(7,10,18,.78)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important}\n.sc-site.sc-work[data-theme=\"light\"] .sc-work-runway-bottom{background:rgba(255,255,255,.80)!important}\n.sc-site.sc-work .sc-work-meta-title strong{font-size:clamp(2rem,4vw,3.75rem)!important;line-height:.93!important}\n.sc-site.sc-work .sc-work-meta-item p{font-size:.86rem!important;line-height:1.5!important}\n.sc-site.sc-work .sc-work-see{color:var(--sc-accent)!important;font-weight:850!important}\n.sc-work-choices{padding:clamp(82px,10vw,132px) 0;border-top:1px solid var(--sc-line);border-bottom:1px solid var(--sc-line);background:linear-gradient(180deg,rgba(196,167,255,.035),transparent)}\n.sc-work-choices-head{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(280px,.62fr);align-items:end;gap:clamp(24px,6vw,72px);margin-bottom:32px}\n.sc-work-choices-head h2{max-width:13ch;margin:0;font-size:clamp(2.8rem,5.9vw,6rem);line-height:.91;letter-spacing:-.068em}\n.sc-work-choices-head>p{margin:0;color:var(--sc-muted);font-size:1rem;line-height:1.7}\n.sc-work-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}\n.sc-work-choice{position:relative;min-height:250px;padding:26px;border:1px solid var(--sc-line);border-radius:22px;background:linear-gradient(160deg,rgba(196,167,255,.065),rgba(10,14,27,.86));overflow:hidden}\n.sc-site[data-theme=\"light\"] .sc-work-choice{background:linear-gradient(160deg,rgba(94,69,216,.07),rgba(255,255,255,.90))}\n.sc-work-choice::after{content:attr(data-step);position:absolute;right:16px;bottom:-22px;color:rgba(196,167,255,.07);font-size:7rem;font-weight:950;line-height:1}\n.sc-work-choice span{display:inline-flex;margin-bottom:44px;color:var(--sc-accent);font-size:.7rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}\n.sc-work-choice h3{position:relative;z-index:1;margin:0 0 10px;font-size:1.45rem;letter-spacing:-.035em}\n.sc-work-choice p{position:relative;z-index:1;margin:0;color:var(--sc-muted);font-size:.9rem;line-height:1.62}\n.sc-site.sc-work .sc-work-contact .sc-contact-card{max-width:none!important;border-color:var(--sc-line-strong)!important;border-radius:30px!important;background:linear-gradient(135deg,rgba(196,167,255,.12),rgba(17,24,43,.94) 42%,rgba(9,13,27,.98))!important;box-shadow:0 34px 100px rgba(0,0,0,.25)!important}\n.sc-site.sc-work[data-theme=\"light\"] .sc-work-contact .sc-contact-card{background:linear-gradient(135deg,rgba(94,69,216,.10),rgba(255,255,255,.97) 44%,rgba(247,242,234,.98))!important}\n.sc-site.sc-work .sc-work-contact .sc-contact-card h2{max-width:12ch!important;font-size:clamp(2.7rem,5.6vw,5.7rem)!important;line-height:.92!important}\n\n.scx-contact-route{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:14px;min-height:260px;padding:clamp(24px,4vw,44px);border:1px solid var(--sc-line,rgba(196,167,255,.2));border-radius:24px;background:linear-gradient(145deg,rgba(196,167,255,.08),rgba(7,10,18,.40))}\n.scx-contact-route strong{max-width:17ch;font-size:clamp(1.65rem,3vw,2.8rem);line-height:1;letter-spacing:-.045em}\n.scx-contact-route p{max-width:42ch;margin:0;color:var(--sc-muted,#d7dae8);line-height:1.6}\n\n@media(max-width:900px){\n  .sc-work-choices-head{grid-template-columns:1fr}\n  .sc-work-choice-grid{grid-template-columns:1fr}\n  .sc-work-choice{min-height:210px}\n}\n@media(max-width:680px){\n  .sc-site .sc-nav-actions{gap:5px!important}\n  .sc-site .sc-lang-switch{min-height:38px!important;padding:2px!important}\n  .sc-site .sc-lang-switch a{min-width:29px!important;min-height:32px!important;padding:0 5px!important;font-size:.64rem!important}\n  .sc-site .sc-theme-toggle{width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important}\n  .sc-site .sc-menu-toggle{min-width:74px!important;height:38px!important;min-height:38px!important;padding:0 10px!important;gap:7px!important}\n  .sc-site .sc-menu-toggle-label{font-size:.68rem!important}\n  .sc-site .sc-menu{padding:102px 18px 34px!important}\n  .sc-site .sc-menu-links a{grid-template-columns:34px minmax(0,1fr)!important;padding:12px 0!important}\n  .sc-site .sc-menu-label{font-size:clamp(2.05rem,11vw,3.15rem)!important}\n  .sc-site .sc-menu-bottom{align-items:flex-start!important;flex-direction:column!important}\n  .sc-site.sc-work .sc-work-runway-shell{min-height:760px!important;grid-template-rows:auto minmax(390px,1fr) auto!important;border-radius:24px!important}\n  .sc-site.sc-work .sc-work-stage{min-height:390px!important}\n  .sc-site.sc-work .sc-work-case-copy{padding:56px 18px 18px!important}\n  .sc-site.sc-work .sc-work-case-copy h3{font-size:clamp(1.45rem,8vw,2.2rem)!important}\n  .sc-site.sc-work .sc-work-case-copy p{font-size:.76rem!important}\n  .sc-site.sc-work .sc-work-meta{grid-template-columns:1fr!important}\n  .sc-work-choices{padding:72px 0}\n}\n@media(max-width:420px){\n  .sc-site .sc-brand-text{display:none!important}\n  .sc-site .sc-menu-toggle{min-width:42px!important;width:42px!important;padding:0!important}\n  .sc-site .sc-menu-toggle-label{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important}\n}\n@media(prefers-reduced-motion:reduce){\n  ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}\n  .sc-site main>section,.sc-site .sc-work-case-copy,.sc-site .sc-menu-label{transform:none!important;transition:none!important}\n}\n\n.sc-site{\n  --sc-exp-text:var(--sc-text,var(--scx-text,#f8f7ff));\n  --sc-exp-muted:var(--sc-muted,var(--scx-muted,#d7dae8));\n  --sc-exp-soft:var(--sc-soft,var(--scx-soft,#aeb6cc));\n  --sc-exp-accent:var(--sc-accent,var(--scx-accent,#c4a7ff));\n  --sc-exp-line:var(--sc-line,var(--scx-line,rgba(196,167,255,.2)));\n  --sc-exp-line-strong:var(--sc-line-strong,var(--scx-line-strong,rgba(196,167,255,.36)));\n  display:block!important;\n  visibility:visible!important;\n  opacity:1!important;\n  position:relative!important;\n  left:auto!important;\n  right:auto!important;\n  width:100vw!important;\n  max-width:none!important;\n  min-width:0!important;\n  min-height:100svh!important;\n  margin-left:calc(50% - 50vw)!important;\n  margin-right:calc(50% - 50vw)!important;\n}\nbody:not(.elementor-editor-active):not(.elementor-editor-preview) :is(.elementor-widget-html,.elementor-widget-container,.e-con,.e-con-inner,.elementor-section,.elementor-container,.elementor-column):has(.sc-site){max-width:none!important;overflow:visible!important}\nbody:not(.elementor-editor-active):not(.elementor-editor-preview) .sc-site>.sc-header,\nbody:not(.elementor-editor-active):not(.elementor-editor-preview) .sc-site>header.scx-header,\nbody:not(.elementor-editor-active):not(.elementor-editor-preview) .sc-site>footer{\n  display:block!important;visibility:visible!important;opacity:1!important;height:auto!important;min-height:0!important;overflow:visible!important;pointer-events:auto!important;\n}\nbody.elementor-editor-active .sc-site,\nbody.elementor-editor-preview .sc-site{display:block!important;visibility:visible!important;opacity:1!important;min-height:100svh!important}\nbody.elementor-editor-active .sc-site :is(.sc-reveal,.scx-reveal),\nbody.elementor-editor-preview .sc-site :is(.sc-reveal,.scx-reveal),\n.sc-site:not(.sc-experience-ready) :is(.sc-reveal,.scx-reveal){opacity:1!important;transform:none!important;filter:none!important}\n.sc-site.sc-scroll-ready main>section.sc-section-watch{opacity:1!important;transform:none!important}\n\n\n.sc-desktop-nav{display:none;align-items:center;justify-content:center;gap:clamp(13px,1.5vw,24px);margin-left:auto}\n.sc-desktop-nav a{position:relative;display:inline-flex;align-items:center;min-height:42px;padding:0 2px;color:var(--sc-exp-muted)!important;text-decoration:none!important;font-size:clamp(.72rem,.82vw,.82rem);font-weight:820;line-height:1;letter-spacing:.005em;white-space:nowrap;transition:color .18s ease,transform .18s ease}\n.sc-desktop-nav a::after{content:\"\";position:absolute;left:0;right:0;bottom:5px;height:1px;background:linear-gradient(90deg,var(--sc-exp-accent),#5460f9);transform:scaleX(0);transform-origin:left;transition:transform .2s ease}\n.sc-desktop-nav a:hover,.sc-desktop-nav a:focus-visible{color:var(--sc-exp-text)!important;transform:translateY(-1px)}\n.sc-desktop-nav a:hover::after,.sc-desktop-nav a:focus-visible::after,.sc-desktop-nav a[aria-current=\"page\"]::after{transform:scaleX(1)}\n.sc-desktop-nav a[aria-current=\"page\"]{color:var(--sc-exp-text)!important}\n.sc-desktop-nav a[aria-current=\"page\"]::before{content:\"\";width:5px;height:5px;margin-right:7px;border-radius:1px;background:var(--sc-exp-accent);box-shadow:0 0 12px rgba(196,167,255,.5)}\n@media(min-width:1101px){\n  .sc-site .sc-nav-shell{gap:clamp(16px,2vw,30px)!important}\n  .sc-desktop-nav{display:flex}\n  .sc-site .sc-nav-actions{margin-left:0!important;gap:7px!important}\n  .sc-site .sc-menu-toggle,.sc-site .sc-menu{display:none!important}\n  .sc-site .sc-theme-toggle{width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important}\n  .sc-site .sc-lang-switch{min-height:40px!important}\n  .sc-site .sc-brand-mark,.sc-site .sc-brand-mark img{width:60px!important;height:60px!important}\n  .sc-site .sc-brand-text strong{font-size:clamp(.9rem,1vw,1.02rem)!important}\n  .sc-site .sc-brand-text small{font-size:.58rem!important;letter-spacing:.09em!important}\n}\n@media(min-width:1101px) and (max-width:1240px){\n  .sc-site .sc-brand-text small{display:none!important}\n  .sc-desktop-nav{gap:13px}\n  .sc-desktop-nav a{font-size:.72rem}\n  .sc-site .sc-lang-switch a{min-width:29px!important;padding:0 5px!important}\n}\n\n\n@media(max-width:1100px){\n  .sc-desktop-nav{display:none!important}\n  .sc-site .sc-menu-toggle{display:grid!important;place-items:center!important;width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;padding:0!important;border-radius:50%!important;gap:0!important}\n  .sc-site .sc-menu-toggle-label{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}\n  .sc-site .sc-menu-toggle-lines{width:17px!important;gap:5px!important}\n  .sc-site .sc-menu-toggle-lines i{width:17px!important}\n}\n@media(max-width:680px){\n  .sc-site .sc-menu-toggle{width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important}\n}\n\n\n.sc-experience-scene{position:relative}\n.sc-experience-scene::after{content:\"SC \/ \" attr(data-sc-chapter);position:absolute;z-index:3;top:clamp(20px,3vw,42px);right:max(20px,calc((100vw - 1180px)\/2));color:var(--sc-exp-accent);font-size:.58rem;font-weight:900;line-height:1;letter-spacing:.18em;opacity:.38;pointer-events:none}\n.sc-experience-hud{position:fixed;z-index:8400;right:15px;top:50%;display:none;place-items:center;gap:9px;width:30px;padding:10px 0;border:1px solid var(--sc-exp-line);border-radius:999px;color:var(--sc-exp-soft);background:rgba(7,10,18,.58);box-shadow:0 12px 36px rgba(0,0,0,.18);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transform:translateY(-50%);pointer-events:none;transition:opacity .2s ease}\n.sc-site[data-theme=\"light\"] .sc-experience-hud{background:rgba(255,255,255,.72)}\n.sc-experience-hud small{font-size:.55rem;font-weight:900;letter-spacing:.05em;writing-mode:vertical-rl;transform:rotate(180deg)}\n.sc-experience-hud i{position:relative;width:2px;height:66px;border-radius:99px;background:var(--sc-exp-line);overflow:hidden}\n.sc-experience-hud i b{position:absolute;inset:0;background:linear-gradient(180deg,var(--sc-exp-accent),#5460f9);transform:scaleY(var(--sc-exp-progress,0));transform-origin:top;transition:transform .24s ease}\n.sc-experience-hud span{font-size:.56rem;font-weight:900;letter-spacing:.04em}\n.sc-site.is-menu-open .sc-experience-hud{opacity:0}\n@media(min-width:1320px){.sc-experience-hud{display:grid}}\n@media(max-width:900px){.sc-experience-scene::after{display:none}}\n\n\n@media(prefers-reduced-motion:no-preference){\n  .sc-site.sc-experience-ready .sc-experience-title{opacity:0;transform:translateY(22px);clip-path:inset(0 0 22% 0);transition:opacity .52s ease,transform .64s cubic-bezier(.18,.78,.2,1),clip-path .64s cubic-bezier(.18,.78,.2,1)}\n  .sc-site.sc-experience-ready .sc-experience-title.is-sc-visible{opacity:1;transform:none;clip-path:inset(0)}\n  .sc-site .sc-desktop-nav a:active{transform:translateY(0) scale(.98)}\n}\n\n\n.sc-home .scx-quote-story{border:1px solid var(--sc-exp-line-strong)!important;box-shadow:0 42px 120px rgba(0,0,0,.28)!important}\n.sc-home .scx-quote-story::before{content:\"\";position:absolute;inset:0;z-index:0;background:linear-gradient(115deg,transparent 18%,rgba(196,167,255,.055) 45%,transparent 72%);pointer-events:none}\n.sc-home .scx-quote-reading{position:relative;z-index:1}\n@supports(animation-timeline:view()){\n  @media(prefers-reduced-motion:no-preference){\n    .sc-home .scx-profile-photo.is-stage,.sc-home .scx-quote-story{animation:scExpDepth linear both;animation-timeline:view();animation-range:entry 4% cover 42%;transform-origin:center}\n  }\n}\n@keyframes scExpDepth{from{opacity:.78;transform:translateY(26px) scale(.97)}to{opacity:1;transform:none}}\n\n\n::view-transition-old(root){animation:scExpPageOut .16s ease both}\n::view-transition-new(root){animation:scExpPageIn .28s cubic-bezier(.2,.78,.2,1) both}\n@keyframes scExpPageOut{to{opacity:0;transform:translateY(-5px)}}\n@keyframes scExpPageIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}\n@media(prefers-reduced-motion:reduce){\n  ::view-transition-old(root),::view-transition-new(root){animation:none!important}\n  .sc-experience-title{opacity:1!important;transform:none!important;clip-path:none!important;transition:none!important}\n  .sc-experience-hud i b{transition:none!important}\n}\n\n.sc-motion-root {\n    --sc-motion-progress: 0;\n    --sc-motion-p: 0;\n    --sc-motion-y: 0px;\n    --sc-motion-deep-y: 0px;\n    --sc-motion-x: 0px;\n    --sc-motion-route: #9f7aea;\n  }\n\n  .sc-motion-root main {\n    position: relative;\n    isolation: isolate;\n  }\n\n  .sc-motion-root main > section {\n    position: relative;\n  }\n\n  .sc-motion-route-rail {\n    position: fixed;\n    z-index: 89;\n    top: 50%;\n    left: 20px;\n    width: 2px;\n    height: min(42vh, 340px);\n    border-radius: 99px;\n    background: color-mix(in srgb, var(--sc-motion-route) 16%, transparent);\n    transform: translateY(-50%);\n    pointer-events: none;\n  }\n\n  .sc-motion-route-rail::before {\n    content: \"\";\n    position: absolute;\n    inset: 0 0 auto;\n    height: calc(var(--sc-motion-progress) * 100%);\n    border-radius: inherit;\n    background: linear-gradient(180deg, #7c3aed, #4f46e5 52%, #ec4899);\n    box-shadow: 0 0 18px rgb(124 58 237 \/ 0.28);\n  }\n\n  .sc-motion-route-eagle {\n    position: absolute;\n    left: 50%;\n    top: calc(var(--sc-motion-progress) * 100%);\n    display: grid;\n    width: 27px;\n    height: 27px;\n    place-items: center;\n    border: 1px solid rgb(255 255 255 \/ 0.45);\n    border-radius: 50%;\n    background: rgb(20 20 30 \/ 0.82);\n    color: white;\n    font-size: 13px;\n    line-height: 1;\n    box-shadow: 0 7px 24px rgb(16 12 30 \/ 0.24);\n    transform: translate(-50%, -50%) rotate(calc(-7deg + var(--sc-motion-progress) * 14deg));\n    backdrop-filter: blur(14px);\n  }\n\n  .sc-motion-root.sc-motion-ready .sc-motion-reveal {\n    --sc-motion-enter-x: 0px;\n    --sc-motion-enter-y: 38px;\n    --sc-motion-enter-r: 0deg;\n    opacity: 0;\n    filter: blur(8px);\n    transform: translate3d(var(--sc-motion-enter-x), var(--sc-motion-enter-y), 0) rotate(var(--sc-motion-enter-r));\n    transition:\n      opacity 0.82s cubic-bezier(0.16, 1, 0.3, 1),\n      transform 0.95s cubic-bezier(0.16, 1, 0.3, 1),\n      filter 0.82s cubic-bezier(0.16, 1, 0.3, 1);\n    transition-delay: var(--sc-motion-delay, 0ms);\n    will-change: opacity, transform, filter;\n  }\n\n  .sc-motion-root.sc-motion-ready .sc-motion-reveal.sc-motion-from-left {\n    --sc-motion-enter-x: -84px;\n    --sc-motion-enter-y: 8px;\n    --sc-motion-enter-r: -0.8deg;\n  }\n\n  .sc-motion-root.sc-motion-ready .sc-motion-reveal.sc-motion-from-right {\n    --sc-motion-enter-x: 84px;\n    --sc-motion-enter-y: 8px;\n    --sc-motion-enter-r: 0.8deg;\n  }\n\n  .sc-motion-root.sc-motion-ready .sc-motion-reveal.sc-motion-from-top {\n    --sc-motion-enter-x: 0px;\n    --sc-motion-enter-y: -44px;\n    --sc-motion-enter-r: -0.25deg;\n  }\n\n  .sc-motion-root.sc-motion-ready .sc-motion-reveal.sc-motion-diagonal-left {\n    --sc-motion-enter-x: -76px;\n    --sc-motion-enter-y: 42px;\n    --sc-motion-enter-r: -1.15deg;\n  }\n\n  .sc-motion-root.sc-motion-ready .sc-motion-reveal.sc-motion-diagonal-right {\n    --sc-motion-enter-x: 76px;\n    --sc-motion-enter-y: 42px;\n    --sc-motion-enter-r: 1.15deg;\n  }\n\n  .sc-motion-root.sc-motion-ready .sc-motion-reveal.sc-motion-wipe-left {\n    clip-path: inset(0 100% 0 0 round 24px);\n    --sc-motion-enter-x: -26px;\n    --sc-motion-enter-y: 0px;\n  }\n\n  .sc-motion-root.sc-motion-ready .sc-motion-reveal.sc-motion-wipe-right {\n    clip-path: inset(0 0 0 100% round 24px);\n    --sc-motion-enter-x: 26px;\n    --sc-motion-enter-y: 0px;\n  }\n\n  .sc-motion-root.sc-motion-ready .sc-motion-reveal.sc-motion-zoom {\n    clip-path: inset(8% 8% 8% 8% round 28px);\n    transform: scale(0.94);\n  }\n\n  .sc-motion-root.sc-motion-ready .sc-motion-reveal.sc-motion-visible {\n    opacity: 1;\n    filter: none;\n    clip-path: inset(0 0 0 0 round 0);\n    transform: translate3d(0, 0, 0) rotate(0) scale(1);\n  }\n\n  .sc-motion-root .sc-motion-word {\n    --sc-motion-word-x: 0em;\n    --sc-motion-word-y: 0.72em;\n    --sc-motion-word-r: 1deg;\n    display: inline-block;\n    opacity: 0;\n    filter: blur(7px);\n    transform: translate3d(var(--sc-motion-word-x), var(--sc-motion-word-y), 0) rotate(var(--sc-motion-word-r));\n    transition:\n      opacity 0.62s cubic-bezier(0.16, 1, 0.3, 1),\n      transform 0.78s cubic-bezier(0.16, 1, 0.3, 1),\n      filter 0.62s ease;\n    transition-delay: calc(var(--sc-motion-word, 0) * 46ms + 80ms);\n  }\n\n  .sc-motion-root .sc-motion-scene-active .sc-motion-word,\n  .sc-motion-root .sc-motion-word.sc-motion-word-visible {\n    opacity: 1;\n    filter: none;\n    transform: translateY(0) rotate(0);\n  }\n\n  .sc-motion-root .sc-motion-media {\n    position: relative;\n    overflow: hidden;\n    isolation: isolate;\n  }\n\n  .sc-motion-root .sc-motion-media::after {\n    content: \"\";\n    position: absolute;\n    z-index: 4;\n    inset: -12%;\n    background: linear-gradient(108deg, transparent 28%, rgb(196 167 255 \/ 0.2) 47%, transparent 66%);\n    opacity: 0;\n    transform: translate3d(-112%, 0, 0);\n    transition: transform 1.1s cubic-bezier(0.16, 1, 0.3, 1) 0.18s, opacity 0.35s ease;\n    pointer-events: none;\n  }\n\n  .sc-motion-root .sc-motion-media.sc-motion-visible::after {\n    opacity: 1;\n    transform: translate3d(112%, 0, 0);\n  }\n\n  .sc-motion-root .sc-motion-media > :is(img, video, picture),\n  .sc-motion-root .sc-motion-media picture > img {\n    transition: transform 1.15s cubic-bezier(0.16, 1, 0.3, 1), filter 0.82s ease;\n    will-change: transform;\n  }\n\n  .sc-motion-root.sc-motion-ready .sc-motion-media:not(.sc-motion-visible) > :is(img, video, picture),\n  .sc-motion-root.sc-motion-ready .sc-motion-media:not(.sc-motion-visible) picture > img {\n    filter: saturate(0.82) contrast(0.94);\n    transform: translate3d(var(--sc-motion-media-x, 5%), var(--sc-motion-media-y, 0%), 0) scale(1.12);\n  }\n\n  .sc-motion-root .sc-motion-media.sc-motion-visible > :is(img, video, picture),\n  .sc-motion-root .sc-motion-media.sc-motion-visible picture > img {\n    filter: none;\n    transform: translate3d(0, calc((var(--sc-motion-p) - .5) * -10px), 0) scale(1.018);\n  }\n\n  .sc-motion-root .sc-motion-drift-y.sc-motion-visible {\n    transform: translate3d(0, var(--sc-motion-y), 0);\n  }\n\n  .sc-motion-root .sc-motion-drift-deep.sc-motion-visible {\n    transform: translate3d(0, var(--sc-motion-deep-y), 0) scale(calc(1 + var(--sc-motion-p) * 0.025));\n  }\n\n  .sc-motion-root .sc-motion-drift-x.sc-motion-visible {\n    transform: translate3d(var(--sc-motion-x), 0, 0);\n  }\n\n  .sc-motion-root .sc-motion-hero-scene {\n    overflow: clip;\n  }\n\n  .sc-motion-root.sc-motion-intro-play .sc-motion-hero-scene .sc-motion-hero-intro {\n    animation: scvHeroIntro 1s cubic-bezier(0.16, 1, 0.3, 1) both;\n    animation-delay: var(--sc-motion-delay, 80ms);\n  }\n\n  .sc-motion-root.sc-motion-intro-play .sc-nav-shell,\n  .sc-motion-root.sc-motion-intro-play .scx-nav-shell {\n    animation: scvNavIn 0.72s cubic-bezier(0.22, 1, 0.36, 1) both;\n  }\n\n  @keyframes scvHeroIntro {\n    0% { opacity: 0; filter: blur(10px); transform: translate3d(0, 26px, 0); }\n    100% { opacity: 1; filter: none; transform: translate3d(0, 0, 0); }\n  }\n\n  @keyframes scvNavIn {\n    0% { opacity: 0; transform: translateY(-22px); }\n    100% { opacity: 1; transform: translateY(0); }\n  }\n\n  .sc-motion-root.sc-motion-leaving main {\n    opacity: 0;\n    filter: blur(10px);\n    transform: translateY(-8px) scale(0.995);\n    transition: opacity 0.22s ease, filter 0.22s ease, transform 0.22s ease;\n  }\n\n  .sc-motion-achievement-toast,\n  .sc-motion-root .sc-achievement-toast,\n  .sc-motion-root .scx-achievement-toast {\n    position: fixed !important;\n    z-index: 120 !important;\n    top: 92px !important;\n    right: 24px !important;\n    left: auto !important;\n    display: grid !important;\n    grid-template-columns: 34px minmax(0, 1fr) !important;\n    width: min(296px, calc(100vw - 32px)) !important;\n    min-height: 58px !important;\n    gap: 10px !important;\n    align-items: center !important;\n    padding: 9px 14px 9px 10px !important;\n    border: 1px solid rgb(255 255 255 \/ 0.2) !important;\n    border-radius: 999px !important;\n    background: linear-gradient(145deg, rgb(17 16 28 \/ 0.9), rgb(28 25 46 \/ 0.82)) !important;\n    color: white !important;\n    box-shadow: 0 16px 46px rgb(12 8 28 \/ 0.3) !important;\n    opacity: 0 !important;\n    filter: blur(6px) !important;\n    transform: translate3d(34px, -4px, 0) scale(0.96) !important;\n    transition: opacity 0.35s ease, filter 0.35s ease, transform 0.48s cubic-bezier(0.16, 1, 0.3, 1) !important;\n    pointer-events: none !important;\n    backdrop-filter: blur(20px) saturate(1.25) !important;\n  }\n\n  .sc-motion-achievement-toast.sc-motion-achievement-visible,\n  .sc-motion-root .sc-achievement-toast.sc-motion-achievement-visible,\n  .sc-motion-root .scx-achievement-toast.sc-motion-achievement-visible {\n    opacity: 1 !important;\n    filter: none !important;\n    transform: translate3d(0, 0, 0) scale(1) !important;\n  }\n\n  .sc-motion-achievement-icon {\n    display: grid;\n    width: 34px;\n    height: 34px;\n    place-items: center;\n    border: 1px solid rgb(255 255 255 \/ 0.16);\n    border-radius: 50%;\n    background: linear-gradient(135deg, #7c3aed, #4f46e5 54%, #ec4899);\n    color: white;\n    font: 800 9px\/1 ui-monospace, SFMono-Regular, Menlo, monospace;\n    letter-spacing: 0.08em;\n    box-shadow: 0 7px 20px rgb(92 54 210 \/ 0.33);\n  }\n\n  .sc-motion-achievement-copy {\n    min-width: 0;\n  }\n\n  .sc-motion-achievement-kicker {\n    display: block;\n    margin-bottom: 2px;\n    color: rgb(216 205 255 \/ 0.72);\n    font: 700 8px\/1.1 ui-monospace, SFMono-Regular, Menlo, monospace;\n    letter-spacing: 0.16em;\n  }\n\n  .sc-motion-achievement-title {\n    display: block;\n    overflow: hidden;\n    color: white;\n    font-size: 11px;\n    font-weight: 800;\n    line-height: 1.15;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .sc-motion-achievement-text {\n    display: block;\n    overflow: hidden;\n    margin-top: 2px;\n    color: rgb(255 255 255 \/ 0.62);\n    font-size: 9px;\n    line-height: 1.2;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n\n  .sc-motion-root[data-page=\"home\"] .scx-hero-copy {\n    transform: translate3d(calc(var(--sc-motion-p) * -18px), calc(var(--sc-motion-p) * 24px), 0);\n    opacity: calc(1 - var(--sc-motion-p) * 0.34);\n  }\n\n  .sc-motion-root[data-page=\"home\"] .scx-portal-dust,\n  .sc-motion-root[data-page=\"home\"] .scx-hero-atmosphere {\n    transform: scale(calc(1 + var(--sc-motion-p) * 0.1));\n  }\n\n  .sc-motion-root[data-page=\"home\"] .scx-inventory-card:nth-child(odd) { --sc-motion-card-side: -1; }\n  .sc-motion-root[data-page=\"home\"] .scx-inventory-card:nth-child(even) { --sc-motion-card-side: 1; }\n\n  .sc-motion-root[data-page=\"home\"] .scx-contact-end::before {\n    content: \"\";\n    position: absolute;\n    z-index: 0;\n    width: min(72vw, 950px);\n    aspect-ratio: 2 \/ 1;\n    right: -14%;\n    top: 5%;\n    border: 1px solid rgb(255 255 255 \/ 0.08);\n    border-radius: 50%;\n    transform: rotate(-12deg);\n    pointer-events: none;\n  }\n\n  .sc-motion-root[data-page=\"home\"] .scx-contact-end > * { position: relative; z-index: 1; }\n\n\n  .sc-motion-root[data-page=\"services\"] .sc-service-panel.sc-motion-reveal:nth-child(odd) {\n    transform-origin: left center;\n  }\n\n  .sc-motion-root[data-page=\"services\"] .sc-service-panel.sc-motion-reveal:nth-child(even) {\n    transform-origin: right center;\n  }\n\n  .sc-motion-root[data-page=\"services\"] .sc-process-card.sc-motion-visible,\n  .sc-motion-root[data-page=\"services\"] .sc-pricing-card.sc-motion-visible {\n    transition-duration: 0.75s;\n  }\n\n\n  .sc-motion-root[data-page=\"work\"].sc-motion-intro-play .sc-work-hero-mix-v5 > * {\n    animation: scvWorkScatter 1.05s cubic-bezier(0.16, 1, 0.3, 1) both;\n    animation-delay: calc(180ms + var(--sc-motion-item, 0) * 105ms);\n  }\n\n  @keyframes scvWorkScatter {\n    0% { opacity: 0; filter: blur(8px); transform: translate3d(var(--sc-motion-start-x, 42px), var(--sc-motion-start-y, 28px), 0) rotate(var(--sc-motion-start-r, 3deg)) scale(0.9); }\n    100% { opacity: 1; filter: none; }\n  }\n\n  .sc-motion-root[data-page=\"work\"] .sc-work-case-media,\n  .sc-motion-root[data-page=\"work\"] .sc-work-case-copy {\n    transition: transform 0.72s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.55s ease, filter 0.55s ease;\n  }\n\n  .sc-motion-root[data-page=\"work\"] .sc-work-case.is-active .sc-work-case-media {\n    transform: scale(1.018);\n  }\n\n  .sc-motion-root[data-page=\"work\"] .sc-work-case.is-active .sc-work-case-copy {\n    transform: translateY(0);\n  }\n\n\n  .sc-motion-root[data-page=\"about\"] .sc-photo-card,\n  .sc-motion-root[data-page=\"about\"] .sc-origin-visual,\n  .sc-motion-root[data-page=\"about\"] .sc-motion-visual {\n    overflow: hidden;\n  }\n\n  .sc-motion-root[data-page=\"about\"] .sc-photo-card::after,\n  .sc-motion-root[data-page=\"about\"] .sc-origin-visual::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(110deg, transparent 30%, rgb(255 255 255 \/ 0.16) 48%, transparent 66%);\n    transform: translateX(-115%);\n    transition: transform 1.15s cubic-bezier(0.16, 1, 0.3, 1) 0.35s;\n    pointer-events: none;\n  }\n\n  .sc-motion-root[data-page=\"about\"] .sc-motion-scene-active .sc-photo-card::after,\n  .sc-motion-root[data-page=\"about\"] .sc-motion-scene-active .sc-origin-visual::after {\n    transform: translateX(115%);\n  }\n\n\n  .sc-motion-root[data-page=\"contact\"] .sc-contact-form-card {\n    box-shadow: 0 32px 80px rgb(20 18 44 \/ 0.16);\n  }\n\n  .sc-motion-root[data-page=\"contact\"] .sc-contact-step:nth-child(odd) { transform-origin: left center; }\n  .sc-motion-root[data-page=\"contact\"] .sc-contact-step:nth-child(even) { transform-origin: right center; }\n\n  .sc-motion-root .sc-header {\n    padding: 12px 0 0 !important;\n    background: transparent !important;\n  }\n\n  .sc-motion-root .sc-nav-shell {\n    width: min(1320px, calc(100% - 32px)) !important;\n    gap: 12px !important;\n  }\n\n  .sc-motion-root .sc-brand {\n    min-height: 62px !important;\n    padding: 7px 13px 7px 8px !important;\n    border: 1px solid var(--sc-line, rgb(196 167 255 \/ 0.18)) !important;\n    border-radius: 20px !important;\n    background: rgb(10 14 28 \/ 0.76) !important;\n    box-shadow: inset 0 1px 0 rgb(255 255 255 \/ 0.06), 0 14px 38px rgb(0 0 0 \/ 0.18) !important;\n    backdrop-filter: blur(18px) saturate(1.25) !important;\n  }\n\n  .sc-motion-root[data-theme=\"light\"] .sc-brand {\n    background: rgb(255 255 255 \/ 0.84) !important;\n    box-shadow: inset 0 1px 0 rgb(255 255 255 \/ 0.85), 0 14px 38px rgb(42 34 68 \/ 0.11) !important;\n  }\n\n  .sc-motion-root .sc-brand-mark,\n  .sc-motion-root .sc-brand-mark img {\n    width: 48px !important;\n    height: 48px !important;\n  }\n\n  .sc-motion-root .sc-desktop-nav {\n    display: flex !important;\n    align-items: center !important;\n    gap: 3px !important;\n    min-height: 54px !important;\n    margin-left: auto !important;\n    padding: 5px !important;\n    border: 1px solid var(--sc-line, rgb(196 167 255 \/ 0.18)) !important;\n    border-radius: 18px !important;\n    background: rgb(10 14 28 \/ 0.76) !important;\n    box-shadow: inset 0 1px 0 rgb(255 255 255 \/ 0.06), 0 14px 38px rgb(0 0 0 \/ 0.18) !important;\n    backdrop-filter: blur(18px) saturate(1.25) !important;\n  }\n\n  .sc-motion-root[data-theme=\"light\"] .sc-desktop-nav {\n    background: rgb(255 255 255 \/ 0.84) !important;\n    box-shadow: inset 0 1px 0 rgb(255 255 255 \/ 0.85), 0 14px 38px rgb(42 34 68 \/ 0.11) !important;\n  }\n\n  .sc-motion-root .sc-desktop-nav a {\n    position: relative !important;\n    display: inline-flex !important;\n    min-height: 42px !important;\n    align-items: center !important;\n    justify-content: center !important;\n    padding: 0 13px !important;\n    border: 0 !important;\n    border-radius: 13px !important;\n    color: var(--sc-muted, #d7dae8) !important;\n    background: transparent !important;\n    font-size: 0.76rem !important;\n    font-weight: 840 !important;\n    letter-spacing: 0.015em !important;\n    text-decoration: none !important;\n    transition: color 0.18s ease, background 0.18s ease, transform 0.18s ease !important;\n  }\n\n  .sc-motion-root .sc-desktop-nav a:hover,\n  .sc-motion-root .sc-desktop-nav a:focus-visible {\n    color: var(--sc-text, #fff) !important;\n    background: rgb(255 255 255 \/ 0.065) !important;\n    transform: translateY(-1px) !important;\n  }\n\n  .sc-motion-root .sc-desktop-nav a.is-active,\n  .sc-motion-root .sc-desktop-nav a[aria-current=\"page\"] {\n    padding-left: 27px !important;\n    color: var(--sc-text, #fff) !important;\n    background: linear-gradient(145deg, rgb(196 167 255 \/ 0.19), rgb(84 96 249 \/ 0.11)) !important;\n    box-shadow: inset 0 0 0 1px rgb(196 167 255 \/ 0.13) !important;\n  }\n\n  .sc-motion-root .sc-desktop-nav a.is-active::before,\n  .sc-motion-root .sc-desktop-nav a[aria-current=\"page\"]::before {\n    content: \"\";\n    position: absolute;\n    left: 13px;\n    width: 7px;\n    height: 7px;\n    border-radius: 50%;\n    background: var(--sc-accent, #c4a7ff);\n    box-shadow: 0 0 0 4px rgb(196 167 255 \/ 0.1), 0 0 15px rgb(196 167 255 \/ 0.45);\n  }\n\n  .sc-motion-root .sc-desktop-nav .sc-desktop-contact {\n    margin-left: 3px !important;\n    padding-inline: 16px !important;\n    color: #fff !important;\n    background: linear-gradient(135deg, #7c3aed, #5460f9) !important;\n    box-shadow: 0 8px 22px rgb(84 96 249 \/ 0.24) !important;\n  }\n\n  .sc-motion-root .sc-desktop-nav .sc-desktop-contact::before { display: none !important; }\n\n  .sc-motion-root .sc-nav-actions {\n    gap: 6px !important;\n    min-height: 54px !important;\n    padding: 5px !important;\n    border: 1px solid var(--sc-line, rgb(196 167 255 \/ 0.18)) !important;\n    border-radius: 18px !important;\n    background: rgb(10 14 28 \/ 0.76) !important;\n    box-shadow: inset 0 1px 0 rgb(255 255 255 \/ 0.06), 0 14px 38px rgb(0 0 0 \/ 0.18) !important;\n    backdrop-filter: blur(18px) saturate(1.25) !important;\n  }\n\n  .sc-motion-root[data-theme=\"light\"] .sc-nav-actions { background: rgb(255 255 255 \/ 0.84) !important; }\n\n  .sc-motion-root .sc-theme-toggle,\n  .sc-motion-root .sc-menu-toggle,\n  .sc-motion-root .sc-lang-switch {\n    min-height: 42px !important;\n    border: 0 !important;\n    box-shadow: none !important;\n    background: transparent !important;\n  }\n\n  .sc-motion-root .sc-lang-switch { padding: 3px !important; }\n  .sc-motion-root .sc-theme-toggle { padding-inline: 12px !important; }\n\n  .sc-motion-root[data-page=\"home\"] .scx-contact-end {\n    padding-block: clamp(72px, 9vw, 120px) !important;\n  }\n\n  .sc-motion-root[data-page=\"home\"] .scx-contact-panel {\n    display: grid !important;\n    grid-template-columns: minmax(0, 1.08fr) minmax(320px, 0.92fr) !important;\n    align-items: stretch !important;\n    gap: clamp(20px, 3vw, 38px) !important;\n    padding: clamp(22px, 4vw, 46px) !important;\n    border-color: rgb(196 167 255 \/ 0.22) !important;\n    border-radius: clamp(24px, 3vw, 34px) !important;\n    background: linear-gradient(145deg, rgb(16 20 39 \/ 0.92), rgb(10 13 27 \/ 0.82)) !important;\n    box-shadow: inset 0 1px 0 rgb(255 255 255 \/ 0.055), 0 30px 86px rgb(0 0 0 \/ 0.24) !important;\n  }\n\n  .sc-motion-root[data-theme=\"light\"][data-page=\"home\"] .scx-contact-panel {\n    background: linear-gradient(145deg, rgb(255 255 255 \/ 0.96), rgb(247 243 250 \/ 0.88)) !important;\n    box-shadow: inset 0 1px 0 rgb(255 255 255 \/ 0.9), 0 30px 76px rgb(42 34 68 \/ 0.12) !important;\n  }\n\n  .sc-motion-root[data-page=\"home\"] .scx-contact-copy {\n    display: flex !important;\n    flex-direction: column !important;\n    align-items: flex-start !important;\n    justify-content: center !important;\n    min-width: 0 !important;\n    padding: clamp(4px, 1vw, 12px) !important;\n  }\n\n  .sc-motion-root[data-page=\"home\"] .scx-contact-mini-achievement {\n    display: inline-flex !important;\n    min-height: 32px !important;\n    align-items: center !important;\n    padding: 0 12px !important;\n    border: 1px solid rgb(196 167 255 \/ 0.2) !important;\n    border-radius: 999px !important;\n    background: rgb(196 167 255 \/ 0.075) !important;\n    color: var(--sc-accent, #c4a7ff) !important;\n    font-size: 0.68rem !important;\n    font-weight: 850 !important;\n    letter-spacing: 0.055em !important;\n    text-transform: uppercase !important;\n  }\n\n  .sc-motion-root[data-page=\"home\"] .scx-contact-copy h2 {\n    max-width: 12ch !important;\n    margin: 18px 0 16px !important;\n    font-size: clamp(2.55rem, 5.1vw, 5.35rem) !important;\n    line-height: 0.94 !important;\n    letter-spacing: -0.065em !important;\n  }\n\n  .sc-motion-root[data-page=\"home\"] .scx-contact-copy > p {\n    max-width: 58ch !important;\n    margin: 0 !important;\n    color: var(--sc-muted, #d7dae8) !important;\n    font-size: clamp(0.98rem, 1.25vw, 1.08rem) !important;\n    line-height: 1.68 !important;\n  }\n\n  .sc-motion-root[data-page=\"home\"] .scx-contact-promise {\n    display: grid !important;\n    width: 100% !important;\n    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;\n    gap: 10px !important;\n    margin-top: clamp(24px, 3vw, 34px) !important;\n  }\n\n  .sc-motion-root[data-page=\"home\"] .scx-contact-promise span {\n    display: flex !important;\n    min-height: 62px !important;\n    align-items: center !important;\n    padding: 12px 13px !important;\n    border: 1px solid var(--sc-line, rgb(196 167 255 \/ 0.16)) !important;\n    border-radius: 15px !important;\n    background: rgb(255 255 255 \/ 0.035) !important;\n    color: var(--sc-muted, #d7dae8) !important;\n    font-size: 0.76rem !important;\n    font-weight: 720 !important;\n    line-height: 1.35 !important;\n  }\n\n  .sc-motion-root[data-page=\"home\"] .scx-fluent-form-target {\n    display: flex !important;\n    min-width: 0 !important;\n    padding: clamp(20px, 3vw, 32px) !important;\n    border: 1px solid rgb(196 167 255 \/ 0.2) !important;\n    border-radius: 24px !important;\n    background: linear-gradient(160deg, rgb(196 167 255 \/ 0.105), rgb(84 96 249 \/ 0.055)) !important;\n    box-shadow: inset 0 1px 0 rgb(255 255 255 \/ 0.05) !important;\n  }\n\n  .sc-motion-root[data-page=\"home\"] .scx-form-fallback {\n    display: flex !important;\n    width: 100% !important;\n    flex-direction: column !important;\n    align-items: flex-start !important;\n    justify-content: center !important;\n  }\n\n  .sc-motion-root[data-page=\"home\"] .scx-form-fallback h3 {\n    max-width: 13ch !important;\n    margin: 14px 0 12px !important;\n    font-size: clamp(1.75rem, 3vw, 2.7rem) !important;\n    line-height: 1 !important;\n    letter-spacing: -0.045em !important;\n  }\n\n  .sc-motion-root[data-page=\"home\"] .scx-form-fallback p {\n    max-width: 39ch !important;\n    margin: 0 0 24px !important;\n    color: var(--sc-muted, #d7dae8) !important;\n    line-height: 1.6 !important;\n  }\n\n  .sc-motion-root[data-page=\"home\"] .scx-form-fallback small {\n    display: block !important;\n    margin-top: 13px !important;\n    color: var(--sc-soft, #aeb6cc) !important;\n    font-size: 0.72rem !important;\n    line-height: 1.45 !important;\n  }\n\n  .sc-motion-root[data-page=\"home\"] .scx-contact-route {\n    display: grid !important;\n    width: 100% !important;\n    gap: 10px !important;\n    margin: 4px 0 24px !important;\n  }\n\n  .sc-motion-root[data-page=\"home\"] .scx-contact-route span {\n    display: grid !important;\n    grid-template-columns: 28px minmax(0, 1fr) !important;\n    gap: 9px !important;\n    align-items: center !important;\n    color: var(--sc-muted, #d7dae8) !important;\n    font-size: 0.78rem !important;\n    font-weight: 720 !important;\n  }\n\n  .sc-motion-root[data-page=\"home\"] .scx-contact-route b {\n    display: grid !important;\n    width: 28px !important;\n    height: 28px !important;\n    place-items: center !important;\n    border: 1px solid rgb(196 167 255 \/ 0.22) !important;\n    border-radius: 50% !important;\n    color: var(--sc-accent, #c4a7ff) !important;\n    font-size: 0.62rem !important;\n  }\n\n  @media (min-width: 1101px) {\n    .sc-motion-root .sc-menu-toggle { display: none !important; }\n    .sc-motion-root .sc-menu { display: none !important; }\n  }\n\n  @media (max-width: 1100px) {\n    .sc-motion-root .sc-desktop-nav { display: none !important; }\n    .sc-motion-root .sc-nav-shell { width: min(100% - 24px, 920px) !important; }\n    .sc-motion-root .sc-brand { margin-right: auto !important; }\n    .sc-motion-root .sc-menu-toggle { display: inline-grid !important; }\n    .sc-motion-root .sc-menu {\n      position: fixed !important;\n      inset: 88px 12px auto auto !important;\n      display: block !important;\n      width: min(390px, calc(100vw - 24px)) !important;\n      min-height: 0 !important;\n      max-height: calc(100svh - 100px) !important;\n      padding: 14px !important;\n      border: 1px solid var(--sc-line-strong, rgb(196 167 255 \/ 0.28)) !important;\n      border-radius: 24px !important;\n      background: rgb(9 12 25 \/ 0.97) !important;\n      box-shadow: inset 0 1px 0 rgb(255 255 255 \/ 0.06), 0 28px 80px rgb(0 0 0 \/ 0.36) !important;\n      transform: translate3d(18px, -10px, 0) scale(0.97) !important;\n      transform-origin: top right !important;\n      backdrop-filter: blur(24px) saturate(1.22) !important;\n    }\n\n    .sc-motion-root[data-theme=\"light\"] .sc-menu { background: rgb(252 249 246 \/ 0.98) !important; }\n    .sc-motion-root .sc-menu.is-open,\n    .sc-motion-root.is-menu-open .sc-menu {\n      opacity: 1 !important;\n      visibility: visible !important;\n      pointer-events: auto !important;\n      transform: none !important;\n    }\n\n    .sc-motion-root .sc-menu-inner {\n      width: 100% !important;\n      min-height: 0 !important;\n      display: block !important;\n      padding: 0 !important;\n    }\n\n    .sc-motion-root .sc-menu-kicker {\n      margin: 2px 4px 10px !important;\n      font-size: 0.64rem !important;\n      letter-spacing: 0.14em !important;\n    }\n\n    .sc-motion-root .sc-menu-links { display: grid !important; gap: 4px !important; margin: 0 !important; }\n    .sc-motion-root .sc-menu-links a {\n      display: grid !important;\n      grid-template-columns: 30px minmax(0, 1fr) !important;\n      gap: 9px !important;\n      align-items: center !important;\n      padding: 11px 12px !important;\n      border: 0 !important;\n      border-radius: 14px !important;\n      color: var(--sc-text, #fff) !important;\n      background: transparent !important;\n      transform: translate3d(16px, 0, 0) !important;\n      opacity: 0 !important;\n      transition: opacity 0.28s ease, transform 0.36s cubic-bezier(0.16, 1, 0.3, 1), background 0.18s ease !important;\n      transition-delay: calc(var(--sc-menu-index, 0) * 38ms) !important;\n    }\n\n    .sc-motion-root .sc-menu.is-open .sc-menu-links a,\n    .sc-motion-root.is-menu-open .sc-menu-links a { opacity: 1 !important; transform: none !important; }\n    .sc-motion-root .sc-menu-links a:hover,\n    .sc-motion-root .sc-menu-links a:focus-visible,\n    .sc-motion-root .sc-menu-links a.is-active,\n    .sc-motion-root .sc-menu-links a[aria-current=\"page\"] { background: rgb(196 167 255 \/ 0.105) !important; }\n    .sc-motion-root .sc-menu-index { font-size: 0.64rem !important; }\n    .sc-motion-root .sc-menu-label { font-size: clamp(1.18rem, 5vw, 1.52rem) !important; line-height: 1.05 !important; letter-spacing: -0.035em !important; }\n    .sc-motion-root .sc-menu-hint { display: none !important; }\n    .sc-motion-root .sc-menu-bottom { margin: 10px 0 0 !important; padding: 12px 0 0 !important; border-top: 1px solid var(--sc-line, rgb(196 167 255 \/ 0.16)) !important; }\n    .sc-motion-root .sc-menu-bottom::before { display: none !important; }\n    .sc-motion-root .sc-menu-bottom .sc-nav-button { width: 100% !important; }\n  }\n\n  @media (max-width: 980px) {\n    .sc-motion-route-rail { display: none; }\n\n    .sc-motion-root.sc-motion-ready .sc-motion-reveal.sc-motion-from-left,\n    .sc-motion-root.sc-motion-ready .sc-motion-reveal.sc-motion-from-right,\n    .sc-motion-root.sc-motion-ready .sc-motion-reveal.sc-motion-diagonal-left,\n    .sc-motion-root.sc-motion-ready .sc-motion-reveal.sc-motion-diagonal-right {\n      transform: translate3d(0, 28px, 0) rotate(0);\n    }\n\n    .sc-motion-root .sc-motion-drift-y.sc-motion-visible,\n    .sc-motion-root .sc-motion-drift-deep.sc-motion-visible,\n    .sc-motion-root .sc-motion-drift-x.sc-motion-visible {\n      transform: none;\n    }\n\n    .sc-motion-root[data-page=\"home\"] .scx-contact-panel { grid-template-columns: 1fr !important; }\n    .sc-motion-root[data-page=\"home\"] .scx-contact-copy h2 { max-width: 14ch !important; }\n  }\n\n  @media (max-width: 640px) {\n    .sc-motion-root .sc-nav-shell { width: min(100% - 16px, 920px) !important; gap: 8px !important; }\n    .sc-motion-root .sc-brand { min-height: 54px !important; padding: 5px 8px 5px 5px !important; border-radius: 17px !important; }\n    .sc-motion-root .sc-brand-mark,\n    .sc-motion-root .sc-brand-mark img { width: 42px !important; height: 42px !important; }\n    .sc-motion-root .sc-brand-text small { display: none !important; }\n    .sc-motion-root .sc-nav-actions { min-height: 54px !important; border-radius: 17px !important; }\n    .sc-motion-root .sc-theme-label,\n    .sc-motion-root .sc-menu-toggle-label { display: none !important; }\n    .sc-motion-root .sc-theme-toggle,\n    .sc-motion-root .sc-menu-toggle { width: 42px !important; min-width: 42px !important; padding: 0 !important; }\n    .sc-motion-root .sc-menu { inset: 78px 8px auto auto !important; width: min(360px, calc(100vw - 16px)) !important; max-height: calc(100svh - 88px) !important; }\n    .sc-motion-root[data-page=\"home\"] .scx-contact-panel { padding: 18px !important; border-radius: 24px !important; }\n    .sc-motion-root[data-page=\"home\"] .scx-contact-copy { padding: 2px !important; }\n    .sc-motion-root[data-page=\"home\"] .scx-contact-copy h2 { margin-top: 15px !important; font-size: clamp(2.35rem, 12vw, 3.45rem) !important; }\n    .sc-motion-root[data-page=\"home\"] .scx-contact-promise { grid-template-columns: 1fr !important; gap: 7px !important; }\n    .sc-motion-root[data-page=\"home\"] .scx-contact-promise span { min-height: 48px !important; }\n    .sc-motion-root[data-page=\"home\"] .scx-fluent-form-target { padding: 19px !important; border-radius: 19px !important; }\n\n    .sc-motion-achievement-toast,\n    .sc-motion-root .sc-achievement-toast,\n    .sc-motion-root .scx-achievement-toast {\n      top: auto !important;\n      right: 16px !important;\n      bottom: 16px !important;\n      width: min(270px, calc(100vw - 32px)) !important;\n      min-height: 54px !important;\n      padding: 8px 12px 8px 9px !important;\n    }\n  }\n\n  @media (max-width: 390px) {\n    .sc-motion-root .sc-brand-text { display: none !important; }\n    .sc-motion-root .sc-brand { padding-right: 5px !important; }\n    .sc-motion-root .sc-lang-switch a { min-width: 31px !important; padding-inline: 5px !important; }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .sc-motion-root *,\n    .sc-motion-root *::before,\n    .sc-motion-root *::after {\n      scroll-behavior: auto !important;\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.01ms !important;\n    }\n\n    .sc-motion-root .sc-motion-reveal,\n    .sc-motion-root .sc-motion-word,\n    .sc-motion-root .sc-motion-drift-y,\n    .sc-motion-root .sc-motion-drift-deep,\n    .sc-motion-root .sc-motion-drift-x,\n    .sc-motion-root[data-page=\"home\"] .scx-hero-copy {\n      opacity: 1 !important;\n      filter: none !important;\n      clip-path: none !important;\n      transform: none !important;\n    }\n\n    .sc-motion-route-rail { display: none; }\n  }\n\n\/* Studio Crossover v71: \u00e9\u00e9n navigatiebalk en \u00e9\u00e9n motiontaal *\/\n.sc-motion-root .sc-header {\n  padding: 12px 0 0 !important;\n}\n\n.sc-motion-root .sc-header::before {\n  height: 94px !important;\n  background: linear-gradient(180deg, rgb(5 7 17 \/ 0.78), rgb(5 7 17 \/ 0.24), transparent) !important;\n  backdrop-filter: blur(10px) !important;\n  -webkit-backdrop-filter: blur(10px) !important;\n}\n\n.sc-motion-root[data-theme=\"light\"] .sc-header::before {\n  background: linear-gradient(180deg, rgb(247 242 234 \/ 0.9), rgb(247 242 234 \/ 0.34), transparent) !important;\n}\n\n.sc-motion-root .sc-nav-shell {\n  width: min(1180px, calc(100% - 32px)) !important;\n  min-height: 64px !important;\n  gap: 8px !important;\n  padding: 5px 7px 5px 9px !important;\n  border: 1px solid var(--sc-line, rgb(196 167 255 \/ 0.18)) !important;\n  border-radius: 20px !important;\n  background: rgb(8 12 24 \/ 0.88) !important;\n  box-shadow: inset 0 1px 0 rgb(255 255 255 \/ 0.055), 0 18px 48px rgb(0 0 0 \/ 0.2) !important;\n  backdrop-filter: blur(22px) saturate(1.2) !important;\n  -webkit-backdrop-filter: blur(22px) saturate(1.2) !important;\n}\n\n.sc-motion-root[data-theme=\"light\"] .sc-nav-shell {\n  background: rgb(255 253 250 \/ 0.9) !important;\n  box-shadow: inset 0 1px 0 rgb(255 255 255 \/ 0.9), 0 18px 44px rgb(42 34 68 \/ 0.1) !important;\n}\n\n.sc-motion-root .sc-brand {\n  min-height: 52px !important;\n  padding: 0 7px 0 0 !important;\n  border: 0 !important;\n  border-radius: 14px !important;\n  background: transparent !important;\n  box-shadow: none !important;\n  backdrop-filter: none !important;\n  -webkit-backdrop-filter: none !important;\n  filter: none !important;\n}\n\n.sc-motion-root[data-theme=\"light\"] .sc-brand {\n  background: transparent !important;\n  box-shadow: none !important;\n}\n\n.sc-motion-root .sc-brand-mark,\n.sc-motion-root .sc-brand-mark img {\n  width: 44px !important;\n  height: 44px !important;\n}\n\n.sc-motion-root .sc-brand-text {\n  gap: 2px !important;\n}\n\n.sc-motion-root .sc-brand-text strong {\n  font-size: clamp(0.9rem, 1vw, 1.02rem) !important;\n}\n\n.sc-motion-root .sc-brand-text small {\n  font-size: 0.55rem !important;\n  letter-spacing: 0.075em !important;\n}\n\n.sc-motion-root .sc-desktop-nav {\n  min-height: 52px !important;\n  gap: 1px !important;\n  margin-left: auto !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\n.sc-motion-root[data-theme=\"light\"] .sc-desktop-nav {\n  background: transparent !important;\n  box-shadow: none !important;\n}\n\n.sc-motion-root .sc-desktop-nav a {\n  min-height: 42px !important;\n  padding: 0 13px !important;\n  border-radius: 12px !important;\n  color: var(--sc-muted, #d7dae8) !important;\n  font-size: 0.75rem !important;\n  font-weight: 780 !important;\n  letter-spacing: 0 !important;\n  transition: color 0.18s ease, background 0.18s ease !important;\n}\n\n.sc-motion-root .sc-desktop-nav a:hover,\n.sc-motion-root .sc-desktop-nav a:focus-visible {\n  color: var(--sc-text, #fff) !important;\n  background: rgb(255 255 255 \/ 0.055) !important;\n  transform: none !important;\n}\n\n.sc-motion-root[data-theme=\"light\"] .sc-desktop-nav a:hover,\n.sc-motion-root[data-theme=\"light\"] .sc-desktop-nav a:focus-visible {\n  background: rgb(94 69 216 \/ 0.07) !important;\n}\n\n.sc-motion-root .sc-desktop-nav a.is-active,\n.sc-motion-root .sc-desktop-nav a[aria-current=\"page\"] {\n  padding-left: 27px !important;\n  color: var(--sc-text, #fff) !important;\n  background: rgb(196 167 255 \/ 0.105) !important;\n  box-shadow: inset 0 0 0 1px rgb(196 167 255 \/ 0.11) !important;\n}\n\n.sc-motion-root .sc-desktop-nav .sc-desktop-contact {\n  margin-left: 3px !important;\n  padding-inline: 15px !important;\n  color: #fff !important;\n  background: linear-gradient(135deg, #7350e8, #5460f9) !important;\n  box-shadow: 0 7px 18px rgb(84 96 249 \/ 0.2) !important;\n}\n\n.sc-motion-root .sc-nav-actions {\n  min-height: 52px !important;\n  gap: 2px !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\n.sc-motion-root[data-theme=\"light\"] .sc-nav-actions {\n  background: transparent !important;\n}\n\n.sc-motion-root .sc-theme-toggle,\n.sc-motion-root .sc-menu-toggle,\n.sc-motion-root .sc-lang-switch {\n  min-height: 40px !important;\n  border: 0 !important;\n  border-radius: 11px !important;\n  background: transparent !important;\n  box-shadow: none !important;\n}\n\n.sc-motion-root .sc-theme-toggle {\n  width: 40px !important;\n  min-width: 40px !important;\n  padding: 0 !important;\n  justify-content: center !important;\n}\n\n.sc-motion-root .sc-theme-label {\n  position: absolute !important;\n  width: 1px !important;\n  height: 1px !important;\n  margin: -1px !important;\n  overflow: hidden !important;\n  clip: rect(0, 0, 0, 0) !important;\n  white-space: nowrap !important;\n}\n\n.sc-motion-root .sc-lang-switch {\n  display: flex !important;\n  align-items: center !important;\n  padding: 2px !important;\n  background: rgb(255 255 255 \/ 0.035) !important;\n}\n\n.sc-motion-root .sc-lang-switch a {\n  display: inline-flex !important;\n  min-width: 29px !important;\n  min-height: 32px !important;\n  align-items: center !important;\n  justify-content: center !important;\n  padding: 0 6px !important;\n  border: 0 !important;\n  border-radius: 9px !important;\n  color: var(--sc-soft, #aeb6cc) !important;\n  background: transparent !important;\n  font-size: 0.66rem !important;\n  font-weight: 820 !important;\n  line-height: 1 !important;\n  text-decoration: none !important;\n}\n\n.sc-motion-root .sc-lang-switch a::before,\n.sc-motion-root .sc-lang-switch a::after {\n  display: none !important;\n}\n\n.sc-motion-root .sc-lang-switch a.is-active,\n.sc-motion-root .sc-lang-switch a[aria-current=\"true\"] {\n  color: var(--sc-text, #fff) !important;\n  background: rgb(196 167 255 \/ 0.12) !important;\n}\n\n.sc-motion-root .sc-theme-icon {\n  color: var(--sc-muted, #d7dae8) !important;\n  font-size: 0.88rem !important;\n}\n\n.sc-motion-root[data-theme=\"light\"] .sc-lang-switch {\n  background: rgb(94 69 216 \/ 0.055) !important;\n}\n\n.sc-motion-root .sc-motion-route-rail {\n  display: none !important;\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .sc-motion-root.sc-motion-ready .sc-motion-reveal,\n  .sc-motion-root.sc-motion-ready .sc-motion-reveal.sc-motion-from-left,\n  .sc-motion-root.sc-motion-ready .sc-motion-reveal.sc-motion-from-right,\n  .sc-motion-root.sc-motion-ready .sc-motion-reveal.sc-motion-from-top,\n  .sc-motion-root.sc-motion-ready .sc-motion-reveal.sc-motion-diagonal-left,\n  .sc-motion-root.sc-motion-ready .sc-motion-reveal.sc-motion-diagonal-right {\n    --sc-motion-enter-x: 0px !important;\n    --sc-motion-enter-y: 24px !important;\n    --sc-motion-enter-r: 0deg !important;\n    filter: none !important;\n    transform: translate3d(0, 24px, 0) !important;\n    transition: opacity 0.58s ease, transform 0.72s cubic-bezier(0.16, 1, 0.3, 1), filter 0.55s ease !important;\n    transition-delay: var(--sc-motion-delay, 0ms) !important;\n  }\n\n  .sc-motion-root.sc-motion-ready .sc-motion-reveal.sc-motion-wipe-left,\n  .sc-motion-root.sc-motion-ready .sc-motion-reveal.sc-motion-wipe-right,\n  .sc-motion-root.sc-motion-ready .sc-motion-reveal.sc-motion-zoom {\n    clip-path: inset(0 0 12% 0 round 24px) !important;\n    filter: none !important;\n    transform: translate3d(0, 18px, 0) scale(1.025) !important;\n  }\n\n  .sc-motion-root.sc-motion-ready .sc-motion-reveal.sc-motion-visible {\n    opacity: 1 !important;\n    filter: none !important;\n    clip-path: inset(0 0 0 0 round 0) !important;\n    transform: none !important;\n  }\n\n  .sc-motion-root .sc-motion-word {\n    --sc-motion-word-x: 0em !important;\n    --sc-motion-word-y: 0.58em !important;\n    --sc-motion-word-r: 0deg !important;\n    filter: none !important;\n    transform: translate3d(0, 0.58em, 0) !important;\n    transition: opacity 0.48s ease, transform 0.64s cubic-bezier(0.16, 1, 0.3, 1) !important;\n    transition-delay: calc(var(--sc-motion-word, 0) * 32ms + 70ms) !important;\n  }\n\n  .sc-motion-root .sc-motion-visible .sc-motion-word,\n  .sc-motion-root .sc-motion-scene-active .sc-motion-word,\n  .sc-motion-root .sc-motion-word.sc-motion-word-visible {\n    opacity: 1 !important;\n    filter: none !important;\n    transform: none !important;\n  }\n\n  .sc-motion-root .sc-motion-detail {\n    opacity: 0;\n    filter: none;\n    transform: translate3d(0, 11px, 0);\n    transition: opacity 0.48s ease, transform 0.64s cubic-bezier(0.16, 1, 0.3, 1);\n    transition-delay: calc(var(--sc-motion-delay, 0ms) + 95ms + var(--sc-motion-detail, 0) * 48ms);\n  }\n\n  .sc-motion-root .sc-motion-visible .sc-motion-detail,\n  .sc-motion-root .sc-motion-detail.sc-motion-detail-visible {\n    opacity: 1;\n    filter: none;\n    transform: none;\n  }\n\n  .sc-motion-root .sc-motion-media::after {\n    background: linear-gradient(106deg, transparent 34%, rgb(196 167 255 \/ 0.13) 49%, transparent 64%) !important;\n    transition-duration: 0.82s !important;\n  }\n\n  .sc-motion-root.sc-motion-ready .sc-motion-media:not(.sc-motion-visible) > :is(img, video, picture),\n  .sc-motion-root.sc-motion-ready .sc-motion-media:not(.sc-motion-visible) picture > img {\n    filter: saturate(0.92) contrast(0.97) !important;\n    transform: scale(1.045) !important;\n  }\n\n  .sc-motion-root .sc-motion-media.sc-motion-visible > :is(img, video, picture),\n  .sc-motion-root .sc-motion-media.sc-motion-visible picture > img {\n    filter: none !important;\n    transform: scale(1.01) !important;\n  }\n\n  .sc-motion-root .sc-motion-drift-y.sc-motion-visible,\n  .sc-motion-root .sc-motion-drift-deep.sc-motion-visible,\n  .sc-motion-root .sc-motion-drift-x.sc-motion-visible {\n    transform: none !important;\n  }\n\n  .sc-motion-root[data-page=\"home\"] .scx-hero-copy {\n    transform: translate3d(0, calc(var(--sc-motion-p) * 9px), 0) !important;\n    opacity: calc(1 - var(--sc-motion-p) * 0.12) !important;\n  }\n}\n\n@keyframes scvWorkScatter {\n  0% { opacity: 0; transform: translate3d(0, 22px, 0) scale(0.98); }\n  100% { opacity: 1; transform: none; }\n}\n\n@keyframes scvHeroIntro {\n  0% { opacity: 0; transform: translate3d(0, 20px, 0); }\n  100% { opacity: 1; transform: none; }\n}\n\n.sc-motion-achievement-toast,\n.sc-motion-root .sc-achievement-toast,\n.sc-motion-root .scx-achievement-toast {\n  top: auto !important;\n  right: 16px !important;\n  bottom: 16px !important;\n  width: min(232px, calc(100vw - 24px)) !important;\n  min-height: 46px !important;\n  grid-template-columns: 28px minmax(0, 1fr) !important;\n  gap: 8px !important;\n  padding: 7px 10px 7px 7px !important;\n  border-radius: 14px !important;\n  box-shadow: 0 12px 32px rgb(12 8 28 \/ 0.24) !important;\n  transform: translate3d(0, 14px, 0) scale(0.98) !important;\n}\n\n.sc-motion-achievement-icon {\n  width: 28px !important;\n  height: 28px !important;\n  font-size: 7px !important;\n}\n\n.sc-motion-achievement-kicker {\n  margin-bottom: 2px !important;\n  font-size: 6px !important;\n}\n\n.sc-motion-achievement-title {\n  font-size: 10px !important;\n}\n\n.sc-motion-achievement-text {\n  display: none !important;\n}\n\n@media (max-width: 1100px) {\n  .sc-motion-root .sc-nav-shell {\n    width: min(920px, calc(100% - 24px)) !important;\n  }\n\n  .sc-motion-root .sc-menu {\n    inset: 86px 12px auto auto !important;\n    border-radius: 20px !important;\n  }\n\n  .sc-motion-root .sc-menu-links a {\n    transition-delay: calc(var(--sc-menu-index, 0) * 32ms) !important;\n  }\n\n  html body:not(.elementor-editor-active) :is(#scx-top, #top).sc-motion-root .sc-menu {\n    position: fixed !important;\n    inset: 86px 12px auto auto !important;\n    display: block !important;\n    width: min(390px, calc(100vw - 24px)) !important;\n    height: auto !important;\n    min-height: 0 !important;\n    max-height: calc(100svh - 100px) !important;\n    padding: 14px !important;\n    border: 1px solid var(--sc-line-strong, rgb(196 167 255 \/ 0.28)) !important;\n    border-radius: 20px !important;\n    background: rgb(9 12 25 \/ 0.97) !important;\n    box-shadow: inset 0 1px 0 rgb(255 255 255 \/ 0.06), 0 28px 80px rgb(0 0 0 \/ 0.36) !important;\n    overflow-x: hidden !important;\n    overflow-y: auto !important;\n    transform: translate3d(14px, -8px, 0) scale(0.98) !important;\n    transform-origin: top right !important;\n    backdrop-filter: blur(24px) saturate(1.2) !important;\n    -webkit-backdrop-filter: blur(24px) saturate(1.2) !important;\n  }\n\n  html body:not(.elementor-editor-active) :is(#scx-top, #top).sc-motion-root[data-theme=\"light\"] .sc-menu {\n    background: rgb(252 249 246 \/ 0.98) !important;\n  }\n\n  html body:not(.elementor-editor-active) :is(#scx-top, #top).sc-motion-root .sc-menu.is-open,\n  html body:not(.elementor-editor-active) :is(#scx-top, #top).sc-motion-root.is-menu-open .sc-menu {\n    opacity: 1 !important;\n    visibility: visible !important;\n    pointer-events: auto !important;\n    transform: none !important;\n  }\n\n  html body:not(.elementor-editor-active) :is(#scx-top, #top).sc-motion-root .sc-menu-inner {\n    width: 100% !important;\n    min-height: 0 !important;\n    display: block !important;\n    margin: 0 !important;\n    padding: 0 !important;\n  }\n\n  html body:not(.elementor-editor-active) :is(#scx-top, #top).sc-motion-root .sc-menu-kicker {\n    margin: 2px 4px 10px !important;\n    font-size: 0.64rem !important;\n    letter-spacing: 0.14em !important;\n  }\n\n  html body:not(.elementor-editor-active) :is(#scx-top, #top).sc-motion-root .sc-menu-links {\n    display: grid !important;\n    gap: 4px !important;\n    margin: 0 !important;\n  }\n\n  html body:not(.elementor-editor-active) :is(#scx-top, #top).sc-motion-root .sc-menu-links a {\n    display: grid !important;\n    grid-template-columns: 30px minmax(0, 1fr) !important;\n    gap: 9px !important;\n    align-items: center !important;\n    padding: 11px 12px !important;\n    border: 0 !important;\n    border-radius: 14px !important;\n    color: var(--sc-text, #fff) !important;\n    background: transparent !important;\n    opacity: 0 !important;\n    transform: translate3d(12px, 0, 0) !important;\n    transition: opacity 0.25s ease, transform 0.34s cubic-bezier(0.16, 1, 0.3, 1), background 0.18s ease !important;\n    transition-delay: calc(var(--sc-menu-index, 0) * 32ms) !important;\n  }\n\n  html body:not(.elementor-editor-active) :is(#scx-top, #top).sc-motion-root .sc-menu.is-open .sc-menu-links a,\n  html body:not(.elementor-editor-active) :is(#scx-top, #top).sc-motion-root.is-menu-open .sc-menu-links a {\n    opacity: 1 !important;\n    transform: none !important;\n  }\n\n  html body:not(.elementor-editor-active) :is(#scx-top, #top).sc-motion-root .sc-menu-links a:hover,\n  html body:not(.elementor-editor-active) :is(#scx-top, #top).sc-motion-root .sc-menu-links a:focus-visible,\n  html body:not(.elementor-editor-active) :is(#scx-top, #top).sc-motion-root .sc-menu-links a.is-active,\n  html body:not(.elementor-editor-active) :is(#scx-top, #top).sc-motion-root .sc-menu-links a[aria-current=\"page\"] {\n    background: rgb(196 167 255 \/ 0.105) !important;\n  }\n\n  html body:not(.elementor-editor-active) :is(#scx-top, #top).sc-motion-root .sc-menu-label {\n    font-size: clamp(1.18rem, 5vw, 1.5rem) !important;\n    line-height: 1.05 !important;\n    letter-spacing: -0.035em !important;\n  }\n\n  html body:not(.elementor-editor-active) :is(#scx-top, #top).sc-motion-root .sc-menu-hint {\n    display: none !important;\n  }\n\n  html body:not(.elementor-editor-active) :is(#scx-top, #top).sc-motion-root .sc-menu-bottom {\n    margin: 10px 0 0 !important;\n    padding: 12px 0 0 !important;\n    border-top: 1px solid var(--sc-line, rgb(196 167 255 \/ 0.16)) !important;\n  }\n\n  html body:not(.elementor-editor-active) :is(#scx-top, #top).sc-motion-root .sc-menu-bottom .sc-nav-button {\n    width: 100% !important;\n  }\n}\n\n@media (max-width: 640px) {\n  .sc-motion-root .sc-nav-shell {\n    width: calc(100% - 16px) !important;\n    min-height: 58px !important;\n    padding: 3px 4px 3px 6px !important;\n    border-radius: 17px !important;\n  }\n\n  .sc-motion-root .sc-brand {\n    min-height: 50px !important;\n    padding-right: 3px !important;\n  }\n\n  .sc-motion-root .sc-brand-mark,\n  .sc-motion-root .sc-brand-mark img {\n    width: 40px !important;\n    height: 40px !important;\n  }\n\n  .sc-motion-root .sc-brand-text strong {\n    font-size: 0.88rem !important;\n  }\n\n  .sc-motion-root .sc-nav-actions {\n    min-height: 50px !important;\n  }\n\n  .sc-motion-root .sc-menu {\n    inset: 77px 8px auto auto !important;\n    width: calc(100vw - 16px) !important;\n    max-height: calc(100svh - 87px) !important;\n  }\n\n  html body:not(.elementor-editor-active) :is(#scx-top, #top).sc-motion-root .sc-menu {\n    inset: 77px 8px auto auto !important;\n    width: calc(100vw - 16px) !important;\n    max-height: calc(100svh - 87px) !important;\n  }\n\n  .sc-motion-achievement-toast,\n  .sc-motion-root .sc-achievement-toast,\n  .sc-motion-root .scx-achievement-toast {\n    right: 10px !important;\n    bottom: 10px !important;\n    width: min(216px, calc(100vw - 20px)) !important;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .sc-motion-root .sc-motion-detail,\n  .sc-motion-root .sc-motion-word,\n  .sc-motion-root .sc-motion-reveal,\n  .sc-motion-root .sc-motion-media,\n  .sc-motion-root .sc-motion-media > :is(img, video, picture) {\n    opacity: 1 !important;\n    filter: none !important;\n    clip-path: none !important;\n    transform: none !important;\n    transition: none !important;\n    animation: none !important;\n  }\n}\n\n<\/style>\n\n\n\n  <div class=\"sc-progress\" aria-hidden=\"true\">\n<\/div>\n  <header class=\"sc-header sc-header-v82 sc-header-v104 sc-header-v104-static\" aria-label=\"Navigation\">\n  <input class=\"sc-menu-checkbox-v104\" id=\"sc-menu-checkbox-v104-services\" type=\"checkbox\" aria-label=\"Open menu\">\n  <div class=\"sc-nav-shell\">\n    <a class=\"sc-brand\" href=\"https:\/\/arendvanberkel.nl\/index.php\/home-en\/\" 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>\n    <nav class=\"sc-desktop-nav\" aria-label=\"Main navigation\"><a href=\"https:\/\/arendvanberkel.nl\/index.php\/home-en\/\">Home<\/a><a class=\"is-active\" aria-current=\"page\" href=\"https:\/\/arendvanberkel.nl\/index.php\/services-en\/\">Services<\/a><a href=\"https:\/\/arendvanberkel.nl\/index.php\/work-en\/\">Work<\/a><a href=\"https:\/\/arendvanberkel.nl\/index.php\/about-en\/\">About<\/a><a href=\"https:\/\/arendvanberkel.nl\/index.php\/contact-en\/\">Contact<\/a><\/nav>\n    <div class=\"sc-nav-actions\" aria-label=\"Navigation\"><nav class=\"sc-lang-switch\" aria-label=\"Choose language\"><a href=\"https:\/\/arendvanberkel.nl\/index.php\/diensten\/\" lang=\"nl\" hreflang=\"nl\">NL<\/a><a class=\"is-active\" aria-current=\"true\" href=\"https:\/\/arendvanberkel.nl\/index.php\/services-en\/\" lang=\"en\" hreflang=\"en\">EN<\/a><\/nav><button class=\"sc-theme-toggle\" type=\"button\" aria-label=\"Switch to light mode\" aria-pressed=\"false\"><span class=\"sc-theme-icon\" aria-hidden=\"true\">\u263e<\/span><span class=\"sc-theme-label\">Switch to light mode<\/span><\/button><label class=\"sc-menu-toggle\" for=\"sc-menu-checkbox-v104-services\" role=\"button\" aria-label=\"Open menu\"><span class=\"sc-menu-toggle-lines\" aria-hidden=\"true\"><i><\/i><i><\/i><i><\/i><\/span><\/label><\/div>\n  <\/div>\n  <div class=\"sc-menu\" id=\"sc-menu-v104\" aria-label=\"Mobile navigation\"><div class=\"sc-menu-inner\"><p class=\"sc-menu-kicker\">Navigation<\/p><nav class=\"sc-menu-links\" aria-label=\"Main navigation\"><a href=\"https:\/\/arendvanberkel.nl\/index.php\/home-en\/\"><span class=\"sc-menu-index\">01<\/span><span class=\"sc-menu-label\">Home<\/span><span class=\"sc-menu-hint\">The short route through my work, style and perspective.<\/span><\/a><a class=\"is-active\" aria-current=\"page\" href=\"https:\/\/arendvanberkel.nl\/index.php\/services-en\/\"><span class=\"sc-menu-index\">02<\/span><span class=\"sc-menu-label\">Services<\/span><span class=\"sc-menu-hint\">Practical help with strategy, copy, social and web.<\/span><\/a><a href=\"https:\/\/arendvanberkel.nl\/index.php\/work-en\/\"><span class=\"sc-menu-index\">03<\/span><span class=\"sc-menu-label\">Work<\/span><span class=\"sc-menu-hint\">Cases where direction and execution come together.<\/span><\/a><a href=\"https:\/\/arendvanberkel.nl\/index.php\/about-en\/\"><span class=\"sc-menu-index\">04<\/span><span class=\"sc-menu-label\">About<\/span><span class=\"sc-menu-hint\">The experience behind the way I work.<\/span><\/a><a href=\"https:\/\/arendvanberkel.nl\/index.php\/contact-en\/\"><span class=\"sc-menu-index\">05<\/span><span class=\"sc-menu-label\">Contact<\/span><span class=\"sc-menu-hint\">Tell me what feels stuck. I will think it through with you.<\/span><\/a><\/nav><div class=\"sc-menu-experience\"><div class=\"sc-menu-experience-copy\"><span>Not sure where to start?<\/span><strong>Tell me what feels stuck.<\/strong><\/div><a href=\"https:\/\/arendvanberkel.nl\/index.php\/contact-en\/\">Start a conversation \u2192<\/a><\/div><div class=\"sc-menu-bottom\"><div class=\"sc-menu-meta\"><strong>Available for selected projects<\/strong><span>Personal reply within two working days<\/span><\/div><div class=\"sc-menu-socials\"><a href=\"mailto:arendvanberkel@gmail.com?subject=Question%20about%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<\/header>\n<aside class=\"sc-language-notice\" data-sc-language-notice hidden lang=\"nl\" aria-label=\"Nederlandse versie beschikbaar\"><p><strong>Liever Nederlands?<\/strong><span>Deze pagina is ook in het Nederlands beschikbaar.<\/span><\/p><a class=\"sc-language-notice-primary\" data-sc-lang-choice=\"nl\" href=\"https:\/\/arendvanberkel.nl\/index.php\/diensten\/\">Bekijk in het Nederlands<\/a><button type=\"button\" data-sc-language-dismiss>Blijf in het Engels<\/button><\/aside>\n  <div class=\"sc-secret-toast\" role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/div>\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 found<\/strong>\n      <small>You\u2019re in. Time to scroll.<\/small>\n    <\/span>\n  <\/div>\n\n  <main>\n    <section class=\"sc-hero\" id=\"hero\" aria-label=\"Studio Crossover services\" data-achievement-title=\"Spawn point found\" data-achievement-text=\"You are on the services page.\" data-achievement-icon=\"\u2726\">\n      <div class=\"sc-inner sc-hero-grid\">\n        <div class=\"sc-hero-copy sc-reveal\">\n          <p class=\"sc-eyebrow\">Services \u00b7 Studio Crossover<\/p>\n          <h1>From <span class=\"sc-gradient-word\">vague question<\/span> to something solid.<\/h1>\n          <p class=\"sc-hero-text\">You do not need to start with a list of deliverables. First, we look at what is really needed. What should people understand, feel or do? Where is the noise? And which format will help your story land?<\/p>\n          <div class=\"sc-actions\">\n            <a class=\"sc-button\" href=\"https:\/\/arendvanberkel.nl\/index.php\/contact-en\/?topic=Free%20first%20check#contact-form\"><span>Start with a quick check<\/span><\/a>\n            <a class=\"sc-text-link\" href=\"#diensten\">View the services<\/a>\n          <\/div>\n        <\/div>\n        <div class=\"sc-card sc-reveal\">\n          <span class=\"sc-card-kicker\">No-obligation starting point<\/span>\n          <h3>Send me your question. I will help identify the route that makes sense.<\/h3>\n          <p>Copy, social media, web or a smart combination. Especially with social or political topics, we first clarify what is right before we start making.<\/p>\n          <div class=\"sc-startpoint-pills\" aria-label=\"Often a good fit for these questions\"><span>copy &amp; structure<\/span><span>social media &amp; campaigns<\/span><span>website &amp; landing page<\/span><span>social or political<\/span><\/div>\n          <p class=\"sc-startpoint-note\">It often starts not with \u2018which format?\u2019, but with \u2018what should this story actually do?\u2019<\/p>\n          <div class=\"sc-route-list\" aria-label=\"Three possible routes\">\n            <div><span class=\"sc-card-kicker\">01<\/span><p>A key message, web copy or campaign writing that stays sharp while keeping its nuance.<\/p><\/div>\n            <div><span class=\"sc-card-kicker\">02<\/span><p>Formats, captions, video, ads or temporary management for campaigns, organisations and projects.<\/p><\/div>\n            <div><span class=\"sc-card-kicker\">03<\/span><p>A focused website or landing page with structure, copy and a clear next step.<\/p><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n    <section class=\"sc-section\" id=\"diensten\" aria-label=\"Services\" data-achievement-title=\"Route selected\" data-achievement-text=\"Three routes. Often separate, sometimes together.\" data-achievement-icon=\"\u279c\">\n      <div class=\"sc-inner\">\n        <div class=\"sc-section-head sc-reveal\">\n          <p class=\"sc-label\">Services<\/p>\n          <h2>Three routes. Often separate, sometimes stronger together.<\/h2>\n          <p>This is the core of what I offer. It helps you see what fits your question, whether you work on a campaign, at a purpose-driven organisation, with a political team, on a youth initiative or on a project. Not sure yet? We start with a quick check.<\/p>\n        <\/div>\n        <div class=\"sc-service-stack\">\n          <article class=\"sc-service-panel sc-reveal\" id=\"communicatie-copy\">\n            <div class=\"sc-service-main\">\n              <span class=\"sc-service-kicker\">Communication &amp; copy<\/span>\n              <h3>For when your message is not sharp enough yet.<\/h3>\n              <p>Sometimes the problem is not the format, but the message. We first need to clarify what you want to say, which tone fits and what people should remember. That is where I help, especially when content, interests or sensitivities are involved.<\/p>\n              <ul class=\"sc-service-list\">\n                <li>Sharpen the key message and positioning<\/li>\n                <li>Write or rewrite web copy, campaign copy or captions<\/li>\n                <li>Make sensitive or complex communication easier to understand<\/li>\n                <li>Advice on tone, timing and structure<\/li>\n              <\/ul>\n            <\/div>\n            <div class=\"sc-service-side\">\n              <div class=\"sc-service-side-card\"><strong>A good fit for<\/strong><p>Organisations, creators, political teams or campaigns that know their story could land better, but are not yet sure where it needs work.<\/p><\/div>\n              <details class=\"sc-price-disclosure\"><summary>View guide price and scope<\/summary><div class=\"sc-price-content\"><div class=\"sc-price\">from \u20ac450<\/div><p>Depending on scope, the amount of copy and whether strategic thinking is needed.<\/p><\/div><\/details>\n              <div class=\"sc-card-actions\"><a class=\"sc-button\" href=\"https:\/\/arendvanberkel.nl\/index.php\/contact-en\/?topic=Question%20about%20communication%20and%20copy#contact-form\"><span>Discuss communication &amp; copy<\/span><\/a><\/div>\n            <\/div>\n          <\/article>\n\n          <article class=\"sc-service-panel sc-reveal\" id=\"social-media\">\n            <div class=\"sc-service-main\">\n              <span class=\"sc-service-kicker\">Social media<\/span>\n              <h3>For social media that needs to do more than fill a feed.<\/h3>\n              <p>Good social media does not start with filling a feed. First, we clarify what you want to achieve, who you are creating for and which pace is realistic. Then I help with formats, copy, video, ads or temporary management.<\/p>\n              <ul class=\"sc-service-list\">\n                <li>Social media strategy: channels, formats, audience and tone of voice<\/li>\n                <li>Content sprint: calendar, captions, visuals and video direction<\/li>\n                <li>Temporary management or support with planning and publishing<\/li>\n                <li>Ads or campaign assets when they make sense<\/li>\n              <\/ul>\n            <\/div>\n            <div class=\"sc-service-side\">\n              <div class=\"sc-service-side-card\"><strong>A good fit for<\/strong><p>Teams, campaigns, political organisations or purpose-driven initiatives that want to approach social media more seriously or need temporary extra capacity.<\/p><\/div>\n              <details class=\"sc-price-disclosure\"><summary>View guide prices and scope<\/summary><div class=\"sc-price-content\"><div class=\"sc-price\">sprint from \u20ac750<\/div><p>Management from \u20ac650 per month. We agree clearly in advance what is included.<\/p><\/div><\/details>\n              <div class=\"sc-card-actions\"><a class=\"sc-button\" href=\"https:\/\/arendvanberkel.nl\/index.php\/contact-en\/?topic=Question%20about%20social%20media#contact-form\"><span>Discuss social media<\/span><\/a><\/div>\n            <\/div>\n          <\/article>\n\n          <article class=\"sc-service-panel sc-reveal\" id=\"website-landing\">\n            <div class=\"sc-service-main\">\n              <span class=\"sc-service-kicker\">Website &amp; landing page<\/span>\n              <h3>For a page or website that quickly shows people why they should stay.<\/h3>\n              <p>Sometimes you do not need a large website, but one strong place where your story can land. I create the structure, copy and visual direction for a focused website or landing page.<\/p>\n              <ul class=\"sc-service-list\">\n                <li>One-page site, portfolio or lightweight project website<\/li>\n                <li>Structure, copy and a clear CTA flow<\/li>\n                <li>Responsive HTML\/CSS and a fast foundation<\/li>\n                <li>Ideal when the website is the means, not the goal<\/li>\n              <\/ul>\n            <\/div>\n            <div class=\"sc-service-side\">\n              <div class=\"sc-service-side-card\"><strong>A good fit for<\/strong><p>Creators, small organisations, political campaigns and projects that want a clear online presence without a heavy agency process.<\/p><\/div>\n              <details class=\"sc-price-disclosure\"><summary>View guide price and scope<\/summary><div class=\"sc-price-content\"><div class=\"sc-price\">from \u20ac850<\/div><p>For a focused landing page or lightweight website. We agree additional pages and deliverables in advance.<\/p><\/div><\/details>\n              <div class=\"sc-card-actions\"><a class=\"sc-button\" href=\"https:\/\/arendvanberkel.nl\/index.php\/contact-en\/?topic=Question%20about%20a%20website%20or%20landing%20page#contact-form\"><span>Discuss website &amp; landing page<\/span><\/a><\/div>\n            <\/div>\n          <\/article>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"sc-section sc-impact-work\" id=\"werk\" aria-label=\"Work in view\" data-achievement-title=\"Signal spotted\" data-achievement-text=\"Strategy, copy and execution come together.\" data-achievement-icon=\"\u2301\">\n      <div class=\"sc-inner\">\n        <div class=\"sc-section-head sc-reveal\">\n          <p class=\"sc-label\">Work in view<\/p>\n          <h2>When the story works, the format immediately feels stronger.<\/h2>\n          <p>A few examples in view. From atmosphere and social formats to a website that provides direction.<\/p>\n        <\/div>\n        <div class=\"sc-work-bento-v20\">\n          <article class=\"sc-bento-panel sc-bento-iso sc-reveal\">\n            <div class=\"sc-bento-media\">\n              <video class=\"sc-lazy-video\" data-src=\"https:\/\/arendvanberkel.nl\/wp-content\/uploads\/2026\/06\/0628.mp4\" muted loop playsinline preload=\"none\" aria-label=\"ISO atmosphere video\"><\/video>\n            <\/div>\n            <div class=\"sc-bento-copy\">\n              <span class=\"sc-card-kicker\">ISO<\/span>\n              <h3>An atmosphere film that carries the moment.<\/h3>\n              <p>Visuals that show what happened, who it was for and why that moment mattered.<\/p>\n            <\/div>\n          <\/article>\n          <article class=\"sc-bento-panel sc-bento-social sc-reveal\">\n            <div class=\"sc-bento-media sc-bento-social-media\">\n              <img src=\"https:\/\/arendvanberkel.nl\/wp-content\/uploads\/2026\/06\/image_2026-06-28_180128014.png\" alt=\"Kruimel social format\" loading=\"lazy\" decoding=\"async\">\n              <img src=\"https:\/\/arendvanberkel.nl\/wp-content\/uploads\/2026\/07\/HOT-TAKE.png\" alt=\"Hot Take social format\" loading=\"lazy\" decoding=\"async\">\n            <\/div>\n            <div class=\"sc-bento-copy\">\n              <span class=\"sc-card-kicker\">Social formats<\/span>\n              <h3>Posts that immediately show what they are about.<\/h3>\n              <p>For campaigns, groups and social issues where timing and tone matter just as much as visuals.<\/p>\n            <\/div>\n          <\/article>\n          <article class=\"sc-bento-panel sc-bento-website sc-reveal\">\n            <div class=\"sc-bento-media\">\n              <video class=\"sc-lazy-video\" data-src=\"https:\/\/arendvanberkel.nl\/wp-content\/uploads\/2026\/06\/website_design_showcase_hifi_autoplay_1440_60fps.mp4\" muted loop playsinline preload=\"none\" aria-label=\"Website preview video\"><\/video>\n            <\/div>\n            <div class=\"sc-bento-copy\">\n              <span class=\"sc-card-kicker\">Website preview<\/span>\n              <h3>An online route that feels natural.<\/h3>\n              <p>Structure, copy and visual direction come together in one clear place.<\/p>\n            <\/div>\n          <\/article>\n        <\/div>\n      <\/div>\n    <\/section>\n\n<section class=\"sc-section\" aria-label=\"First step\" data-achievement-title=\"Crossover moment found\" data-achievement-text=\"The first step is intentionally simple.\" data-achievement-icon=\"\u2726\">\n      <div class=\"sc-inner\">\n        <div class=\"sc-section-head sc-reveal\">\n          <p class=\"sc-label\">First step<\/p>\n          <h2>This is how it usually starts.<\/h2>\n          <p>You do not need to know which service you need straight away. That is why the first step is intentionally simple.<\/p>\n        <\/div>\n        <div class=\"sc-grid sc-grid-2\">\n          <article class=\"sc-card sc-reveal\"><span class=\"sc-card-kicker\">01<\/span><h3>Quick check<\/h3><p>Tell me briefly what you are working on. I will take a no-obligation look and suggest which route makes sense.<\/p><\/article>\n          <article class=\"sc-card sc-reveal\"><span class=\"sc-card-kicker\">02<\/span><h3>Strategy session<\/h3><p>Need more clarity? We run a focused session with concrete choices and next steps.<\/p><\/article>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"sc-section\" id=\"prijzen\" aria-label=\"Guide prices\" data-achievement-title=\"Inventory filled\" data-achievement-text=\"The options are ready without showing everything at once.\" data-achievement-icon=\"\ud83c\udf92\">\n      <div class=\"sc-inner\">\n        <div class=\"sc-section-head sc-reveal\">\n          <p class=\"sc-label\">Guide prices<\/p>\n          <h2>Choose the route first. Then look at the price.<\/h2>\n          <p>Not everyone needs to see every price straight away. That is why the guide prices sit behind expandable sections. The page stays calm, while the information remains available when you need it.<\/p>\n        <\/div>\n        <div class=\"sc-price-accordion sc-reveal\">\n          <details>\n            <summary>Quick check<\/summary>\n            <div class=\"sc-price-content\"><div class=\"sc-price\">no obligation<\/div><p>A quick look at your question to determine the route that makes sense.<\/p><\/div>\n          <\/details>\n          <details>\n            <summary>Strategy session<\/summary>\n            <div class=\"sc-price-content\"><div class=\"sc-price\">from \u20ac250<\/div><p>For direction, clarity and concrete choices.<\/p><\/div>\n          <\/details>\n          <details>\n            <summary>Communication &amp; copy<\/summary>\n            <div class=\"sc-price-content\"><div class=\"sc-price\">from \u20ac450<\/div><p>For a key message, web copy, writing or rewriting. We agree scope, review rounds and pace in advance.<\/p><\/div>\n          <\/details>\n          <details>\n            <summary>Social media sprint or temporary management<\/summary>\n            <div class=\"sc-price-content\"><div class=\"sc-price\">sprint from \u20ac750<\/div><p>Temporary management starts at \u20ac650 per month. The final scope depends on planning, channels and the amount of content.<\/p><\/div>\n          <\/details>\n          <details>\n            <summary>Website or landing page<\/summary>\n            <div class=\"sc-price-content\"><div class=\"sc-price\">from \u20ac850<\/div><p>For a focused landing page or lightweight website. We agree additional pages and deliverables in advance.<\/p><\/div>\n          <\/details>\n        <\/div>\n        <p class=\"sc-price-note sc-reveal\">All guide prices exclude VAT. Treat them as a starting point, not a fixed price list. When in doubt, we start with a quick check.<\/p>\n      <\/div>\n    <\/section>\n\n    <section class=\"sc-section\" id=\"werkwijze\" aria-label=\"How I work\" data-achievement-title=\"Scroll streak unlocked\" data-achievement-text=\"You found the process.\" data-achievement-icon=\"\u26a1\">\n      <div class=\"sc-inner\">\n        <div class=\"sc-section-head sc-reveal\">\n          <p class=\"sc-label\">How I work<\/p>\n          <h2>From a loose question to something solid.<\/h2>\n          <p>I do not want to leave you with just a nice idea. I want you to move forward with something clear, useful and right for the situation.<\/p>\n        <\/div>\n        <div class=\"sc-process-grid\">\n          <article class=\"sc-process-card sc-reveal\"><h3>Listen<\/h3><p>What is really going on? What is the question behind the question? And what should people understand, feel or do?<\/p><\/article>\n          <article class=\"sc-process-card sc-reveal\"><h3>Choose<\/h3><p>We define the core, the tone and the format that makes the most sense for your situation.<\/p><\/article>\n          <article class=\"sc-process-card sc-reveal\"><h3>Make<\/h3><p>I translate that into copy, formats, video, an ad, a plan or a page.<\/p><\/article>\n          <article class=\"sc-process-card sc-reveal\"><h3>Refine<\/h3><p>We review what works, what could be calmer and what the logical next step is.<\/p><\/article>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"sc-section\" id=\"contact\" aria-label=\"Contact\" data-achievement-title=\"Next level reached\" data-achievement-text=\"Time to talk.\" data-achievement-icon=\"\u2709\">\n      <div class=\"sc-inner\">\n        <div class=\"sc-contact-card sc-reveal\">\n          <div class=\"sc-contact-shell\">\n            <div>\n              <p class=\"sc-label\">Save point<\/p>\n              <h2>Let\u2019s talk.<\/h2>\n              <p>Do you have a story that needs more focus, content that needs direction or a message where the tone has to be exactly right? I would be happy to think along with you.<\/p>\n            <\/div>\n            <div class=\"sc-contact-side\">\n              <a class=\"sc-button\" href=\"https:\/\/arendvanberkel.nl\/index.php\/contact-en\/?topic=Question%20about%20Studio%20Crossover#contact-form\"><span>Open the form<\/span><\/a>\n              <a class=\"sc-text-link\" href=\"https:\/\/arendvanberkel.nl\/index.php\/about-en\/\">Discover my story<\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n  <\/main>\n\n  <footer class=\"sc-site-footer\" aria-label=\"Footer\">\n    <div class=\"sc-footer-inner\">\n      <div class=\"sc-footer-main\" aria-label=\"Studio Crossover made with alternating words\">\n        <strong>Studio Crossover<\/strong>\n        <span class=\"sc-footer-separator\">made with<\/span>\n        <span class=\"sc-footer-ticker\" aria-hidden=\"true\"><span>gamer\u2019s brain<\/span><span>online culture<\/span><span>sharp copy<\/span><span>eagle eye<\/span><span>timing<\/span><span>noise radar<\/span><span>campaign instinct<\/span><span>clear language<\/span><span>social instinct<\/span><span>strategy<\/span><span>a human touch<\/span><span>pixel precision<\/span><\/span><span class=\"sc-footer-sr\">gamer\u2019s brain, online culture, sharp copy, eagle eye and strategy<\/span>\n        <span class=\"sc-sr-only\">gamer\u2019s brain, online culture, sharp copy and strategy<\/span>\n      <\/div>\n      <p class=\"sc-footer-story\">Crossover is about intersections. Gaming and public communication. Strategy and execution. Data and intuition. Different routes, one clear story.<\/p>\n      <div class=\"sc-footer-bottom\">\n        <div class=\"sc-footer-meta\">\n          <span>Communication strategy &amp; social media<\/span>\n          <span>\u00a9 2023-<span class=\"sc-current-year\">2026<\/span> Studio Crossover<\/span>\n          <span>KvK 89499867<\/span>\n          <span class=\"sc-secret-hint\">\u2191 \u2191 \u2193 \u2193 \u2190 \u2192 \u2190 \u2192 B A<\/span>\n        <\/div>\n        <nav class=\"sc-footer-links scx-footer-links\" aria-label=\"Footer links\"><a href=\"https:\/\/arendvanberkel.nl\/index.php\/home-en\/\">Home<\/a><a href=\"https:\/\/arendvanberkel.nl\/index.php\/services-en\/\">Services<\/a><a href=\"https:\/\/arendvanberkel.nl\/index.php\/work-en\/\">Work<\/a><a href=\"https:\/\/arendvanberkel.nl\/index.php\/about-en\/\">About<\/a><a href=\"https:\/\/arendvanberkel.nl\/index.php\/contact-en\/\">Contact<\/a><a href=\"https:\/\/arendvanberkel.nl\/index.php\/contact-en\/#contact-form\">Contact<\/a><a href=\"https:\/\/www.linkedin.com\/in\/arend-van-berkel\/\" target=\"_blank\" rel=\"noopener noreferrer\">LinkedIn<\/a><\/nav>\n      <\/div>\n    <\/div>\n  <\/footer>\n\n<script id=\"studio-crossover-scripts\">\n(function () {\n  var page = document.currentScript && document.currentScript.closest ? document.currentScript.closest('.sc-site') : document.querySelector('.sc-site');\n  if (!page) return;\n\n  var header = page.querySelector('.sc-header');\n  var progress = page.querySelector('.sc-progress');\n  var menu = page.querySelector('.sc-menu');\n  var menuToggle = page.querySelector('.sc-menu-toggle');\n  var themeToggle = page.querySelector('.sc-theme-toggle');\n  var themeLabel = page.querySelector('.sc-theme-label');\n  var currentYears = Array.prototype.slice.call(page.querySelectorAll('.sc-current-year'));\n  var revealItems = Array.prototype.slice.call(page.querySelectorAll('.sc-reveal'));\n  var achievementToast = page.querySelector('.sc-achievement-toast');\n  var secretToast = page.querySelector('.sc-secret-toast');\n  var achievementSections = Array.prototype.slice.call(page.querySelectorAll('[data-achievement-title]'));\n  var footerTicker = page.querySelector('.sc-footer-ticker');\n  var seenAchievements = {};\n  var hideTimer = null;\n  var ticking = false;\n  var secretCode = ['ArrowUp','ArrowUp','ArrowDown','ArrowDown','ArrowLeft','ArrowRight','ArrowLeft','ArrowRight','b','a'];\n  var secretProgress = [];\n\n  function updateYear() {\n    var year = new Date().getFullYear();\n    currentYears.forEach(function (item) { item.textContent = year; });\n  }\n\n  function setMenu(open) {\n    if (!menu || !menuToggle) return;\n    page.classList.toggle('is-menu-open', open);\n    document.body.classList.toggle('sc-menu-lock', open);\n    menu.classList.toggle('is-open', open);\n    menu.setAttribute('aria-hidden', open ? 'false' : 'true');\n    menuToggle.setAttribute('aria-expanded', open ? 'true' : 'false');\n    menuToggle.setAttribute('aria-label', open ? 'Close menu' : 'Open menu');\n  }\n\n  function setTheme(theme) {\n    page.setAttribute('data-theme', theme);\n    if (themeToggle) {\n      themeToggle.setAttribute('aria-pressed', theme === 'light' ? 'true' : 'false');\n      themeToggle.setAttribute('aria-label', theme === 'light' ? 'Switch to dark mode' : 'Switch to light mode');\n    }\n    if (themeLabel) themeLabel.textContent = theme === 'light' ? 'Dark mode' : 'Light mode';\n    try { localStorage.setItem('studio-crossover-theme', theme); } catch (error) {}\n  }\n\n  function updateScroll() {\n    if (header) header.classList.toggle('is-scrolled', window.scrollY > 24);\n    if (progress) {\n      var scrollTop = window.scrollY || document.documentElement.scrollTop;\n      var height = Math.max(1, document.documentElement.scrollHeight - window.innerHeight);\n      progress.style.transform = 'scaleX(' + Math.min(1, scrollTop \/ height) + ')';\n    }\n  }\n\n  function requestScroll() {\n    if (ticking) return;\n    ticking = true;\n    window.requestAnimationFrame(function () {\n      updateScroll();\n      ticking = false;\n    });\n  }\n\n  function setAchievementContent(icon, title, text) {\n    if (!achievementToast) return;\n    var iconNode = achievementToast.querySelector('.sc-achievement-icon');\n    var titleNode = achievementToast.querySelector('strong');\n    var textNode = achievementToast.querySelector('small');\n    if (iconNode) iconNode.textContent = icon || '\u2726';\n    if (titleNode) titleNode.textContent = title || 'Achievement unlocked';\n    if (textNode) textNode.textContent = text || 'Less noise. More direction.';\n  }\n\n  function showAchievement(title, text, icon) {\n    if (!achievementToast || !title) return;\n    setAchievementContent(icon, title, text);\n    achievementToast.classList.remove('is-visible');\n    window.requestAnimationFrame(function () {\n      achievementToast.classList.add('is-visible');\n    });\n    if (hideTimer) window.clearTimeout(hideTimer);\n    hideTimer = window.setTimeout(function () {\n      achievementToast.classList.remove('is-visible');\n    }, 3200);\n  }\n\n  function unlockAchievement(target) {\n    var title = target.getAttribute('data-achievement-title');\n    if (!title || seenAchievements[title]) return;\n    seenAchievements[title] = true;\n    showAchievement(title, target.getAttribute('data-achievement-text'), target.getAttribute('data-achievement-icon'));\n  }\n\n  function initAchievements() {\n    if (!achievementSections.length) return;\n\n    var first = achievementSections[0];\n    window.setTimeout(function () { unlockAchievement(first); }, 900);\n\n    if (!('IntersectionObserver' in window)) {\n      achievementSections.forEach(function (section) {\n        if (section !== first) unlockAchievement(section);\n      });\n      return;\n    }\n\n    var observer = new IntersectionObserver(function (entries, obs) {\n      entries.forEach(function (entry) {\n        if (!entry.isIntersecting) return;\n        unlockAchievement(entry.target);\n        obs.unobserve(entry.target);\n      });\n    }, { threshold: 0.26, rootMargin: '0px 0px -52% 0px' });\n\n    achievementSections.forEach(function (section) { observer.observe(section); });\n  }\n\n  function initReveal() {\n    if (!revealItems.length) return;\n    if (!('IntersectionObserver' in window)) {\n      revealItems.forEach(function (item) { item.classList.add('is-visible'); });\n      return;\n    }\n\n    var observer = new IntersectionObserver(function (entries, obs) {\n      entries.forEach(function (entry) {\n        if (!entry.isIntersecting) return;\n        entry.target.classList.add('is-visible');\n        obs.unobserve(entry.target);\n      });\n    }, { threshold: 0.12, rootMargin: '0px 0px -70px 0px' });\n\n    revealItems.forEach(function (item) { observer.observe(item); });\n  }\n\n  function initFooterTicker() {\n    if (!footerTicker || footerTicker.children.length) return;\n    var words = (footerTicker.getAttribute('data-words') || '').split('|').filter(Boolean);\n    if (words.length < 2) return;\n    var index = 0;\n    window.setInterval(function () {\n      index = (index + 1) % words.length;\n      footerTicker.style.opacity = '0';\n      window.setTimeout(function () {\n        footerTicker.textContent = words[index];\n        footerTicker.style.opacity = '1';\n      }, 160);\n    }, 1650);\n  }\n\n  function unlockSecret() {\n    if (page.classList.contains('is-secret-mode')) return;\n    page.classList.add('is-secret-mode');\n    if (secretToast) {\n      secretToast.textContent = 'Konami route found. Even a detour can have direction.';\n      secretToast.classList.add('is-visible');\n      window.setTimeout(function () {\n        secretToast.classList.remove('is-visible');\n      }, 3600);\n    }\n  }\n\n  function handleKeys(event) {\n    var key = event.key;\n    if (key === 'B') key = 'b';\n    if (key === 'A') key = 'a';\n    secretProgress.push(key);\n    if (secretProgress.length > secretCode.length) secretProgress.shift();\n    if (secretProgress.join('|') === secretCode.join('|')) {\n      secretProgress = [];\n      unlockSecret();\n    }\n  }\n\n  function hideNode(node) {\n    if (!node || node.closest('.sc-site')) return;\n    node.setAttribute('data-sc-floating-cta-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  function disableExternalFloatingForms(root) {\n    var scope = root && root.querySelectorAll ? root : document;\n    var hardSelectors = [\n      '.sticky-float-form',\n      '.sticky-floating-form',\n      '.sticky-float',\n      '.sticky-floating',\n      '.float-form',\n      '.floating-form',\n      '.floating-contact',\n      '.float-contact',\n      '.sticky-contact',\n      '.flowing-form',\n      '.fluentform-floating',\n      '.fluentform-sticky',\n      '.sc-end-achievement',\n      '[class*=\"sticky\"][class*=\"contact\"]',\n      '[class*=\"float\"][class*=\"contact\"]',\n      '[class*=\"sticky\"][class*=\"form\"]',\n      '[class*=\"float\"][class*=\"form\"]',\n      '[class*=\"flowing\"][class*=\"form\"]'\n    ];\n\n    Array.prototype.slice.call(scope.querySelectorAll(hardSelectors.join(','))).forEach(hideNode);\n\n    Array.prototype.slice.call(scope.querySelectorAll('a, button, [role=\"button\"]')).forEach(function (node) {\n      if (node.closest('.sc-site')) return;\n      var href = (node.getAttribute('href') || '').toLowerCase();\n      var text = (node.textContent || '').toLowerCase();\n      var cls = (node.className || '').toString().toLowerCase();\n      var style = window.getComputedStyle ? window.getComputedStyle(node) : null;\n      var isFloating = cls.indexOf('float') > -1 || cls.indexOf('sticky') > -1 || (style && (style.position === 'fixed' || style.position === 'sticky'));\n      var isFormCta = href.indexOf('form') > -1 || href.indexOf('fluent') > -1 || href.indexOf('flow') > -1 || text.indexOf('formulier') > -1 || text.indexOf('plan gesprek') > -1;\n      if (isFloating && isFormCta) hideNode(node);\n    });\n  }\n\n  updateYear();\n  updateScroll();\n  initReveal();\n  initAchievements();\n  initFooterTicker();\n  disableExternalFloatingForms(document);\n\n  try {\n    var savedTheme = localStorage.getItem('studio-crossover-theme');\n    if (savedTheme === 'light' || savedTheme === 'dark') setTheme(savedTheme);\n  } catch (error) {}\n\n  if (menuToggle) {\n    menuToggle.addEventListener('click', function () {\n      setMenu(!page.classList.contains('is-menu-open'));\n    });\n  }\n\n  if (menu) {\n    menu.addEventListener('click', function (event) {\n      var link = event.target.closest('a');\n      if (link) setMenu(false);\n    });\n  }\n\n  if (themeToggle) {\n    themeToggle.addEventListener('click', function () {\n      setTheme(page.getAttribute('data-theme') === 'light' ? 'dark' : 'light');\n    });\n  }\n\n  document.addEventListener('keydown', function (event) {\n    if (event.key === 'Escape') setMenu(false);\n    handleKeys(event);\n  });\n\n  window.addEventListener('scroll', requestScroll, { passive: true });\n  window.addEventListener('resize', requestScroll, { passive: true });\n\n  if ('MutationObserver' in window) {\n    var mo = new MutationObserver(function (mutations) {\n      mutations.forEach(function (mutation) {\n        mutation.addedNodes.forEach(function (node) {\n          if (node.nodeType === 1) disableExternalFloatingForms(node);\n        });\n      });\n    });\n    mo.observe(document.body, { childList: true, subtree: true });\n  }\n})();\n\n(function(){\n  var root = document.querySelector('.sc-site');\n  if(!root) return;\n  function hideThemeNoise(){\n    var selectors = [\n      'body > header','body > nav','body > footer','header.site-header','#masthead','.site-header','.elementor-location-header','.page-header','.entry-header','.elementor-widget-theme-post-title','.page-title','.entry-title','.post-title','.wp-block-post-title','footer.site-footer','.site-footer','.elementor-location-footer','.ast-above-header-wrap','.ast-below-header-wrap','.breadcrumb','.breadcrumbs'\n    ];\n    selectors.forEach(function(selector){\n      document.querySelectorAll(selector).forEach(function(node){\n        if(!root.contains(node)){\n          node.style.setProperty('display','none','important');\n          node.style.setProperty('visibility','hidden','important');\n          node.style.setProperty('height','0','important');\n          node.style.setProperty('min-height','0','important');\n          node.style.setProperty('overflow','hidden','important');\n          node.style.setProperty('margin','0','important');\n          node.style.setProperty('padding','0','important');\n          node.setAttribute('aria-hidden','true');\n        }\n      });\n    });\n    document.querySelectorAll('body *').forEach(function(node){\n      if(root.contains(node)) return;\n      var txt = (node.textContent || '').trim().toLowerCase();\n      if((txt === 'over mij' || txt === 'diensten' || txt === 'home') && node.children.length === 0){\n        node.style.setProperty('display','none','important');\n      }\n    });\n  }\n  hideThemeNoise();\n  window.setTimeout(hideThemeNoise,200);\n  window.setTimeout(hideThemeNoise,900);\n  window.setInterval(hideThemeNoise,2500);\n})();\n\n(function(){\n  var root = document.querySelector('.sc-site');\n  if(!root) return;\n  function loadVideo(video){\n    if(!video || video.dataset.loaded === 'true') return;\n    var src = video.getAttribute('data-src');\n    if(!src) return;\n    video.src = src;\n    video.preload = 'metadata';\n    video.dataset.loaded = 'true';\n    video.muted = true;\n    video.playsInline = true;\n    var play = function(){\n      var p = video.play && video.play();\n      if(p && p.catch) p.catch(function(){});\n    };\n    video.addEventListener('loadedmetadata', play, { once:true });\n    window.setTimeout(play, 250);\n  }\n  function pauseFarVideos(active){\n    root.querySelectorAll('video[data-loaded=\"true\"]').forEach(function(video){\n      if(video !== active && !video.paused) video.pause();\n    });\n  }\n  var videos = Array.prototype.slice.call(root.querySelectorAll('video[data-src]'));\n  if(!videos.length) return;\n  var saveData = !!(navigator.connection && navigator.connection.saveData);\n  videos.forEach(function(video){\n    video.preload = 'none';\n    video.removeAttribute('autoplay');\n    video.addEventListener('click', function(){ loadVideo(video); pauseFarVideos(video); });\n    video.addEventListener('mouseenter', function(){ if(saveData) return; loadVideo(video); pauseFarVideos(video); }, { once:true });\n  });\n  if(saveData) return;\n  if('IntersectionObserver' in window){\n    var observer = new IntersectionObserver(function(entries){\n      entries.forEach(function(entry){\n        var video = entry.target;\n        if(entry.isIntersecting){ video.parentElement && video.parentElement.classList.add('is-inview'); }\n        else if(video.dataset.loaded === 'true' && !video.paused){ video.pause(); }\n      });\n    }, { rootMargin:'180px 0px', threshold:.25 });\n    videos.forEach(function(video){ observer.observe(video); });\n  } else {\n\n  }\n})();\n\n(function(){\n  var page = document.querySelector('.sc-site.sc-services');\n  if(!page) return;\n  function setupPreview(video){\n    var media = video.closest('.sc-bento-media') || video.parentElement;\n    if(!media) return;\n    function load(){\n      if(video.dataset.loaded !== 'true') {\n        var src = video.getAttribute('data-src');\n        if(src){ video.src = src; video.preload = 'metadata'; video.dataset.loaded = 'true'; }\n      }\n    }\n    function playPreview(){\n      media.classList.add('is-playing'); load();\n      var play = function(){ var p = video.play && video.play(); if(p && p.catch) p.catch(function(){}); };\n      if(video.readyState >= 1) play(); else video.addEventListener('loadedmetadata', play, {once:true});\n    }\n    function stopPreview(){\n      media.classList.remove('is-playing');\n      if(video.dataset.loaded === 'true' && !video.paused) video.pause();\n    }\n    media.addEventListener('mouseenter', playPreview);\n    media.addEventListener('mouseleave', stopPreview);\n    media.addEventListener('click', playPreview);\n    media.addEventListener('focusin', playPreview);\n    media.addEventListener('focusout', stopPreview);\n  }\n  page.querySelectorAll('video[data-src]').forEach(setupPreview);\n})();\n\n(function(){\n  var page=document.currentScript&&document.currentScript.closest?document.currentScript.closest('.sc-site'):document.querySelector('.sc-site');\n  if(!page)return;\n  var current=\"en\";\n  var notice=page.querySelector('[data-sc-language-notice]');\n  var dismiss=page.querySelector('[data-sc-language-dismiss]');\n  document.documentElement.lang=current;\n  function remember(value){try{localStorage.setItem('studio-crossover-language',value);}catch(error){}}\n  page.querySelectorAll('[data-sc-lang-choice]').forEach(function(link){link.addEventListener('click',function(){remember(link.getAttribute('data-sc-lang-choice'));});});\n  var saved='';\n  try{saved=localStorage.getItem('studio-crossover-language')||'';}catch(error){}\n  var languages=(navigator.languages&&navigator.languages.length?navigator.languages:[navigator.language||'']).map(function(value){return String(value).toLowerCase();});\n  var prefersDutch=languages.some(function(value){return value==='nl'||value.indexOf('nl-')===0;});\n  var shouldSuggest=(saved&&saved!==current)||(!saved&&((current==='nl'&&!prefersDutch)||(current==='en'&&prefersDutch)));\n  if(notice&&shouldSuggest)notice.hidden=false;\n  if(dismiss) dismiss.addEventListener('click',function(){remember(current);if(notice)notice.hidden=true;});\n})();\n\n(function(){\n  var page=document.querySelector('.sc-site');\n  if(!page)return;\n  var language=page.getAttribute('data-language')==='en'?'en':'nl';\n  function hideThemeChrome(){\n    document.querySelectorAll('header,footer').forEach(function(node){\n      if(page.contains(node)||node.closest('.elementor-editor-active,.elementor-editor-preview,#wpadminbar'))return;\n      node.classList.add('sc-theme-chrome-hidden');\n    });\n    document.querySelectorAll('.page-header,.entry-header,.page-title,.entry-title,.post-title,.elementor-widget-theme-post-title,#secondary,.widget-area').forEach(function(node){\n      if(!page.contains(node)&&!node.closest('.elementor-editor-active,.elementor-editor-preview'))node.classList.add('sc-theme-chrome-hidden');\n    });\n    document.querySelectorAll('.post-edit-link,.edit-link,.elementor-edit-link,#elementor-editor-button,.elementor-editor-element-settings,.elementor-editor-section-settings,.elementor-editor-column-settings,.elementor-editor-widget-settings,.elementor-editor-element-setting,.elementor-document-handle,.elementor-add-section,.elementor-add-new-section,.elementor-add-template-button,.elementor-widget-empty,.elementor-empty-view,a[href*=\"action=edit\"],a[href*=\"action=elementor\"]').forEach(function(node){\n      if(!page.contains(node))node.classList.add('sc-elementor-orphan');\n    });\n    ['#page','#content','.site-content','.content-area','.site-main','.entry-content','.post-content'].forEach(function(selector){\n      document.querySelectorAll(selector).forEach(function(node){\n        if(node.contains(page)){node.style.setProperty('width','100%','important');node.style.setProperty('max-width','none','important');node.style.setProperty('margin','0','important');node.style.setProperty('padding','0','important');}\n      });\n    });\n  }\n  function syncMenuLabel(){\n    var toggle=page.querySelector('.sc-menu-toggle');\n    var label=toggle&&toggle.querySelector('.sc-menu-toggle-label');\n    if(!label)return;\n    label.textContent=page.classList.contains('is-menu-open')?(language==='en'?'Close':'Sluit'):'Menu';\n  }\n  function initSectionMotion(){\n    if(window.matchMedia('(prefers-reduced-motion:reduce)').matches)return;\n    var sections=Array.prototype.slice.call(page.querySelectorAll('main>section'));\n    if(!sections.length||!('IntersectionObserver'in window))return;\n    sections.forEach(function(section){section.classList.add('sc-section-watch')});\n    page.classList.add('sc-scroll-ready');\n    var observer=new IntersectionObserver(function(entries){\n      entries.forEach(function(entry){entry.target.classList.toggle('is-inview',entry.isIntersecting)});\n    },{threshold:.08,rootMargin:'-4% 0px -16% 0px'});\n    sections.forEach(function(section){observer.observe(section)});\n  }\n  hideThemeChrome();syncMenuLabel();initSectionMotion();\n  window.setTimeout(hideThemeChrome,350);window.setTimeout(hideThemeChrome,1200);\n  var menuToggle=page.querySelector('.sc-menu-toggle');\n  if(menuToggle)menuToggle.addEventListener('click',function(){window.requestAnimationFrame(syncMenuLabel)});\n  document.addEventListener('keydown',function(event){if(event.key==='Escape')window.requestAnimationFrame(syncMenuLabel)});\n  var themeObserver=new MutationObserver(function(){document.documentElement.style.colorScheme=page.getAttribute('data-theme')==='light'?'light':'dark';syncMenuLabel()});\n  themeObserver.observe(page,{attributes:true,attributeFilter:['class','data-theme']});\n})();\n\n(function(){\n  var page=document.querySelector('.sc-site');\n  if(!page)return;\n  var sections=Array.prototype.slice.call(page.querySelectorAll('main>section'));\n  var titles=[];\n  sections.forEach(function(section,index){\n    var chapter=String(index+1).padStart(2,'0');\n    section.classList.add('sc-experience-scene');\n    section.setAttribute('data-sc-chapter',chapter);\n    var title=section.querySelector('h1,h2');\n    if(title){title.classList.add('sc-experience-title');titles.push(title)}\n  });\n  var hud=document.createElement('div');\n  hud.className='sc-experience-hud';\n  hud.setAttribute('aria-hidden','true');\n  hud.innerHTML='<small>SCROLL<\/small><i><b><\/b><\/i><span>01 \/ '+String(Math.max(1,sections.length)).padStart(2,'0')+'<\/span>';\n  page.appendChild(hud);\n  var hudCount=hud.querySelector('span');\n  var current=0;\n  function setCurrent(index){\n    current=Math.max(0,Math.min(sections.length-1,index));\n    sections.forEach(function(section,i){section.classList.toggle('is-sc-current',i===current)});\n    if(hudCount)hudCount.textContent=String(current+1).padStart(2,'0')+' \/ '+String(Math.max(1,sections.length)).padStart(2,'0');\n    hud.style.setProperty('--sc-exp-progress',String(sections.length>1?current\/(sections.length-1):1));\n  }\n  if(!('IntersectionObserver'in window)||window.matchMedia('(prefers-reduced-motion:reduce)').matches){\n    titles.forEach(function(title){title.classList.add('is-sc-visible')});\n    setCurrent(0);\n    return;\n  }\n  if(titles[0])titles[0].classList.add('is-sc-visible');\n  var titleObserver=new IntersectionObserver(function(entries,observer){\n    entries.forEach(function(entry){if(entry.isIntersecting){entry.target.classList.add('is-sc-visible');observer.unobserve(entry.target)}});\n  },{threshold:.18,rootMargin:'0px 0px -12% 0px'});\n  titles.slice(1).forEach(function(title){titleObserver.observe(title)});\n  var sectionObserver=new IntersectionObserver(function(entries){\n    entries.forEach(function(entry){if(entry.isIntersecting){setCurrent(sections.indexOf(entry.target))}});\n  },{threshold:0,rootMargin:'-38% 0px -52% 0px'});\n  sections.forEach(function(section){sectionObserver.observe(section)});\n  setCurrent(0);\n  page.classList.add('sc-experience-ready');\n})();\n\n(function () {\n  var root = document.querySelector('.sc-site[data-page]');\n  if (!root || root.dataset.scMotionReady === 'true') return;\n\n  root.dataset.scMotionReady = 'true';\n  root.classList.add('sc-motion-root');\n  var page = root.dataset.page || 'home';\n  var lang = root.dataset.language || document.documentElement.lang || 'nl';\n  var reduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  var finePointer = window.matchMedia('(hover: hover) and (pointer: fine)').matches;\n  var sections = Array.from(root.querySelectorAll('main > section'));\n  var revealIndex = 0;\n\n  var routeRail = document.createElement('div');\n  routeRail.className = 'sc-motion-route-rail';\n  routeRail.setAttribute('aria-hidden', 'true');\n  routeRail.innerHTML = '<span class=\"sc-motion-route-eagle\">\ud83e\udd85<\/span>';\n  root.appendChild(routeRail);\n\n  function cleanText(value) {\n    return String(value || '').replace(\/\\s+\/g, ' ').trim();\n  }\n\n  function addReveal(node, variant, delay) {\n    if (!node || node.classList.contains('sc-motion-reveal')) return;\n    node.classList.add('sc-motion-reveal');\n    if (variant) variant.split(\/\\s+\/).filter(Boolean).forEach(function (name) { node.classList.add(name); });\n    node.style.setProperty('--sc-motion-delay', String(delay || 0) + 'ms');\n    revealIndex += 1;\n  }\n\n  function directionFor(index, mode) {\n    var sets = {\n      copy: ['sc-motion-from-left', 'sc-motion-from-right', 'sc-motion-diagonal-left', 'sc-motion-from-top', 'sc-motion-diagonal-right'],\n      card: ['sc-motion-diagonal-left', 'sc-motion-from-right', 'sc-motion-from-left', 'sc-motion-diagonal-right', 'sc-motion-from-top'],\n      media: ['sc-motion-wipe-left', 'sc-motion-wipe-right', 'sc-motion-diagonal-left', 'sc-motion-diagonal-right']\n    };\n    var set = sets[mode] || sets.copy;\n    return set[Math.abs(index) % set.length];\n  }\n\n  function splitHeading(heading) {\n    if (!heading || heading.dataset.scvSplit === 'true' || heading.children.length) return;\n    var text = cleanText(heading.textContent);\n    if (!text || text.length > 100) return;\n    heading.dataset.scvSplit = 'true';\n    heading.textContent = '';\n    text.split(' ').forEach(function (word, index, list) {\n      var span = document.createElement('span');\n      span.className = 'sc-motion-word';\n      span.style.setProperty('--sc-motion-word', index);\n      var lane = index % 4;\n      span.style.setProperty('--sc-motion-word-x', lane === 0 ? '-0.34em' : (lane === 2 ? '0.34em' : '0em'));\n      span.style.setProperty('--sc-motion-word-y', lane === 1 ? '-0.48em' : (lane === 3 ? '0.6em' : '0.28em'));\n      span.style.setProperty('--sc-motion-word-r', lane % 2 ? '0.75deg' : '-0.75deg');\n      span.textContent = word;\n      heading.appendChild(span);\n      if (index < list.length - 1) heading.appendChild(document.createTextNode(' '));\n    });\n  }\n\n  function prepareHero(section) {\n    section.classList.add('sc-motion-hero-scene', 'sc-motion-scene-active');\n    var candidates = section.querySelectorAll('h1, .scx-hero-kicker, .sc-hero-kicker, .scx-hero-copy > p, .sc-hero-copy > p, .scx-hero-actions, .sc-hero-actions, .sc-work-hero-copy > *, .sc-contact-copy > *');\n    candidates.forEach(function (node, index) {\n      node.classList.add('sc-motion-hero-intro');\n      node.style.setProperty('--sc-motion-delay', String(70 + index * 105) + 'ms');\n    });\n  }\n\n  function prepareHome() {\n    addReveal(root.querySelector('.scx-profile-copy'), 'sc-motion-from-left', 20);\n    addReveal(root.querySelector('.scx-profile-visual'), 'sc-motion-wipe-right sc-motion-drift-deep', 90);\n    root.querySelectorAll('.scx-inventory-card').forEach(function (node, index) {\n      addReveal(node, directionFor(index, 'card'), index * 65);\n    });\n    addReveal(root.querySelector('.scx-birdflight-copy'), 'sc-motion-diagonal-right', 60);\n    addReveal(root.querySelector('.scx-birdflight-stage'), 'sc-motion-zoom sc-motion-drift-deep', 0);\n    addReveal(root.querySelector('.scx-quote-panel'), 'sc-motion-from-top sc-motion-drift-y', 20);\n    addReveal(root.querySelector('.scx-work-proof-media'), 'sc-motion-wipe-left sc-motion-drift-deep', 0);\n    addReveal(root.querySelector('.scx-work-proof-copy'), 'sc-motion-diagonal-right', 80);\n    addReveal(root.querySelector('.scx-contact-copy'), 'sc-motion-diagonal-left', 0);\n    addReveal(root.querySelector('.scx-fluent-form-target'), 'sc-motion-diagonal-right sc-motion-drift-y', 80);\n  }\n\n  function prepareServices() {\n    root.querySelectorAll('.sc-service-panel').forEach(function (node, index) {\n      addReveal(node, directionFor(index, 'card'), 40);\n    });\n    root.querySelectorAll('.sc-impact-work > *, .sc-process-card, .sc-pricing-card, .sc-price-card, .sc-services-proof > *').forEach(function (node, index) {\n      addReveal(node, index % 4 === 2 ? 'sc-motion-zoom' : directionFor(index + 1, 'card'), (index % 4) * 60);\n    });\n    addReveal(root.querySelector('.sc-contact-card'), 'sc-motion-diagonal-right', 0);\n  }\n\n  function prepareWork() {\n    var mix = root.querySelector('.sc-work-hero-mix-v5');\n    if (mix) {\n      Array.from(mix.children).forEach(function (node, index) {\n        node.style.setProperty('--sc-motion-item', index);\n        node.style.setProperty('--sc-motion-start-x', (index % 2 ? 1 : -1) * (36 + index * 8) + 'px');\n        node.style.setProperty('--sc-motion-start-y', (index % 3 - 1) * 32 + 'px');\n        node.style.setProperty('--sc-motion-start-r', (index % 2 ? 1 : -1) * (2 + index) + 'deg');\n      });\n    }\n    addReveal(root.querySelector('.sc-work-intro'), 'sc-motion-diagonal-left', 0);\n    addReveal(root.querySelector('.sc-work-runway-shell'), 'sc-motion-wipe-right sc-motion-drift-deep', 30);\n    root.querySelectorAll('.sc-work-choice-card, .sc-work-route-card, .sc-work-proof-card').forEach(function (node, index) {\n      addReveal(node, directionFor(index, 'card'), index * 60);\n    });\n    addReveal(root.querySelector('.sc-work-contact-card, .sc-contact-card'), 'sc-motion-diagonal-right', 0);\n  }\n\n  function prepareAbout() {\n    addReveal(root.querySelector('.sc-about-hero-copy'), 'sc-motion-from-left', 0);\n    addReveal(root.querySelector('.sc-photo-card'), 'sc-motion-wipe-right sc-motion-drift-deep', 80);\n    root.querySelectorAll('.sc-origin-copy, .sc-origin-visual, .sc-motion-copy, .sc-motion-visual, .sc-gaming-copy, .sc-gaming-visual').forEach(function (node, index) {\n      addReveal(node, directionFor(index, index % 2 ? 'media' : 'copy') + (index % 2 ? ' sc-motion-drift-y' : ''), (index % 2) * 60);\n    });\n    root.querySelectorAll('.sc-cv-card, .sc-education-card, .sc-experience-card').forEach(function (node, index) {\n      addReveal(node, directionFor(index + 2, 'card'), (index % 3) * 70);\n    });\n    addReveal(root.querySelector('.sc-contact-card'), 'sc-motion-diagonal-left', 0);\n  }\n\n  function prepareContact() {\n    addReveal(root.querySelector('.sc-contact-stage, .sc-contact-copy'), 'sc-motion-diagonal-left', 0);\n    addReveal(root.querySelector('.sc-contact-form-card'), 'sc-motion-diagonal-right sc-motion-drift-y', 90);\n    root.querySelectorAll('.sc-contact-step, .sc-next-step, .sc-contact-option').forEach(function (node, index) {\n      addReveal(node, directionFor(index, 'card'), (index % 3) * 60);\n    });\n    root.querySelectorAll('.sc-faq-item, details').forEach(function (node, index) {\n      addReveal(node, '', (index % 4) * 45);\n    });\n  }\n\n  if (sections[0]) prepareHero(sections[0]);\n  if (page === 'home') prepareHome();\n  if (page === 'services') prepareServices();\n  if (page === 'work') prepareWork();\n  if (page === 'about') prepareAbout();\n  if (page === 'contact') prepareContact();\n\n  var visualIndex = 0;\n  root.querySelectorAll('img, video, picture, canvas').forEach(function (asset) {\n    if (asset.closest('header, footer, nav, .scx-logo-marquee, .sc-logo-marquee, .sc-language-notice, .sc-achievement-toast, .scx-achievement-toast')) return;\n    var container = asset.closest('figure, [class*=\"media\"], [class*=\"visual\"], [class*=\"photo\"], [class*=\"video\"], [class*=\"mockup\"], [class*=\"stage\"]');\n    if (!container || container === root || container.dataset.scvMedia === 'true') return;\n    container.dataset.scvMedia = 'true';\n    container.classList.add('sc-motion-media');\n    container.style.setProperty('--sc-motion-media-x', visualIndex % 2 ? '5%' : '-5%');\n    addReveal(container, directionFor(visualIndex, 'media'), (visualIndex % 4) * 42);\n    visualIndex += 1;\n  });\n\n  sections.forEach(function (section, sectionIndex) {\n    section.dataset.scvScene = String(sectionIndex + 1);\n    section.querySelectorAll('h2, h3').forEach(splitHeading);\n    var generic = section.querySelectorAll('.sc-section-head, .scx-section-head, .sc-copy, .scx-copy, .sc-section-copy');\n    generic.forEach(function (node, index) {\n      addReveal(node, directionFor(index + sectionIndex, 'copy'), index * 55);\n    });\n  });\n\n  root.querySelectorAll('.sc-menu-links a').forEach(function (link, index) {\n    link.style.setProperty('--sc-menu-index', index);\n  });\n\n  root.classList.add('sc-motion-ready');\n  requestAnimationFrame(function () {\n    root.classList.add('sc-motion-intro-play');\n  });\n\n  var toast = root.querySelector('.sc-achievement-toast, .scx-achievement-toast, .sc-motion-achievement-toast');\n  if (!toast) {\n    toast = document.createElement('div');\n    toast.className = 'sc-motion-achievement-toast';\n    root.appendChild(toast);\n  }\n  toast.setAttribute('role', 'status');\n  toast.setAttribute('aria-live', 'polite');\n  toast.innerHTML = '<span class=\"sc-motion-achievement-icon\">01<\/span><span class=\"sc-motion-achievement-copy\"><span class=\"sc-motion-achievement-kicker\">ACHIEVEMENT<\/span><span class=\"sc-motion-achievement-title\"><\/span><span class=\"sc-motion-achievement-text\"><\/span><\/span>';\n\n  var toastTimer = 0;\n  var seenAchievements = new Set();\n  var achievementDefaults = {\n    nl: {\n      home: ['Route gestart', 'De adelaar is onderweg.'],\n      services: ['Route geopend', 'Kies wat jouw verhaal nodig heeft.'],\n      work: ['Cases ontgrendeld', 'Bekijk het werk van dichtbij.'],\n      about: ['Speler \u00e9\u00e9n', 'Je leert het brein achter de studio kennen.'],\n      contact: ['Landingsplek gevonden', 'Vertel waar je naartoe wilt.']\n    },\n    en: {\n      home: ['Route started', 'The eagle is on its way.'],\n      services: ['Route unlocked', 'Choose what your story needs.'],\n      work: ['Cases unlocked', 'Explore the work up close.'],\n      about: ['Player one', 'Meet the mind behind the studio.'],\n      contact: ['Landing spot found', 'Tell me where you want to go.']\n    }\n  };\n\n  function showAchievement(section, index) {\n    if (reduced || !section || seenAchievements.has(index)) return;\n    seenAchievements.add(index);\n    var fallback = (achievementDefaults[lang] || achievementDefaults.nl)[page] || achievementDefaults.nl.home;\n    var title = cleanText(section.dataset.achievementTitle || section.dataset.scAchievementTitle || fallback[0]);\n    var text = cleanText(section.dataset.achievementText || section.dataset.scAchievementText || fallback[1]);\n    toast.querySelector('.sc-motion-achievement-icon').textContent = String(index + 1).padStart(2, '0');\n    toast.querySelector('.sc-motion-achievement-title').textContent = title;\n    toast.querySelector('.sc-motion-achievement-text').textContent = text;\n    toast.classList.add('sc-motion-achievement-visible');\n    window.clearTimeout(toastTimer);\n    toastTimer = window.setTimeout(function () { toast.classList.remove('sc-motion-achievement-visible'); }, 4200);\n  }\n\n  var revealObserver = new IntersectionObserver(function (entries) {\n    entries.forEach(function (entry) {\n      if (!entry.isIntersecting) return;\n      entry.target.classList.add('sc-motion-visible');\n      window.setTimeout(function () {\n        entry.target.style.willChange = 'auto';\n        entry.target.querySelectorAll('img, video, picture').forEach(function (asset) { asset.style.willChange = 'auto'; });\n      }, 1350);\n      revealObserver.unobserve(entry.target);\n    });\n  }, { threshold: 0.14, rootMargin: '0px 0px -7% 0px' });\n\n  root.querySelectorAll('.sc-motion-reveal').forEach(function (node) {\n    revealObserver.observe(node);\n  });\n\n  var checkpoints = new Set([0, Math.max(1, Math.floor((sections.length - 1) \/ 2)), Math.max(0, sections.length - 1)]);\n  var sceneObserver = new IntersectionObserver(function (entries) {\n    entries.forEach(function (entry) {\n      if (!entry.isIntersecting) return;\n      var index = sections.indexOf(entry.target);\n      sections.forEach(function (section) { section.classList.remove('sc-motion-scene-active'); });\n      entry.target.classList.add('sc-motion-scene-active');\n      if (checkpoints.has(index) && index !== 0) showAchievement(entry.target, index);\n    });\n  }, { threshold: 0.34, rootMargin: '-12% 0px -32% 0px' });\n\n  sections.forEach(function (section) { sceneObserver.observe(section); });\n  window.setTimeout(function () { if (sections[0]) showAchievement(sections[0], 0); }, 950);\n\n  var ticking = false;\n  function updateProgress() {\n    ticking = false;\n    var doc = document.documentElement;\n    var max = Math.max(1, doc.scrollHeight - window.innerHeight);\n    var progress = Math.min(1, Math.max(0, window.scrollY \/ max));\n    root.style.setProperty('--sc-motion-progress', progress.toFixed(4));\n\n    sections.forEach(function (section) {\n      var rect = section.getBoundingClientRect();\n      if (rect.bottom < -window.innerHeight || rect.top > window.innerHeight * 2) return;\n      var travel = window.innerHeight + rect.height;\n      var local = Math.min(1, Math.max(0, (window.innerHeight - rect.top) \/ travel));\n      var centered = local - 0.5;\n      section.style.setProperty('--sc-motion-p', local.toFixed(4));\n      section.style.setProperty('--sc-motion-y', (centered * -22).toFixed(2) + 'px');\n      section.style.setProperty('--sc-motion-deep-y', (centered * -46).toFixed(2) + 'px');\n      section.style.setProperty('--sc-motion-x', (centered * 18).toFixed(2) + 'px');\n    });\n  }\n\n  function requestProgress() {\n    if (ticking) return;\n    ticking = true;\n    requestAnimationFrame(updateProgress);\n  }\n\n  updateProgress();\n  window.addEventListener('scroll', requestProgress, { passive: true });\n  window.addEventListener('resize', requestProgress, { passive: true });\n\n  function mountFluentForm() {\n    var targets = root.querySelectorAll('[data-scx-fluent-target], [data-sc-fluent-target]');\n    if (!targets.length) return;\n    var form = document.querySelector('.fluentform_wrapper_3, #fluentform_3, [data-fluent_id=\"3\"]');\n    if (!form) return;\n    var wrapper = form.closest('.fluentform_wrapper_3') || form;\n    targets.forEach(function (target) {\n      if (!target.contains(wrapper)) target.replaceChildren(wrapper);\n      target.classList.add('is-mounted');\n    });\n  }\n\n  mountFluentForm();\n  window.addEventListener('load', mountFluentForm, { once: true });\n  window.setTimeout(mountFluentForm, 700);\n\n  if (finePointer && !reduced) {\n    root.querySelectorAll('a[href]').forEach(function (link) {\n      link.addEventListener('click', function (event) {\n        if (event.defaultPrevented || event.button !== 0 || event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) return;\n        var href = link.getAttribute('href') || '';\n        if (!href || href.startsWith('#') || href.startsWith('http') || href.startsWith('tel:') || href.startsWith('mailto:') || link.hasAttribute('download') || link.target === '_blank') return;\n        event.preventDefault();\n        root.classList.add('sc-motion-leaving');\n        window.setTimeout(function () { window.location.href = href; }, 220);\n      });\n    });\n  }\n})();\n<\/script>\n\n\n\n\n\n\n\n\n\n\n\n\n\n<script id=\"studio-crossover-v71\">\n(function () {\n  var root = document.querySelector('.sc-site[data-page]');\n  if (!root || root.dataset.scV71Ready === 'true') return;\n  root.dataset.scV71Ready = 'true';\n\n  var reduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  var detailSelector = [\n    'p',\n    'li',\n    'small',\n    '.sc-label',\n    '.sc-eyebrow',\n    '.scx-eyebrow',\n    '.sc-actions',\n    '.scx-actions',\n    '.sc-card-actions',\n    '.scx-card-actions',\n    '.sc-startpoint-pills',\n    '.sc-contact-signals',\n    '.sc-contact-note'\n  ].join(',');\n\n  var extraReveals = [];\n  root.querySelectorAll('main article, main details').forEach(function (node) {\n    if (node.classList.contains('sc-motion-reveal')) return;\n    node.classList.add('sc-motion-reveal');\n    extraReveals.push(node);\n  });\n\n  root.querySelectorAll('.sc-motion-reveal').forEach(function (container) {\n    var section = container.closest('main > section');\n    if (section) {\n      var peers = Array.from(section.querySelectorAll('.sc-motion-reveal'));\n      var order = Math.max(0, peers.indexOf(container));\n      container.style.setProperty('--sc-motion-delay', String(Math.min(order * 64, 192)) + 'ms');\n    }\n\n    var detailIndex = 0;\n    container.querySelectorAll(detailSelector).forEach(function (node) {\n      if (node.closest('nav, footer, header')) return;\n      if (node.closest('.sc-motion-reveal') !== container) return;\n      if (node.classList.contains('sc-motion-hero-intro')) return;\n      node.classList.add('sc-motion-detail');\n      node.style.setProperty('--sc-motion-detail', String(Math.min(detailIndex, 6)));\n      detailIndex += 1;\n    });\n  });\n\n  root.querySelectorAll('.sc-motion-hero-intro').forEach(function (node, index) {\n    node.style.setProperty('--sc-motion-delay', String(70 + Math.min(index, 6) * 82) + 'ms');\n  });\n\n  if (reduced) {\n    extraReveals.forEach(function (node) {\n      node.classList.add('sc-motion-visible');\n    });\n    root.querySelectorAll('.sc-motion-detail').forEach(function (node) {\n      node.classList.add('sc-motion-detail-visible');\n    });\n  } else if (extraReveals.length && 'IntersectionObserver' in window) {\n    var extraObserver = new IntersectionObserver(function (entries, observer) {\n      entries.forEach(function (entry) {\n        if (!entry.isIntersecting) return;\n        entry.target.classList.add('sc-motion-visible');\n        observer.unobserve(entry.target);\n      });\n    }, { threshold: 0.12, rootMargin: '0px 0px -6% 0px' });\n    extraReveals.forEach(function (node) {\n      extraObserver.observe(node);\n    });\n  } else {\n    extraReveals.forEach(function (node) {\n      node.classList.add('sc-motion-visible');\n    });\n  }\n\n  var menu = root.querySelector('.sc-menu');\n  var menuToggle = root.querySelector('.sc-menu-toggle');\n  if (!menu || !menuToggle) return;\n\n  function closeMenu(returnFocus) {\n    if (menuToggle.getAttribute('aria-expanded') !== 'true') return;\n    root.classList.remove('is-menu-open');\n    document.body.classList.remove('sc-menu-lock');\n    menu.classList.remove('is-open');\n    menu.setAttribute('aria-hidden', 'true');\n    menuToggle.setAttribute('aria-expanded', 'false');\n    menuToggle.setAttribute('aria-label', root.dataset.language === 'en' ? 'Open menu' : 'Menu openen');\n    if (returnFocus) menuToggle.focus();\n  }\n\n  menuToggle.addEventListener('click', function () {\n    window.setTimeout(function () {\n      if (menuToggle.getAttribute('aria-expanded') === 'true') {\n        var firstLink = menu.querySelector('a[href]');\n        if (firstLink) firstLink.focus({ preventScroll: true });\n      }\n    }, 0);\n  });\n\n  document.addEventListener('keydown', function (event) {\n    if (event.key === 'Escape') closeMenu(true);\n  });\n\n  document.addEventListener('pointerdown', function (event) {\n    if (menuToggle.getAttribute('aria-expanded') !== 'true') return;\n    if (menu.contains(event.target) || menuToggle.contains(event.target)) return;\n    closeMenu(false);\n  });\n})();\n\n<\/script>\n\n<style id=\"studio-crossover-v72\">\n\/* Studio Crossover v72: fullscreen menu, rustige motion en volwaardige unlock-toast. *\/\n.sc-motion-root{--v72-ease:cubic-bezier(.16,1,.3,1);--v72-menu:#080b17;--v72-menu-text:#f7f5ff;--v72-menu-soft:rgba(247,245,255,.32);--v72-menu-line:rgba(196,167,255,.16)}\n\n\/* Compacte vaste header *\/\nhtml body:not(.elementor-editor-active) :is(#scx-top,#top).sc-motion-root .sc-header{position:fixed!important;inset:0 0 auto!important;z-index:8100!important;padding:14px 0 0!important;pointer-events:none!important}\nhtml body:not(.elementor-editor-active) :is(#scx-top,#top).sc-motion-root .sc-nav-shell{width:min(1240px,calc(100% - 32px))!important;min-height:70px!important;margin:0 auto!important;padding:7px 9px 7px 13px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:20px!important;background:rgba(8,11,23,.72)!important;box-shadow:0 14px 44px rgba(0,0,0,.18)!important;backdrop-filter:blur(20px) saturate(1.18)!important;-webkit-backdrop-filter:blur(20px) saturate(1.18)!important;pointer-events:auto!important}\n.sc-motion-root[data-theme=\"light\"] .sc-nav-shell{border-color:rgba(61,52,139,.13)!important;background:rgba(249,248,253,.84)!important;box-shadow:0 14px 44px rgba(42,34,95,.08)!important}\n.sc-motion-root.is-menu-open .sc-nav-shell{border-color:transparent!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}\n.sc-motion-root .sc-desktop-nav{display:none!important}\n.sc-motion-root .sc-brand-mark,.sc-motion-root .sc-brand-mark img{width:50px!important;height:50px!important}\n.sc-motion-root .sc-brand-text strong{font-size:1rem!important}.sc-motion-root .sc-brand-text small{font-size:.62rem!important}.sc-motion-root .sc-nav-actions{margin-left:auto!important}\n.sc-motion-root .sc-menu-toggle{display:inline-grid!important;width:50px!important;min-width:50px!important;height:50px!important;padding:0!important;border:1px solid rgba(196,167,255,.2)!important;border-radius:15px!important;background:rgba(196,167,255,.08)!important}\n.sc-motion-root .sc-menu-toggle:hover,.sc-motion-root .sc-menu-toggle:focus-visible{border-color:rgba(196,167,255,.46)!important;background:rgba(196,167,255,.15)!important}\n\n\/* Fullscreen navigatiesc\u00e8ne *\/\nhtml body:not(.elementor-editor-active) :is(#scx-top,#top).sc-motion-root .sc-menu{position:fixed!important;inset:0!important;z-index:7900!important;display:block!important;width:100vw!important;height:100svh!important;min-height:100svh!important;max-height:none!important;padding:110px max(24px,calc((100vw - 1180px)\/2)) 30px!important;border:0!important;border-radius:0!important;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;box-shadow:none!important;color:var(--v72-menu-text)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;overflow:auto!important;clip-path:inset(0 0 100% 0)!important;transform:none!important;transition:clip-path .68s var(--v72-ease),opacity .24s ease,visibility .68s step-end!important}\nhtml body:not(.elementor-editor-active) :is(#scx-top,#top).sc-motion-root[data-theme=\"light\"] .sc-menu{--v72-menu:#f5f4f8;--v72-menu-text:#151426;--v72-menu-soft:rgba(21,20,38,.3);--v72-menu-line:rgba(61,52,139,.15);background:radial-gradient(circle at 14% 16%,rgba(196,167,255,.23),transparent 28%),radial-gradient(circle at 86% 84%,rgba(84,96,249,.1),transparent 30%),var(--v72-menu)!important}\nhtml body:not(.elementor-editor-active) :is(#scx-top,#top).sc-motion-root .sc-menu.is-open,html body:not(.elementor-editor-active) :is(#scx-top,#top).sc-motion-root.is-menu-open .sc-menu{opacity:1!important;visibility:visible!important;pointer-events:auto!important;clip-path:inset(0)!important;transition:clip-path .68s var(--v72-ease),opacity .24s ease,visibility 0s step-start!important}\nhtml body:not(.elementor-editor-active) :is(#scx-top,#top).sc-motion-root .sc-menu-inner{width:100%!important;max-width:none!important;min-height:calc(100svh - 140px)!important;margin:0!important;padding:0!important;display:grid!important;grid-template-rows:auto auto auto auto!important;align-content:space-between!important;gap:clamp(18px,3vh,34px)!important}\n.sc-motion-root .sc-menu-kicker{margin:0!important;color:var(--v72-menu-soft)!important;font-size:.68rem!important;letter-spacing:.16em!important}.sc-motion-root .sc-menu-kicker::after{content:\" \/ kies je route\";color:rgba(196,167,255,.82)}.sc-motion-root[data-language=\"en\"] .sc-menu-kicker::after{content:\" \/ choose your route\"}\nhtml body:not(.elementor-editor-active) :is(#scx-top,#top).sc-motion-root .sc-menu-links{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0 clamp(36px,7vw,104px)!important;margin:0!important}\nhtml body:not(.elementor-editor-active) :is(#scx-top,#top).sc-motion-root .sc-menu-links a{position:relative!important;display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;gap:12px!important;align-items:center!important;min-height:clamp(62px,8vh,86px)!important;padding:9px 0!important;border:0!important;border-bottom:1px solid var(--v72-menu-line)!important;border-radius:0!important;background:transparent!important;color:var(--v72-menu-soft)!important;opacity:0!important;transform:translate3d(0,22px,0)!important;transition:color .24s ease,opacity .48s var(--v72-ease),transform .48s var(--v72-ease)!important;transition-delay:calc(110ms + var(--sc-menu-index,0)*52ms)!important}\nhtml body:not(.elementor-editor-active) :is(#scx-top,#top).sc-motion-root .sc-menu.is-open .sc-menu-links a,html body:not(.elementor-editor-active) :is(#scx-top,#top).sc-motion-root.is-menu-open .sc-menu-links a{opacity:1!important;transform:none!important}\n.sc-motion-root .sc-menu-links a:hover,.sc-motion-root .sc-menu-links a:focus-visible,.sc-motion-root .sc-menu-links a.is-active,.sc-motion-root .sc-menu-links a[aria-current=\"page\"]{color:var(--v72-menu-text)!important;outline:none!important}\n.sc-motion-root .sc-menu-links a::after{content:\"\u2197\";position:absolute;right:2px;color:rgba(196,167,255,.9);font-size:1rem;opacity:0;transform:translate3d(-7px,7px,0);transition:opacity .2s ease,transform .3s var(--v72-ease)}\n.sc-motion-root .sc-menu-links a:hover::after,.sc-motion-root .sc-menu-links a:focus-visible::after,.sc-motion-root .sc-menu-links a.is-active::after,.sc-motion-root .sc-menu-links a[aria-current=\"page\"]::after{opacity:1;transform:none}\n.sc-motion-root .sc-menu-index{color:rgba(196,167,255,.68)!important;font-size:.64rem!important}.sc-motion-root .sc-menu-label{font-size:clamp(2rem,4.2vw,4rem)!important;line-height:.94!important;letter-spacing:-.06em!important;font-weight:820!important}.sc-motion-root .sc-menu-hint{display:none!important}\n\n.sc-menu-experience{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;min-height:58px;border-bottom:1px solid var(--v72-menu-line)}\n.sc-menu-experience-copy{min-width:0;color:var(--v72-menu-soft);font-size:clamp(.92rem,1.25vw,1.08rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sc-menu-experience-copy strong{color:var(--v72-menu-text);font-weight:780}.sc-menu-experience a{color:var(--v72-menu-text)!important;font-size:.82rem;font-weight:800;text-decoration:none!important}\nhtml body:not(.elementor-editor-active) :is(#scx-top,#top).sc-motion-root .sc-menu-bottom{display:grid!important;grid-template-columns:minmax(200px,1.15fr) auto auto minmax(220px,.9fr)!important;align-items:end!important;gap:clamp(20px,4vw,56px)!important;margin:0!important;padding:0!important;border:0!important}\n.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)}.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)}.sc-menu-mini-scene span{position:absolute;left:12%;top:53%;font-size:1.05rem;animation:v72MenuFlight 4.8s var(--v72-ease) infinite}\n@keyframes v72MenuFlight{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-menu-meta,.sc-menu-socials{display:grid;gap:6px;align-self:center;color:var(--v72-menu-soft);font-size:.7rem;line-height:1.35}.sc-menu-meta strong,.sc-menu-socials a{color:var(--v72-menu-text)!important;font-size:.78rem;text-decoration:none!important}.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}.sc-menu-wordmark span{display:block;color:rgba(196,167,255,.88)}\n\n\/* Steam\/Xbox-achtige achievement toast rechtsonder *\/\n.sc-motion-achievement-toast,.sc-motion-root .sc-achievement-toast,.sc-motion-root .scx-achievement-toast{position:fixed!important;inset:auto clamp(16px,2.4vw,34px) clamp(16px,2.4vw,34px) auto!important;z-index:7600!important;display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;width:min(380px,calc(100vw - 32px))!important;min-height:82px!important;gap:13px!important;align-items:center!important;padding:13px 16px 13px 13px!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:17px!important;background:linear-gradient(145deg,rgba(15,16,28,.96),rgba(26,23,45,.93))!important;color:#fff!important;box-shadow:0 24px 70px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.06)!important;opacity:0!important;filter:none!important;transform:translate3d(0,24px,0) scale(.97)!important;transition:opacity .25s ease,transform .5s var(--v72-ease)!important;pointer-events:none!important;backdrop-filter:blur(22px) saturate(1.25)!important;-webkit-backdrop-filter:blur(22px) saturate(1.25)!important}\n.sc-motion-achievement-toast::after,.sc-motion-root .sc-achievement-toast::after,.sc-motion-root .scx-achievement-toast::after{content:\"\";position:absolute;inset:auto 0 0;height:2px;background:linear-gradient(90deg,#c4a7ff,#5460f9,#ed80b7);transform:scaleX(0);transform-origin:left}\n.sc-motion-achievement-toast.sc-motion-achievement-visible,.sc-motion-root .sc-achievement-toast:is(.is-visible,.sc-motion-achievement-visible),.sc-motion-root .scx-achievement-toast:is(.is-visible,.sc-motion-achievement-visible){opacity:1!important;transform:none!important}\n.sc-motion-achievement-toast.sc-motion-achievement-visible::after,.sc-motion-root .sc-achievement-toast:is(.is-visible,.sc-motion-achievement-visible)::after,.sc-motion-root .scx-achievement-toast:is(.is-visible,.sc-motion-achievement-visible)::after{animation:v72AchievementTime 4.15s linear both}@keyframes v72AchievementTime{from{transform:scaleX(1)}to{transform:scaleX(0)}}\n.sc-motion-root :is(.sc-motion-achievement-icon,.sc-achievement-icon,.scx-achievement-icon){display:grid!important;width:48px!important;height:48px!important;place-items:center!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:14px!important;background:linear-gradient(135deg,#7653d8,#5460f9 58%,#ed80b7)!important;color:#fff!important;font-size:1.08rem!important;font-weight:900!important;line-height:1!important;box-shadow:0 10px 28px rgba(84,96,249,.34)!important}\n.sc-motion-root :is(.sc-motion-achievement-copy,.sc-achievement-copy,.scx-achievement-copy){display:grid!important;min-width:0!important;gap:3px!important}.sc-motion-root :is(.sc-motion-achievement-kicker,.sc-achievement-kicker,.scx-achievement-kicker){display:block!important;margin:0!important;color:#cfc0ff!important;font-size:.63rem!important;font-weight:900!important;line-height:1.1!important;letter-spacing:.13em!important;text-transform:uppercase!important}.sc-motion-root :is(.sc-motion-achievement-title,.sc-achievement-copy strong,.scx-achievement-copy strong){display:block!important;overflow:visible!important;color:#fff!important;font-size:.98rem!important;font-weight:850!important;line-height:1.15!important;text-overflow:clip!important;white-space:normal!important}.sc-motion-root :is(.sc-motion-achievement-text,.sc-achievement-copy small,.scx-achievement-copy small){display:block!important;overflow:visible!important;margin:0!important;color:rgba(255,255,255,.66)!important;font-size:.76rem!important;line-height:1.3!important;text-overflow:clip!important;white-space:normal!important}.sc-motion-root.is-menu-open :is(.sc-motion-achievement-toast,.sc-achievement-toast,.scx-achievement-toast){opacity:0!important}\n\n\/* E\u00e9n consistente motionvolgorde *\/\n@media (prefers-reduced-motion:no-preference){.sc-motion-root.sc-motion-ready .sc-motion-reveal,.sc-motion-root.sc-motion-ready .sc-motion-reveal:is(.sc-motion-from-left,.sc-motion-from-right,.sc-motion-from-top,.sc-motion-diagonal-left,.sc-motion-diagonal-right,.sc-motion-zoom){opacity:0!important;filter:blur(5px)!important;transform:translate3d(0,22px,0) scale(.992)!important;transition:opacity .72s var(--v72-ease),filter .72s var(--v72-ease),transform .84s var(--v72-ease)!important;transition-delay:var(--sc-motion-delay,0ms)!important}.sc-motion-root.sc-motion-ready .sc-motion-reveal.sc-motion-visible{opacity:1!important;filter:none!important;transform:none!important}.sc-motion-root .sc-motion-word{--sc-motion-word-x:0em!important;--sc-motion-word-y:.58em!important;--sc-motion-word-r:0deg!important;transition-duration:.74s!important;transition-delay:calc(65ms + var(--sc-motion-word,0)*34ms)!important}.sc-motion-root .sc-motion-detail{opacity:0;transform:translate3d(0,11px,0);transition:opacity .54s ease,transform .66s var(--v72-ease);transition-delay:calc(var(--sc-motion-delay,0ms) + 115ms + var(--sc-motion-detail,0)*52ms)}.sc-motion-root .sc-motion-visible .sc-motion-detail,.sc-motion-root .sc-motion-detail.sc-motion-detail-visible{opacity:1;transform:none}.sc-motion-root .sc-motion-media{clip-path:inset(0 0 14% 0 round 24px);transition:clip-path .92s var(--v72-ease)!important}.sc-motion-root.sc-motion-ready .sc-motion-media:not(.sc-motion-visible)>:is(img,video,picture),.sc-motion-root.sc-motion-ready .sc-motion-media:not(.sc-motion-visible) picture>img{filter:saturate(.82) contrast(.96)!important;transform:translate3d(0,18px,0) scale(1.065)!important}.sc-motion-root .sc-motion-media.sc-motion-visible{clip-path:inset(0 round 24px)}.sc-motion-root .sc-motion-media.sc-motion-visible>:is(img,video,picture),.sc-motion-root .sc-motion-media.sc-motion-visible picture>img{filter:none!important;transform:scale(1.01)!important}}\n\n\/* Fluent Forms is de finish van de homepage *\/\n.sc-motion-root[data-page=\"home\"] .scx-contact-end{min-height:min(920px,96svh)!important;display:grid!important;align-items:center!important}.sc-motion-root[data-page=\"home\"] .scx-contact-panel{position:relative;overflow:hidden;border-color:rgba(196,167,255,.22)!important;background:radial-gradient(circle at 86% 10%,rgba(84,96,249,.16),transparent 30%),linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.025))!important;box-shadow:0 34px 100px rgba(0,0,0,.2)!important}.sc-motion-root[data-page=\"home\"] .scx-fluent-form-target{min-height:360px!important}\n\n@media (max-width:820px){html body:not(.elementor-editor-active) :is(#scx-top,#top).sc-motion-root .sc-menu{padding:98px 18px 20px!important}html body:not(.elementor-editor-active) :is(#scx-top,#top).sc-motion-root .sc-menu-inner{min-height:calc(100svh - 118px)!important;gap:18px!important}html body:not(.elementor-editor-active) :is(#scx-top,#top).sc-motion-root .sc-menu-links{grid-template-columns:1fr!important;gap:0!important}html body:not(.elementor-editor-active) :is(#scx-top,#top).sc-motion-root .sc-menu-links a{min-height:56px!important;grid-template-columns:28px minmax(0,1fr)!important;padding:7px 0!important}.sc-motion-root .sc-menu-label{font-size:clamp(1.75rem,8.2vw,2.5rem)!important}.sc-menu-experience{min-height:50px}html body:not(.elementor-editor-active) :is(#scx-top,#top).sc-motion-root .sc-menu-bottom{grid-template-columns:minmax(150px,1fr) auto!important;gap:14px!important}.sc-menu-mini-scene{min-height:70px}.sc-menu-socials{display:none}.sc-menu-wordmark{font-size:clamp(1.7rem,8vw,2.7rem)}}\n@media (max-width:560px){html body:not(.elementor-editor-active) :is(#scx-top,#top).sc-motion-root .sc-nav-shell{width:calc(100% - 20px)!important;min-height:62px!important;padding:5px 6px 5px 8px!important;border-radius:17px!important}.sc-motion-root .sc-brand-mark,.sc-motion-root .sc-brand-mark img{width:46px!important;height:46px!important}.sc-motion-root .sc-brand-text small,.sc-motion-root .sc-theme-label,.sc-motion-root .sc-lang-switch{display:none!important}.sc-motion-root .sc-menu-toggle,.sc-motion-root .sc-theme-toggle{width:44px!important;min-width:44px!important;height:44px!important}.sc-menu-experience-copy span,.sc-menu-meta{display:none}html body:not(.elementor-editor-active) :is(#scx-top,#top).sc-motion-root .sc-menu-bottom{grid-template-columns:1fr auto!important}.sc-motion-achievement-toast,.sc-motion-root .sc-achievement-toast,.sc-motion-root .scx-achievement-toast{inset:auto 14px 14px!important;width:auto!important;min-height:76px!important;grid-template-columns:44px minmax(0,1fr)!important;padding:11px 13px 11px 11px!important}.sc-motion-root :is(.sc-motion-achievement-icon,.sc-achievement-icon,.scx-achievement-icon){width:44px!important;height:44px!important}}\n@media (prefers-reduced-motion:reduce){.sc-menu-mini-scene span,.sc-motion-achievement-toast::after,.sc-motion-root .sc-achievement-toast::after,.sc-motion-root .scx-achievement-toast::after{animation:none!important}html body:not(.elementor-editor-active) :is(#scx-top,#top).sc-motion-root .sc-menu{clip-path:none!important;transition:opacity .15s ease,visibility .15s ease!important}}\n\n<\/style>\n<script id=\"studio-crossover-v72-script\">\n(function(){\n  var root=document.querySelector('.sc-site[data-page]');if(!root||root.dataset.scV72Ready==='true')return;root.dataset.scV72Ready='true';\n  var lang=root.dataset.language==='en'?'en':'nl',menu=root.querySelector('.sc-menu'),inner=menu&&menu.querySelector('.sc-menu-inner'),links=menu&&menu.querySelector('.sc-menu-links'),bottom=menu&&menu.querySelector('.sc-menu-bottom'),toggle=root.querySelector('.sc-menu-toggle');\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(menu&&inner&&links&&bottom){\n    var kicker=inner.querySelector('.sc-menu-kicker');if(kicker)kicker.textContent=c.k;\n    var contact=links.querySelector('a:last-child'),href=contact?contact.href:'https:\/\/arendvanberkel.nl\/index.php\/contact-en\/';\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);a.addEventListener('click',function(){root.classList.remove('is-menu-open');document.body.classList.remove('sc-menu-lock');menu.classList.remove('is-open');menu.setAttribute('aria-hidden','true');if(toggle)toggle.setAttribute('aria-expanded','false')})});\n  }\n  document.addEventListener('keydown',function(e){if(e.key!=='Tab'||!menu||!toggle||toggle.getAttribute('aria-expanded')!=='true')return;var f=Array.from(root.querySelectorAll('.sc-header a[href],.sc-header button:not([disabled]),.sc-menu a[href]')).filter(function(n){return n.offsetParent!==null});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 toast=root.querySelector('.sc-motion-achievement-toast,.sc-achievement-toast,.scx-achievement-toast');if(toast){var icon=toast.querySelector('.sc-motion-achievement-icon,.sc-achievement-icon,.scx-achievement-icon'),kick=toast.querySelector('.sc-motion-achievement-kicker,.sc-achievement-kicker,.scx-achievement-kicker');function restore(){if(icon&&icon.textContent!=='\u2726')icon.textContent='\u2726';if(kick&&kick.textContent!=='Achievement unlocked')kick.textContent='Achievement unlocked'}restore();new MutationObserver(restore).observe(toast,{childList:true,characterData:true,subtree:true})}\n  root.querySelectorAll('main>section').forEach(function(section){section.querySelectorAll('p,li,small,.sc-label,.sc-eyebrow,.scx-eyebrow,.sc-actions,.scx-actions').forEach(function(n,i){if(n.closest('nav,footer,header'))return;n.style.setProperty('--sc-motion-detail',String(Math.min(i,7)));n.classList.add('sc-motion-detail')})});\n})();\n\n<\/script>\n<\/div>\n\n\n<style id=\"studio-crossover-v73\">\n\/* v73: zichtbaarheid is nooit afhankelijk van JavaScript *\/\n.sc-site[data-motion] :is(.sc-reveal,.scx-reveal,.sc-motion-reveal,.sc-motion-word,.sc-motion-detail){opacity:1!important;visibility:visible!important;filter:none!important;transform:none!important}\n.sc-site[data-motion] :is(.sc-motion-media,.sc-motion-media>*):not(.sc-menu){clip-path:none!important}\n.sc-site[data-motion] .sc-v73-item{opacity:1!important;visibility:visible!important;filter:none!important;transform:none!important;clip-path:inset(0 round 24px)!important;transition:opacity .62s ease,transform .82s cubic-bezier(.18,.82,.2,1),filter .72s ease,clip-path .9s cubic-bezier(.18,.82,.2,1)!important;transition-delay:calc(var(--v73-i,0) * 54ms)!important;will-change:auto}\n\n\/* Alleen verbergen wanneer de v73-observer echt actief is *\/\n@media (prefers-reduced-motion:no-preference){\n  .sc-site.sc-v73-motion-live .sc-v73-item:not(.sc-v73-visible){\n    opacity:0!important;\n    filter:blur(var(--v73-blur,0px)) brightness(var(--v73-brightness,1))!important;\n    transform:translate3d(var(--v73-x,0),var(--v73-y,24px),0) scale(var(--v73-scale,.99)) rotate(var(--v73-rotate,0deg))!important;\n    clip-path:var(--v73-clip,inset(0 round 24px))!important;\n    will-change:opacity,transform,filter,clip-path\n  }\n  .sc-site.sc-v73-motion-live .sc-v73-item.sc-v73-visible{opacity:1!important;filter:none!important;transform:none!important;clip-path:inset(0 round 24px)!important}\n}\n\n\/* Homepage: hoofdstukken bouwen van onder naar boven op *\/\n.sc-site[data-motion=\"story\"] [data-v73-motion=\"title\"]{--v73-y:38px;--v73-clip:inset(0 0 100% 0 round 8px);--v73-blur:2px}\n.sc-site[data-motion=\"story\"] [data-v73-motion=\"slide-left\"]{--v73-x:-48px;--v73-y:0;--v73-clip:inset(0 10% 0 0 round 24px)}\n.sc-site[data-motion=\"story\"] [data-v73-motion=\"mask\"]{--v73-y:18px;--v73-scale:1.055;--v73-clip:inset(0 0 18% 0 round 30px);--v73-brightness:.82}\n.sc-site[data-motion=\"story\"] [data-v73-motion=\"pop\"]{--v73-y:30px;--v73-scale:.94;--v73-rotate:var(--v73-r,0deg)}\n.sc-site[data-motion=\"story\"] [data-v73-motion=\"spotlight\"]{--v73-y:18px;--v73-scale:.97;--v73-blur:8px;--v73-brightness:.72}\n\n\/* Diensten: panelen komen afwisselend van links en rechts *\/\n.sc-site[data-motion=\"alternating\"] [data-v73-motion=\"panel-left\"]{--v73-x:-62px;--v73-y:0;--v73-clip:inset(0 12% 0 0 round 26px)}\n.sc-site[data-motion=\"alternating\"] [data-v73-motion=\"panel-right\"]{--v73-x:62px;--v73-y:0;--v73-clip:inset(0 0 0 12% round 26px)}\n.sc-site[data-motion=\"alternating\"] [data-v73-motion=\"step\"]{--v73-y:42px;--v73-scale:.955;--v73-rotate:var(--v73-r,0deg)}\n.sc-site[data-motion=\"alternating\"] [data-v73-motion=\"price\"]{--v73-y:26px;--v73-scale:.92;--v73-rotate:var(--v73-r,0deg);--v73-blur:3px}\n.sc-site[data-motion=\"alternating\"] .sc-service-panel:hover{transform:translateY(-3px)!important}\n\n\/* Werk: cases worden als filmframes onthuld *\/\n.sc-site[data-motion=\"cinematic\"] [data-v73-motion=\"cinema-left\"]{--v73-x:-34px;--v73-y:0;--v73-scale:1.035;--v73-clip:inset(0 28% 0 0 round 26px);--v73-brightness:.72}\n.sc-site[data-motion=\"cinematic\"] [data-v73-motion=\"cinema-right\"]{--v73-x:34px;--v73-y:0;--v73-scale:1.035;--v73-clip:inset(0 0 0 28% round 26px);--v73-brightness:.72}\n.sc-site[data-motion=\"cinematic\"] [data-v73-motion=\"deck\"]{--v73-x:var(--v73-deck-x,0px);--v73-y:34px;--v73-scale:.94;--v73-rotate:var(--v73-r,0deg)}\n.sc-site[data-motion=\"cinematic\"] [data-v73-motion=\"title\"]{--v73-x:-38px;--v73-y:0;--v73-clip:inset(0 100% 0 0 round 8px)}\n\n\/* Over mij: rustig editoriaal, met een portretreveal *\/\n.sc-site[data-motion=\"editorial\"] [data-v73-motion=\"portrait\"]{--v73-x:34px;--v73-y:10px;--v73-scale:1.06;--v73-clip:inset(0 0 22% 18% round 32px);--v73-brightness:.8}\n.sc-site[data-motion=\"editorial\"] [data-v73-motion=\"copy\"]{--v73-x:-34px;--v73-y:10px;--v73-clip:inset(0 8% 0 0 round 16px)}\n.sc-site[data-motion=\"editorial\"] [data-v73-motion=\"stamp\"]{--v73-y:24px;--v73-scale:.94;--v73-rotate:var(--v73-r,0deg)}\n.sc-site[data-motion=\"editorial\"] [data-v73-motion=\"title\"]{--v73-y:34px;--v73-clip:inset(0 0 100% 0 round 8px)}\n\n\/* Contact: twee signalen komen samen, daarna volgt de route *\/\n.sc-site[data-motion=\"signal\"] [data-v73-motion=\"signal-left\"]{--v73-x:-48px;--v73-y:0;--v73-clip:inset(0 10% 0 0 round 24px)}\n.sc-site[data-motion=\"signal\"] [data-v73-motion=\"signal-right\"]{--v73-x:48px;--v73-y:0;--v73-scale:.97;--v73-clip:inset(0 0 0 14% round 28px);--v73-blur:3px}\n.sc-site[data-motion=\"signal\"] [data-v73-motion=\"rise\"]{--v73-y:38px;--v73-scale:.955}\n.sc-site[data-motion=\"signal\"] [data-v73-motion=\"fan\"]{--v73-y:34px;--v73-scale:.94;--v73-rotate:var(--v73-r,0deg)}\n.sc-site[data-motion=\"signal\"] [data-v73-motion=\"soft\"]{--v73-y:20px;--v73-blur:5px;--v73-brightness:.82}\n.sc-site[data-motion=\"signal\"] .sc-form-card{position:relative;overflow:hidden}\n.sc-site[data-motion=\"signal\"] .sc-form-card::before{content:\"\";position:absolute;z-index:0;inset:-35% auto -35% -38%;width:28%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(196,167,255,.14),transparent);transform:skewX(-12deg);opacity:0}\n.sc-site[data-motion=\"signal\"] .sc-form-card.sc-v73-visible::before{animation:scV73Signal 1.15s .34s cubic-bezier(.18,.82,.2,1) both}\n.sc-site[data-motion=\"signal\"] .sc-form-card>*{position:relative;z-index:1}\n@keyframes scV73Signal{0%{left:-38%;opacity:0}18%{opacity:1}100%{left:118%;opacity:0}}\n\n\/* Contact blijft bruikbaar met of zonder Fluent Forms *\/\n.sc-site .sc-fluent-mount{display:none;margin-top:22px}\n.sc-site .sc-fluent-mount.is-ready{display:block}\n.sc-site.sc-v73-fluent-ready .sc-contact-fallback{display:none!important}\n.sc-site .sc-contact-fallback{margin-top:22px}\n.sc-site .sc-form-choice{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:18px 0 0}\n.sc-site .sc-form-choice button{min-height:38px;padding:0 13px;border:1px solid var(--sc-line);border-radius:999px;color:var(--sc-muted);background:rgba(255,255,255,.035);cursor:pointer}\n.sc-site .sc-form-choice button:hover,.sc-site .sc-form-choice button:focus-visible{color:var(--sc-text);border-color:var(--sc-line-strong);background:rgba(196,167,255,.1)}\n.sc-site .sc-form-direct{margin:16px 0 0;color:var(--sc-soft);font-size:.78rem}\n.sc-site .sc-form-direct a{color:var(--sc-accent)}\n\n\/* Fullscreen menu blijft rustig en bruikbaar *\/\nhtml body:not(.elementor-editor-active) .sc-site[data-motion] .sc-menu{position:fixed!important;inset:0!important;z-index:7900!important;width:100vw!important;height:100svh!important;max-height:none!important;padding:110px max(24px,calc((100vw - 1180px)\/2)) 30px!important;border:0!important;border-radius:0!important;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%),#070811!important;overflow:auto!important}\nhtml body:not(.elementor-editor-active) .sc-site[data-motion][data-theme=\"light\"] .sc-menu{background:radial-gradient(circle at 14% 16%,rgba(196,167,255,.22),transparent 28%),radial-gradient(circle at 86% 84%,rgba(84,96,249,.1),transparent 30%),#f5f4f8!important}\n.sc-site[data-motion] .sc-menu-inner{width:min(1040px,100%)!important;min-height:calc(100svh - 150px)!important;margin:0 auto!important;display:grid!important;align-content:center!important}\n.sc-site[data-motion] .sc-menu-links a{transition:color .22s ease,opacity .42s ease,transform .52s cubic-bezier(.18,.82,.2,1)!important}\n.sc-site[data-motion].is-menu-open .sc-menu-links a{transition-delay:calc(var(--sc-menu-index,0) * 48ms)!important}\n\n\/* WordPress-thema mag de eigen pagina niet overnemen *\/\nbody:not(.elementor-editor-active):not(.elementor-editor-preview):has(.sc-site[data-motion]) header:not(.sc-header):not(.scx-header),\nbody:not(.elementor-editor-active):not(.elementor-editor-preview):has(.sc-site[data-motion]) footer:not(.sc-site-footer):not(.scx-footer){display:none!important;visibility:hidden!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}\nbody:not(.elementor-editor-active):not(.elementor-editor-preview):has(.sc-site[data-motion]) :is(.page-header,.entry-header,.page-title,.entry-title,.post-title,.elementor-widget-theme-post-title){display:none!important;visibility:hidden!important;height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}\n\n@media(max-width:760px){\n  .sc-site[data-motion] .sc-v73-item{transition-duration:.6s!important;transition-delay:calc(var(--v73-i,0) * 34ms)!important}\n  .sc-site[data-motion] .sc-menu{padding:96px 18px 20px!important}\n  .sc-site[data-motion] .sc-menu-inner{min-height:calc(100svh - 116px)!important}\n  .sc-site[data-motion] [data-v73-motion]{--v73-x:0px}\n  .sc-site[data-motion=\"cinematic\"] [data-v73-motion^=\"cinema\"]{--v73-clip:inset(0 0 18% 0 round 22px)}\n}\n@media(prefers-reduced-motion:reduce){\n  .sc-site[data-motion] .sc-v73-item,.sc-site[data-motion] .sc-v73-item::before{opacity:1!important;filter:none!important;transform:none!important;clip-path:none!important;animation:none!important;transition:none!important}\n}\n<\/style>\n\n<script id=\"studio-crossover-v73-script\">\n(function(){\n  var root=document.querySelector('.sc-site[data-page]');\n  if(!root||root.dataset.scV73Ready==='true')return;\n  root.dataset.scV73Ready='true';\n  var page=root.dataset.page||'home';\n  var reduced=window.matchMedia('(prefers-reduced-motion:reduce)').matches;\n  var itemIndex=0;\n\n  function add(selector,motion,stagger){\n    root.querySelectorAll(selector).forEach(function(node,index){\n      if(node.closest('header,footer,nav,.sc-menu,.sc-language-notice'))return;\n      if(node.classList.contains('sc-v73-item')||node.closest('.sc-v73-item'))return;\n      node.classList.add('sc-v73-item');\n      node.setAttribute('data-v73-motion',motion);\n      node.style.setProperty('--v73-i',String(stagger===false?0:index%6));\n      var lane=(index%3)-1;\n      if(['pop','step','price','deck','stamp','fan'].indexOf(motion)>-1)node.style.setProperty('--v73-r',String(lane*(motion==='deck'?1.1:motion==='fan'?1:motion==='price'?-0.55:motion==='stamp'?0.7:0.45))+'deg');\n      if(motion==='deck')node.style.setProperty('--v73-deck-x',String(lane*28)+'px');\n      itemIndex++;\n    });\n  }\n\n  if(page==='home'){\n    add('main>section:first-child h1,main>section:first-child .scx-hero-kicker,main>section:first-child .scx-hero-text,main>section:first-child .scx-actions','title');\n    add('.scx-profile-copy,.scx-birdflight-copy,.scx-work-proof-copy,.scx-contact-copy','slide-left',false);\n    add('.scx-profile-visual,.scx-bird-stage,.scx-work-proof-media,.scx-fluent-form-target','mask',false);\n    add('.scx-inventory-card','pop');\n    add('.scx-quote-panel,.scx-quote-reading','spotlight',false);\n  }else if(page==='services'){\n    root.querySelectorAll('.sc-service-panel').forEach(function(node,index){if(!node.classList.contains('sc-v73-item')){node.classList.add('sc-v73-item');node.setAttribute('data-v73-motion',index%2?'panel-right':'panel-left');node.style.setProperty('--v73-i',String(index%3));}});\n    add('.sc-process-card,.sc-step-card','step');\n    add('.sc-pricing-card,.sc-price-card','price');\n    add('.sc-contact-card,.sc-services-proof','panel-right',false);\n  }else if(page==='work'){\n    root.querySelectorAll('.sc-work-runway-shell,.sc-work-case,.sc-case,.sc-senz-demo-hero,.sc-senz-demo-white,.sc-senz-demo-cards').forEach(function(node,index){if(!node.closest('.sc-v73-item')){node.classList.add('sc-v73-item');node.setAttribute('data-v73-motion',index%2?'cinema-right':'cinema-left');node.style.setProperty('--v73-i',String(index%3));}});\n    add('.sc-work-choice-card,.sc-work-route-card,.sc-work-proof-card','deck');\n    add('.sc-work-intro h2,.sc-work-contact h2,main>section h2','title',false);\n  }else if(page==='about'){\n    add('.sc-photo-card,.sc-about-hero-visual,.sc-origin-visual,.sc-motion-visual,.sc-gaming-visual','portrait',false);\n    add('.sc-about-hero-copy,.sc-origin-copy,.sc-motion-copy,.sc-gaming-copy','copy',false);\n    add('.sc-cv-card,.sc-education-card,.sc-experience-card','stamp');\n    add('main>section h2','title',false);\n  }else if(page==='contact'){\n    add('.sc-hero-copy,.sc-contact-copy','signal-left',false);\n    add('.sc-form-card,.sc-contact-form-card','signal-right',false);\n    add('.sc-next-card,.sc-contact-step,.sc-next-step','rise');\n    add('.sc-route-card,.sc-contact-option','fan');\n    add('.sc-side-card,.sc-faq','soft');\n  }\n\n  add('main>section h2','title',false);\n  var items=Array.from(root.querySelectorAll('.sc-v73-item'));\n\n  function show(node){node.classList.add('sc-v73-visible');node.style.willChange='auto';}\n  if(reduced||!('IntersectionObserver'in window)){\n    items.forEach(show);\n  }else{\n    var observer=new IntersectionObserver(function(entries){entries.forEach(function(entry){if(entry.isIntersecting){show(entry.target);observer.unobserve(entry.target);}});},{threshold:.1,rootMargin:'0px 0px -8% 0px'});\n    items.forEach(function(node){var rect=node.getBoundingClientRect();if(rect.top<window.innerHeight*.94 ? rect.bottom>0 : false)show(node);else observer.observe(node);});\n    root.classList.add('sc-v73-motion-live');\n  }\n\n  root.querySelectorAll('.sc-menu-links a').forEach(function(link,index){link.style.setProperty('--sc-menu-index',String(index));});\n\n  function hideThemeChrome(){\n    document.querySelectorAll('header,footer').forEach(function(node){if(root.contains(node)||node.closest('.elementor-editor-active,.elementor-editor-preview,#wpadminbar'))return;node.style.setProperty('display','none','important');node.style.setProperty('visibility','hidden','important');node.style.setProperty('height','0','important');node.style.setProperty('overflow','hidden','important');});\n    document.querySelectorAll('.page-header,.entry-header,.page-title,.entry-title,.post-title,.elementor-widget-theme-post-title').forEach(function(node){if(!root.contains(node)){node.style.setProperty('display','none','important');node.style.setProperty('visibility','hidden','important');}});\n  }\n  hideThemeChrome();window.setTimeout(hideThemeChrome,300);window.setTimeout(hideThemeChrome,1200);\n\n  if(page==='contact'){\n    var mount=root.querySelector('[data-sc-fluent-mount]');\n    var fallback=root.querySelector('[data-sc-contact-form]');\n    var lang=root.dataset.language==='en'?'en':'nl';\n    var query=new URLSearchParams(window.location.search);\n    var pending=query.get(lang==='en'?'topic':'onderwerp')||query.get('onderwerp')||'';\n    function subjectField(form){return Array.from(form.querySelectorAll('input[type=\"text\"],textarea,select')).find(function(field){var group=field.closest('.ff-el-group,label');return \/onderwerp|subject|topic\/i.test((field.name||'')+' '+(group&&group.textContent||''));})||null;}\n    function applyTopic(topic){if(!topic)return;pending=topic;var field=(mount&&mount.querySelector('form')&&subjectField(mount.querySelector('form')))||(fallback&&fallback.querySelector('[name=\"onderwerp\"]'));if(field){field.value=topic;field.dispatchEvent(new Event('input',{bubbles:true}));field.dispatchEvent(new Event('change',{bubbles:true}));}}\n    function mountForm(){\n      if(!mount)return false;\n      if(mount.querySelector('form')){mount.classList.add('is-ready');root.classList.add('sc-v73-fluent-ready');applyTopic(pending);return true;}\n      var candidates=Array.from(document.querySelectorAll('.fluentform,.fluentform_wrapper_3,[class*=\"fluentform_wrapper\"],form.frm-fluent-form'));\n      var candidate=candidates.find(function(node){return !root.contains(node)&&!node.closest('.elementor-editor-active,.elementor-editor-preview');});\n      if(!candidate)return false;\n      if(candidate.matches('form'))candidate=candidate.closest('.fluentform,[class*=\"fluentform_wrapper\"]')||candidate;\n      mount.replaceChildren(candidate);mount.classList.add('is-ready');root.classList.add('sc-v73-fluent-ready');applyTopic(pending);return true;\n    }\n    root.querySelectorAll('[data-sc-topic]').forEach(function(button){button.addEventListener('click',function(){applyTopic(button.getAttribute('data-sc-topic')||'');var target=mount&&mount.classList.contains('is-ready')?mount:fallback;if(target)target.scrollIntoView({behavior:reduced?'auto':'smooth',block:'center'});});});\n    if(!mountForm()){\n      var formObserver=new MutationObserver(function(){if(mountForm())formObserver.disconnect();});\n      formObserver.observe(document.body,{childList:true,subtree:true});\n      window.setTimeout(function(){mountForm();formObserver.disconnect();},4500);\n    }\n  }\n})();\n<\/script>\n<!-- Studio Crossover v74: laatste gedeelde kwaliteitslaag -->\n<style>\n\/* Publieke WordPress-weergave schoon houden *\/\nbody:not(.elementor-editor-active):not(.elementor-editor-preview) :is(\n  .post-edit-link,.edit-link,.elementor-edit-link,.elementor-edit-area,\n  #elementor-edit-button,.elementor-editor-element-settings,\n  a[href*=\"action=edit\" i],a[href*=\"action=elementor\" i],\n  a[aria-label*=\"edit\" i],a[aria-label*=\"bewerken\" i]\n){display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}\n\n\/* E\u00e9n transparante header op alle pagina's *\/\n.sc-site .sc-header{position:fixed!important;inset:0 0 auto!important;z-index:8100!important;padding:12px 0!important;pointer-events:none!important;background:transparent!important}\n.sc-site[data-theme=\"light\"] .sc-header{background:transparent!important}\n.sc-site .sc-nav-shell{width:min(1320px,calc(100% - 32px))!important;min-height:72px!important;margin:0 auto!important;padding:0 4px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;pointer-events:auto!important}\n.sc-site .sc-brand{gap:12px!important}.sc-site .sc-brand-mark,.sc-site .sc-brand-mark img{width:68px!important;height:68px!important}.sc-site .sc-brand-text strong{font-size:1.04rem!important}.sc-site .sc-brand-text small{font-size:.61rem!important;letter-spacing:.04em!important}\n.sc-site .sc-desktop-nav{padding:5px!important;border:1px solid var(--sc-line,rgba(196,167,255,.18))!important;border-radius:999px!important;background:rgba(7,10,18,.50)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important}\n.sc-site[data-theme=\"light\"] .sc-desktop-nav{background:rgba(255,255,255,.72)!important}\n.sc-site .sc-desktop-nav a{min-height:34px!important;padding:0 12px!important;border-radius:999px!important}\n.sc-site .sc-theme-toggle,.sc-site .sc-menu-toggle,.sc-site .sc-lang-switch{background:rgba(7,10,18,.58)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important}\n.sc-site[data-theme=\"light\"] :is(.sc-theme-toggle,.sc-menu-toggle,.sc-lang-switch){background:rgba(255,255,255,.78)!important}\n.sc-site .sc-menu-toggle-label{display:none!important}\n.sc-site .sc-menu-toggle-lines{position:absolute!important;inset:50% auto auto 50%!important;width:20px!important;height:14px!important;transform:translate(-50%,-50%)!important}\n.sc-site .sc-menu-toggle-lines i{position:absolute!important;left:0!important;width:20px!important;height:2px!important;border-radius:99px!important;background:currentColor!important}\n.sc-site .sc-menu-toggle-lines i:first-child{top:2px!important}.sc-site .sc-menu-toggle-lines i:last-child{bottom:2px!important}\n\n\/* Koppen: nooit meer afgesneden of onzichtbaar achter een mislukte reveal *\/\n.sc-site main :is(h1,h2,h3){max-width:100%;padding-bottom:.08em;overflow:visible!important;clip-path:none!important;text-wrap:balance}\n.sc-site main :is(h1,h2,h3),.sc-site main :is(h1,h2,h3) *{visibility:visible!important}\n.sc-site main :is(.sc-reveal,.scx-reveal,.sc-v73-item,.sc-motion-reveal):has(>.sc-v74-heading),.sc-site main :is(.sc-section-head,.scx-section-head):has(.sc-v74-heading){overflow:visible!important;clip-path:none!important}\n.sc-site .sc-v74-heading{opacity:1!important;filter:none!important;transform:none!important;clip-path:none!important;transition:opacity .68s cubic-bezier(.16,1,.3,1),transform .86s cubic-bezier(.16,1,.3,1),filter .72s ease!important}\n@media(prefers-reduced-motion:no-preference){\n  .sc-site.sc-v74-motion-ready .sc-v74-heading:not(.is-v74-visible){opacity:0!important;filter:blur(7px)!important;transform:translate3d(0,30px,0)!important}\n  .sc-site[data-motion=\"direction\"].sc-v74-motion-ready .sc-v74-heading:nth-of-type(even):not(.is-v74-visible){transform:translate3d(-36px,0,0)!important}\n  .sc-site[data-motion=\"direction\"].sc-v74-motion-ready .sc-v74-heading:nth-of-type(odd):not(.is-v74-visible){transform:translate3d(36px,0,0)!important}\n  .sc-site[data-motion=\"cinematic\"].sc-v74-motion-ready .sc-v74-heading:not(.is-v74-visible){transform:translate3d(0,38px,0) scale(.975)!important;filter:blur(9px)!important}\n  .sc-site[data-motion=\"editorial\"].sc-v74-motion-ready .sc-v74-heading:not(.is-v74-visible){transform:translate3d(-24px,18px,0) rotate(-.35deg)!important}\n  .sc-site[data-motion=\"signal\"].sc-v74-motion-ready .sc-v74-heading:not(.is-v74-visible){transform:translate3d(0,18px,0) scale(.985)!important;letter-spacing:-.075em!important}\n}\n\n\/* De footerwoordwissel werkt op elke paginavariant *\/\n.sc-site :is(.sc-footer-ticker,.scx-footer-ticker){display:inline-grid!important;min-width:clamp(8ch,18vw,13ch);color:var(--sc-accent,#c4a7ff)!important;transition:opacity .18s ease,transform .28s cubic-bezier(.16,1,.3,1)!important}\n.sc-site :is(.sc-footer-ticker,.scx-footer-ticker)>span{position:static!important;grid-area:1\/1!important;display:none!important;opacity:0!important;transform:translateY(.45em)!important;animation:none!important}\n.sc-site :is(.sc-footer-ticker,.scx-footer-ticker)>span.is-v74-active{display:inline-block!important;opacity:1!important;transform:none!important;animation:scV74FooterWord .5s cubic-bezier(.16,1,.3,1) both!important}\n@keyframes scV74FooterWord{from{opacity:0;transform:translateY(.55em);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}\n\n\/* Contact: \u00e9\u00e9n doorlopende route in plaats van drie losse nummerblokken *\/\n.sc-contact-page .sc-next-grid{display:grid!important;grid-template-columns:1fr!important;gap:0!important;border-top:1px solid var(--sc-line)!important}\n.sc-contact-page .sc-next-card{display:grid!important;grid-template-columns:minmax(42px,64px) minmax(180px,.75fr) minmax(0,1fr)!important;align-items:center!important;gap:clamp(18px,4vw,56px)!important;min-height:0!important;padding:25px 0!important;border:0!important;border-bottom:1px solid var(--sc-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}\n.sc-contact-page .sc-next-card>span{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;margin:0!important;border:1px solid var(--sc-line-strong)!important;border-radius:50%!important;background:rgba(196,167,255,.08)!important}\n.sc-contact-page .sc-next-card :is(h3,p){margin:0!important}.sc-contact-page .sc-next-card h3{font-size:clamp(1.25rem,2.2vw,1.9rem)!important}.sc-contact-page .sc-next-card p{max-width:54ch!important}\n.sc-contact-page .sc-fluent-shortcode{min-height:280px;padding:4px 0}\n.sc-contact-page .sc-contact-fallback,.sc-contact-page .sc-fluent-mount{display:none!important}\n\n\/* Werkhero: \u00e9\u00e9n sterk beeld in plaats van overlappende miniaturen *\/\n.sc-site.sc-work .sc-work-hero-mix-v5{border-radius:30px!important;background:#05070e!important;box-shadow:0 38px 110px rgba(0,0,0,.38)!important}\n.sc-site.sc-work .sc-work-hero-mix-card-v5.is-elite-motion-v5{inset:0!important;width:100%!important;height:100%!important;border:0!important;border-radius:0!important;transform:none!important}\n.sc-site.sc-work .sc-work-hero-mix-card-v5.is-kies-v5,.sc-site.sc-work .sc-work-hero-mix-card-v5.is-senz-v5{display:none!important}\n.sc-site.sc-work .sc-work-hero-mix-caption-v5{left:22px!important;right:22px!important;bottom:22px!important;width:auto!important;max-width:520px!important;border-radius:18px!important;background:rgba(6,8,18,.76)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important}\n\n\/* Echte panoramawand: groot middenbeeld met gebogen previews links en rechts *\/\n.sc-site.sc-work .sc-work-runway{padding:0 0 clamp(76px,9vw,132px)!important;overflow:visible!important;background:transparent!important}\n.sc-site.sc-work .sc-work-runway-shell{width:100vw!important;max-width:none!important;min-height:100svh!important;border:0!important;border-radius:0!important;grid-template-rows:auto minmax(520px,1fr) auto!important;background:radial-gradient(circle at 50% 42%,rgba(132,100,255,.16),transparent 42%),linear-gradient(180deg,#060814,#10091f 52%,#060814)!important;box-shadow:none!important;overflow:hidden!important;perspective:1800px!important}\n.sc-site.sc-work .sc-work-stage{min-height:clamp(520px,68svh,780px)!important;overflow:visible!important;perspective:1800px!important}\n.sc-site.sc-work .sc-work-track{--sc-work-card-w:min(78vw,1480px)!important;--sc-work-card-h:min(68svh,760px)!important;transform-style:preserve-3d!important}\n.sc-site.sc-work .sc-work-case{border-radius:28px!important;transform:translate(-50%,-50%) translate3d(var(--case-x,0),var(--case-y,0),0) rotateY(var(--case-curve,0deg)) scale(var(--case-scale,.78))!important;transform-origin:var(--case-origin,center)!important;backface-visibility:hidden!important;transition:transform .92s cubic-bezier(.16,1,.3,1),opacity .72s ease,filter .72s ease,border-radius .72s ease!important}\n.sc-site.sc-work .sc-work-case.is-active{border-radius:30px!important;box-shadow:0 46px 140px rgba(0,0,0,.52),0 0 0 1px rgba(196,167,255,.12)!important}\n.sc-site.sc-work .sc-work-case.is-near{border-radius:58px!important;filter:saturate(.82) brightness(.58)!important}\n.sc-site.sc-work .sc-work-case.is-near::before{content:attr(data-title);position:absolute;z-index:12;left:clamp(22px,3vw,42px);right:clamp(22px,3vw,42px);bottom:clamp(22px,4vw,48px);display:block;color:#fff;font-size:clamp(1.15rem,2vw,2rem);font-weight:900;line-height:1;letter-spacing:-.045em;text-shadow:0 3px 24px rgba(0,0,0,.9);pointer-events:none}\n.sc-site.sc-work .sc-work-case.is-near .sc-work-thumb-label{opacity:1!important;transform:none!important}\n.sc-site.sc-work .sc-work-stage::before,.sc-site.sc-work .sc-work-stage::after{width:clamp(34px,7vw,120px)!important;z-index:8!important}\n.sc-site.sc-work .sc-work-runway-top,.sc-site.sc-work .sc-work-runway-bottom{width:min(1320px,calc(100% - 44px))!important}\n.sc-site.sc-work .sc-work-runway-bottom{padding:22px 0 26px!important;background:linear-gradient(180deg,rgba(6,8,20,.12),rgba(6,8,20,.92))!important}\n\n@media(max-width:1040px){.sc-site .sc-desktop-nav{display:none!important}.sc-site.sc-work .sc-work-track{--sc-work-card-w:84vw!important;--sc-work-card-h:min(60svh,640px)!important}}\n@media(max-width:680px){\n  .sc-site .sc-header{padding:8px 0!important}.sc-site .sc-nav-shell{width:calc(100% - 20px)!important;min-height:62px!important}.sc-site .sc-brand-mark,.sc-site .sc-brand-mark img{width:54px!important;height:54px!important}.sc-site .sc-brand-text small{display:none!important}\n  .sc-contact-page .sc-next-card{grid-template-columns:46px minmax(0,1fr)!important;gap:8px 14px!important}.sc-contact-page .sc-next-card p{grid-column:2!important}\n  .sc-site.sc-work .sc-work-runway-shell{min-height:100svh!important;grid-template-rows:auto minmax(390px,56svh) auto!important}.sc-site.sc-work .sc-work-stage{min-height:390px!important}.sc-site.sc-work .sc-work-track{--sc-work-card-w:88vw!important;--sc-work-card-h:min(52svh,520px)!important}.sc-site.sc-work .sc-work-case{border-radius:22px!important}.sc-site.sc-work .sc-work-case.is-near{border-radius:38px!important}.sc-site.sc-work .sc-work-case.is-near::before{font-size:1rem}.sc-site.sc-work .sc-work-runway-top,.sc-site.sc-work .sc-work-runway-bottom{width:calc(100% - 28px)!important}\n}\n@media(prefers-reduced-motion:reduce){.sc-site .sc-v74-heading{opacity:1!important;filter:none!important;transform:none!important;transition:none!important}.sc-site :is(.sc-footer-ticker,.scx-footer-ticker)>span{animation:none!important}.sc-site.sc-work .sc-work-case{transition:none!important}}\n<\/style>\n<script>\n(function(){\n  var root=document.querySelector('.sc-site');\n  if(!root||root.dataset.v74Ready==='true')return;\n  root.dataset.v74Ready='true';\n  var reduced=window.matchMedia&&window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n  \/* Headeropbouw gelijk trekken zonder de bestaande links te verliezen. *\/\n  var toggle=root.querySelector('.sc-menu-toggle');\n  if(toggle&&!toggle.querySelector('.sc-menu-toggle-lines')){\n    toggle.innerHTML='<span class=\"sc-menu-toggle-lines\" aria-hidden=\"true\"><i><\/i><i><\/i><\/span>';\n  }\n  var shell=root.querySelector('.sc-nav-shell');\n  if(shell&&!shell.querySelector('.sc-desktop-nav')){\n    var english=root.dataset.language==='en';\n    var links=english?\n      [['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      [['Home','https:\/\/arendvanberkel.nl\/'],['Diensten','https:\/\/arendvanberkel.nl\/index.php\/diensten\/'],['Werk','https:\/\/arendvanberkel.nl\/index.php\/werk\/'],['Over mij','https:\/\/arendvanberkel.nl\/index.php\/over-mij\/'],['Contact','https:\/\/arendvanberkel.nl\/index.php\/contact-nl\/']];\n    var nav=document.createElement('nav');nav.className='sc-desktop-nav';nav.setAttribute('aria-label',english?'Main navigation':'Hoofdnavigatie');\n    links.forEach(function(item){var a=document.createElement('a');a.textContent=item[0];a.href=item[1];if(location.href.replace(\/\\\/$\/,'')===item[1].replace(\/\\\/$\/,'')){a.className='is-active';a.setAttribute('aria-current','page')}nav.appendChild(a)});\n    var actions=shell.querySelector('.sc-nav-actions');shell.insertBefore(nav,actions||null);\n  }\n\n  \/* Premium koptransities met een harde zichtbaarheidsgarantie. *\/\n  var headings=Array.prototype.slice.call(root.querySelectorAll('main h1,main h2,main h3'));\n  headings.forEach(function(h){h.classList.add('sc-v74-heading')});\n  function showHeading(h){h.classList.add('is-v74-visible');var parent=h.closest('.sc-reveal,.scx-reveal,.sc-v73-item,.sc-motion-reveal');if(parent)parent.classList.add('is-visible','sc-v73-visible','sc-motion-visible')}\n  if(reduced||!('IntersectionObserver'in window)){headings.forEach(showHeading)}else{\n    root.classList.add('sc-v74-motion-ready');\n    var headingObserver=new IntersectionObserver(function(entries,obs){entries.forEach(function(entry){if(entry.isIntersecting){showHeading(entry.target);obs.unobserve(entry.target)}})},{threshold:.12,rootMargin:'0px 0px -8% 0px'});\n    headings.forEach(function(h){headingObserver.observe(h)});\n  }\n  window.setTimeout(function(){\n    headings.forEach(showHeading);\n    root.querySelectorAll('.sc-reveal,.scx-reveal,.sc-v73-item,.sc-motion-reveal').forEach(function(n){n.classList.add('is-visible','sc-v73-visible','sc-motion-visible')});\n  },1800);\n\n  \/* E\u00e9n betrouwbare wissel voor alle footers. *\/\n  root.querySelectorAll('.sc-footer-ticker,.scx-footer-ticker').forEach(function(ticker){\n    var words=Array.prototype.slice.call(ticker.children);if(words.length<2)return;\n    words.forEach(function(w){w.classList.remove('is-v74-active')});var index=0;words[0].classList.add('is-v74-active');\n    if(reduced)return;\n    window.setInterval(function(){words[index].classList.remove('is-v74-active');index=(index+1)%words.length;words[index].classList.add('is-v74-active')},2200);\n  });\n\n  \/* Panoramawand: de richting van de bolling volgt de linker- of rechterpreview. *\/\n  function curvePanorama(){\n    root.querySelectorAll('.sc-work-case').forEach(function(card){\n      var x=card.style.getPropertyValue('--case-x')||'0';var left=x.trim().charAt(0)==='-';\n      if(card.classList.contains('is-near')){card.style.setProperty('--case-curve',left?'8deg':'-8deg');card.style.setProperty('--case-origin',left?'right center':'left center')}\n      else{card.style.setProperty('--case-curve','0deg');card.style.setProperty('--case-origin','center')}\n    });\n  }\n  curvePanorama();\n  var panorama=root.querySelector('[data-sc-work-runway]');\n  if(panorama){new MutationObserver(curvePanorama).observe(panorama,{subtree:true,attributes:true,attributeFilter:['class','style']});window.addEventListener('resize',curvePanorama,{passive:true})}\n\n  \/* Afbeeldingen in de homepage-inventory mogen niet door lazy motion verdwijnen. *\/\n  root.querySelectorAll('.scx-inventory-photo img').forEach(function(img){img.loading='eager';img.style.opacity='1';img.style.visibility='visible'});\n})();\n<\/script>\n\n\n<!-- Studio Crossover shared shell v100 -->\n<style id=\"sc-v100-shared-shell\">\n\/* Alleen de publieke WordPress edit-link weg. Elementor-editor zelf blijft ongemoeid. *\/\nbody:not(.elementor-editor-active):not(.elementor-editor-preview) .post-edit-link,\nbody:not(.elementor-editor-active):not(.elementor-editor-preview) .edit-link > a[href*=\"action=edit\"]{display:none!important}\n.sc-site .sc-brand,.sc-about-page .sc-brand,.page .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}\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,body[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,body[data-theme=\"light\"] .sc-brand-logo-light{display:block!important}\n@media(max-width:620px){.sc-site .sc-brand,.sc-about-page .sc-brand,.page .brand{flex-basis:78px!important;width:78px!important;min-width:78px!important;max-width:78px!important;height:30px!important}}\n\/* E\u00e9n compacte achievement-toast op mobiel en desktop. *\/\n.sc-v100-toast{position:fixed;right:16px;bottom:16px;z-index:99999;width:min(300px,calc(100vw - 32px));display:grid;grid-template-columns:40px 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,.88);color:#fff;box-shadow:0 18px 50px rgba(0,0,0,.28);backdrop-filter:blur(16px);opacity:0;transform:translateY(14px) scale(.98);pointer-events:none;transition:.25s ease}\n.sc-v100-toast.is-visible{opacity:1;transform:none} .sc-v100-toast-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:rgba(196,167,255,.14);font-size:20px} .sc-v100-toast strong{display:block;font-size:.82rem;line-height:1.15} .sc-v100-toast small{display:block;margin-top:3px;color:rgba(255,255,255,.68);font-size:.69rem;line-height:1.3}\n.sc-site[data-theme=\"light\"] .sc-v100-toast,.sc-about-page[data-theme=\"light\"] .sc-v100-toast,body[data-theme=\"light\"] .sc-v100-toast{background:rgba(255,255,255,.94);color:#211b39;border-color:rgba(94,69,216,.18)}\n.sc-site[data-theme=\"light\"] .sc-v100-toast small,.sc-about-page[data-theme=\"light\"] .sc-v100-toast small,body[data-theme=\"light\"] .sc-v100-toast small{color:#665d76}\n<\/style>\n<script id=\"sc-v100-shared-shell-script\">\n(function(){\n  function inEditor(){try{return !!(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)=\/i.test(location.href));}catch(e){return true;}}\n  var root=document.querySelector('.sc-site,.sc-about-page,.page')||document.body;\n  var brand=root.querySelector('a.sc-brand,a.brand');\n  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\" alt=\"Studio Crossover\" decoding=\"async\" loading=\"lazy\"><\/span>';}\n  if(inEditor()) return;\n  root.querySelectorAll('.sc-achievement-toast,.scx-achievement-toast,.sc-motion-achievement-toast').forEach(function(n){n.style.display='none';});\n  var toast=document.createElement('div');toast.className='sc-v100-toast';toast.setAttribute('role','status');toast.innerHTML='<span class=\"sc-v100-toast-icon\">\u2728<\/span><span><strong><\/strong><small><\/small><\/span>';document.body.appendChild(toast);\n  var entries=[[\"#hero\", \"Quest board open\", \"Pick a route. I\u2019ll make it concrete.\", \"\ud83c\udfae\"], [\"#werk\", \"Proof check\", \"No theory without proof.\", \"\ud83d\udc40\"], [\"#diensten\", \"Loadout selected\", \"Copy, social, web and strategy. Pick what you need.\", \"\ud83c\udf92\"], [\"#prijzen\", \"Budget radar on\", \"No loot box. Just a useful price range.\", \"\ud83d\udcb8\"], [\"#werkwijze\", \"Route locked\", \"From first question to something that works.\", \"\ud83e\udded\"], [\"#contact\", \"Co-op unlocked\", \"Your question, my gamer brain. Could be a good party.\", \"\ud83e\udd1d\"]];\n  var seen=new WeakSet(),timer;\n  function show(el,title,text,icon){if(!el||seen.has(el))return;seen.add(el);toast.querySelector('.sc-v100-toast-icon').textContent=icon;toast.querySelector('strong').textContent=title;toast.querySelector('small').textContent=text;toast.classList.add('is-visible');clearTimeout(timer);timer=setTimeout(function(){toast.classList.remove('is-visible')},3600);}\n  entries.forEach(function(item){var el=root.querySelector(item[0]);if(!el)return;if('IntersectionObserver'in window){new IntersectionObserver(function(es,o){es.forEach(function(e){if(e.isIntersecting){show(el,item[1],item[2],item[3]);o.disconnect();}})},{threshold:.3,rootMargin:'-10% 0px -20%'}).observe(el);}});\n})();\n<\/script>\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\":\"en\",\"title\":\"Copy, social media and web services | Studio Crossover\",\"description\":\"Strategy and hands-on support for communications, copy, social media, campaigns and focused websites. Explore how Studio Crossover can help your organisation.\",\"canonical\":\"https:\/\/arendvanberkel.nl\/index.php\/services-en\/\",\"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\":\"en_GB\",\"ogLocaleAlternate\":\"nl_NL\",\"image\":\"https:\/\/arendvanberkel.nl\/wp-content\/uploads\/2026\/06\/image_2026-06-28_180128014.png\",\"imageAlt\":\"Example of communications and social media work by 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\/about-en\/\",\"jobTitle\":\"Communications strategist and social media specialist\",\"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\/services-en\/#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\":\"Example of communications and social media work by Studio Crossover\",\"inLanguage\":\"en\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/arendvanberkel.nl\/index.php\/services-en\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/arendvanberkel.nl\/index.php\/home-en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Services\",\"item\":\"https:\/\/arendvanberkel.nl\/index.php\/services-en\/\"}]},{\"@type\":\"Service\",\"@id\":\"https:\/\/arendvanberkel.nl\/index.php\/services-en\/#services\",\"name\":\"Communications, copy, social media and web\",\"url\":\"https:\/\/arendvanberkel.nl\/index.php\/services-en\/\",\"description\":\"Strategy and hands-on support for communications, copy, social media, campaigns and focused websites. Explore how Studio Crossover can help your organisation.\",\"provider\":{\"@id\":\"https:\/\/arendvanberkel.nl\/#organization\"},\"serviceType\":[\"Communication strategy\",\"Copywriting\",\"Social media\",\"Campaigns\",\"Websites\"]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/arendvanberkel.nl\/index.php\/services-en\/#webpage\",\"url\":\"https:\/\/arendvanberkel.nl\/index.php\/services-en\/\",\"name\":\"Copy, social media and web services | Studio Crossover\",\"description\":\"Strategy and hands-on support for communications, copy, social media, campaigns and focused websites. Explore how Studio Crossover can help your organisation.\",\"inLanguage\":\"en\",\"isPartOf\":{\"@id\":\"https:\/\/arendvanberkel.nl\/#website\"},\"about\":{\"@id\":\"https:\/\/arendvanberkel.nl\/#organization\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/arendvanberkel.nl\/index.php\/services-en\/#primaryimage\"},\"breadcrumb\":{\"@id\":\"https:\/\/arendvanberkel.nl\/index.php\/services-en\/#breadcrumb\"},\"mainEntity\":{\"@id\":\"https:\/\/arendvanberkel.nl\/index.php\/services-en\/#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{overflow-x:clip!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\n\n\n<style id=\"sc-v104-static-services-fallback\">\n.sc-site>.sc-header-v104-static>.sc-menu-checkbox-v104{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}\nhtml body .sc-site.sc-services>.sc-header-v104-static .sc-brand{flex:0 0 258px!important;width:258px!important;min-width:258px!important;max-width:258px!important;height:52px!important}\nhtml body .sc-site.sc-services>.sc-header-v104-static .sc-brand,html body .sc-site.sc-services>.sc-header-v104-static .sc-brand-full{overflow:hidden!important}\nhtml body .sc-site.sc-services>.sc-header-v104-static .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;object-fit:contain!important;transform:translate(-50%,-50%) scale(1.08)!important}\n.sc-site>.sc-header-v104-static .sc-menu-toggle{font-size:0!important;line-height:0!important;overflow:hidden!important}.sc-site>.sc-header-v104-static .sc-menu-toggle::before,.sc-site>.sc-header-v104-static .sc-menu-toggle::after{content:none!important;display:none!important}\n@media(max-width:1120px){html body .sc-site.sc-services>.sc-header-v104-static .sc-brand{flex:1 1 auto!important;width:auto!important;min-width:70px!important;max-width:258px!important}.sc-site>.sc-header-v104-static>.sc-menu-checkbox-v104:checked~.sc-menu{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important}.sc-site>.sc-header-v104-static>.sc-menu-checkbox-v104:checked~.sc-nav-shell .sc-menu-toggle-lines i:nth-child(1){top:7px!important;transform:rotate(45deg)!important}.sc-site>.sc-header-v104-static>.sc-menu-checkbox-v104:checked~.sc-nav-shell .sc-menu-toggle-lines i:nth-child(2){opacity:0!important;transform:scaleX(0)!important}.sc-site>.sc-header-v104-static>.sc-menu-checkbox-v104:checked~.sc-nav-shell .sc-menu-toggle-lines i:nth-child(3){top:7px!important;transform:rotate(-45deg)!important}}\n@media(max-width:620px){html body .sc-site.sc-services>.sc-header-v104-static .sc-brand{max-width:150px!important;height:50px!important}html body .sc-site.sc-services>.sc-header-v104-static .sc-brand-full img{transform:translate(-50%,-50%) scale(1.05)!important}}\n@media(max-width:390px){html body .sc-site.sc-services>.sc-header-v104-static .sc-brand{flex:0 0 116px!important;width:116px!important;min-width:116px!important;max-width:116px!important}}\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>HomeServicesWorkAboutContact NLEN \u263eSwitch to light mode Navigation 01HomeThe short route through my work, style and perspective.02ServicesPractical help with strategy, copy, social and web.03WorkCases where direction and execution come together.04AboutThe experience behind the way I work.05ContactTell me what feels stuck. I will think it through with you. Not sure where to start?Tell me what feels stuck. [&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-1243","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/arendvanberkel.nl\/index.php\/wp-json\/wp\/v2\/pages\/1243","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=1243"}],"version-history":[{"count":11,"href":"https:\/\/arendvanberkel.nl\/index.php\/wp-json\/wp\/v2\/pages\/1243\/revisions"}],"predecessor-version":[{"id":1679,"href":"https:\/\/arendvanberkel.nl\/index.php\/wp-json\/wp\/v2\/pages\/1243\/revisions\/1679"}],"wp:attachment":[{"href":"https:\/\/arendvanberkel.nl\/index.php\/wp-json\/wp\/v2\/media?parent=1243"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}