.hero-dark[data-astro-cid-6r3hnuga]{position:relative;background:var(--color-canvas-900);overflow:hidden;isolation:isolate;min-height:clamp(360px,50vh,520px);display:flex;flex-direction:column}.hero-dark[data-astro-cid-6r3hnuga] .hero-photo[data-astro-cid-6r3hnuga]{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:62% 50%;pointer-events:none}.hero-dark[data-astro-cid-6r3hnuga] .hero-photo-scrim[data-astro-cid-6r3hnuga]{position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,#090c1366,#090c1357 40%,#090c1342,#090c1300 76%),linear-gradient(100deg,#090c13b3,#090c1394 40%,#090c1357,#090c133d)}@media(max-width:767px){.hero-dark[data-astro-cid-6r3hnuga] .hero-photo-scrim[data-astro-cid-6r3hnuga]{background:linear-gradient(180deg,#090c13c7,#090c13db 55%,#090c13e0)}.hero-dark[data-astro-cid-6r3hnuga] .hero-photo[data-astro-cid-6r3hnuga]{object-position:46% 50%}}.hero-dark[data-astro-cid-6r3hnuga] .hero-grid-halo[data-astro-cid-6r3hnuga]{position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(to right,rgba(190,200,215,.055) 1px,transparent 1px),linear-gradient(to bottom,rgba(190,200,215,.055) 1px,transparent 1px);background-size:36px 36px;-webkit-mask-image:radial-gradient(ellipse 95% 90% at 50% 55%,black 50%,transparent 96%);mask-image:radial-gradient(ellipse 95% 90% at 50% 55%,black 50%,transparent 96%)}.hero-dark[data-astro-cid-6r3hnuga] canvas[data-astro-cid-6r3hnuga]{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:1}.hero-dark[data-astro-cid-6r3hnuga] .hero-vignette[data-astro-cid-6r3hnuga]{position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse 62% 55% at 24% 52%,rgba(0,0,0,.14),transparent 72%)}.hero-dark[data-astro-cid-6r3hnuga] .hero-content[data-astro-cid-6r3hnuga]{position:relative;z-index:3}.hero-cta-link[data-astro-cid-6r3hnuga]{display:inline-block;padding:.25rem 0 .4rem;border-bottom:2px solid #dd892c;transition:color .18s ease,border-color .18s ease}.hero-cta-link[data-astro-cid-6r3hnuga]:hover{color:#ffc671;border-bottom-color:#ffc671}.hero-cta-link[data-astro-cid-6r3hnuga]:focus-visible{outline:2px solid #dd892c;outline-offset:6px}.hero-display[data-astro-cid-6r3hnuga]{font-family:var(--font-serif);font-feature-settings:"onum";font-size:clamp(40px,4.6vw,72px);line-height:1.04;letter-spacing:-.024em;font-weight:380;color:#fffffff7;text-shadow:0 4px 60px rgba(0,0,0,.55);margin:0;text-wrap:balance}.hero-display--long[data-astro-cid-6r3hnuga]{font-size:clamp(32px,3.5vw,52px);line-height:1.06;letter-spacing:-.02em}.hero-display[data-astro-cid-6r3hnuga] em[data-astro-cid-6r3hnuga]{font-style:italic;font-weight:380;background:linear-gradient(180deg,#ffc671,#d9781a);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.01em}.hero-promise[data-astro-cid-6r3hnuga]{font-family:var(--font-serif);font-size:clamp(17px,1.45vw,22px);line-height:1.4;letter-spacing:-.008em;font-weight:380;color:#ffffffdb;text-shadow:0 2px 30px rgba(0,0,0,.45);margin:0}.hero-promise[data-astro-cid-6r3hnuga] em[data-astro-cid-6r3hnuga]{font-style:italic;font-weight:380;color:#ffc882f2}.hero-scope[data-astro-cid-6r3hnuga]{margin:0;font-size:clamp(15px,1.2vw,18px);font-weight:380;line-height:1.45;letter-spacing:-.005em;text-shadow:0 2px 30px rgba(0,0,0,.45)}.hero-capabilities[data-astro-cid-6r3hnuga]{margin:0;padding-top:.9rem;border-top:1px solid rgba(255,255,255,.16);max-width:34rem;font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#ffffffc7}@supports not ((background-clip: text) or (-webkit-background-clip: text)){.hero-display[data-astro-cid-6r3hnuga] em[data-astro-cid-6r3hnuga]{background:none;color:var(--color-orange-400)}}<script is:inline> (function () {const canvas = document.getElementById("hero-canvas"); if (!canvas) return; const ctx = canvas.getContext("2d"); if (!ctx) return; const N_PARTICLES = 220; const LANES = 7; const laneSpacing = 14; let w = 0; let h = 0; let dpr = 1; let particles = []; let frameCount = 0; let t = 0; let last = performance.now(); let running = false; let rafId = 0; function spawn() {const lane = Math.floor(Math.random() * LANES); const laneOffset = (lane - (LANES - 1) / 2) * laneSpacing; return {x: -10 - Math.random() * 80,y: Math.random() * h,vx: .9 + Math.random() * 1.6,vy: (Math.random() - .5) * 5,seed: Math.random() * 1000,life: 0,prevX: 0,prevY: 0,lane,laneOffset,// ~1 in 45 particles renders cool-white — reads as an outlier the // controller still pulls into the setpoint lane. anomaly: Math.random() < 1 / 45,};} function seed() {particles = []; for (let i = 0; i < N_PARTICLES; i++) {const p = spawn(); // pre-distribute so the field is full on first frame p.x = Math.random() * w; p.y = Math.random() * h; particles.push(p);}} function resize() {dpr = Math.min(window.devicePixelRatio || 1,2); const r = canvas.getBoundingClientRect(); w = r.width; h = r.height; canvas.width = Math.max(1,Math.floor(w * dpr)); canvas.height = Math.max(1,Math.floor(h * dpr)); ctx.setTransform(dpr,0,0,dpr,0,0); seed();} resize(); const ro = new ResizeObserver(resize); ro.observe(canvas); const reduceMotion = window.matchMedia && window.matchMedia("(prefers-reduced-motion: reduce)").matches; function start() {if (running) return; running = true; last = performance.now(); rafId = requestAnimationFrame(frame);} function stop() {running = false; if (rafId) cancelAnimationFrame(rafId); rafId = 0;} if ("IntersectionObserver" in window) {const io = new IntersectionObserver((entries) => {if (entries[0].isIntersecting) start(); else stop();},{threshold: 0},); io.observe(canvas);} else {start();} function frame(now) {if (!running) return; const dt = Math.min((now - last) / 1000,.05); last = now; t += dt; frameCount++; ctx.globalCompositeOperation = "destination-out"; ctx.fillStyle = "rgba(0, 0, 0, 0.025)"; ctx.fillRect(0,0,w,h); if (frameCount % 12 === 0) {ctx.fillStyle = "rgba(0, 0, 0, 0.10)"; ctx.fillRect(0,0,w,h);} ctx.globalCompositeOperation = "source-over"; // pinned near the bottom edge — minimal margin under the highway band const targetY = h * .94; ctx.lineCap = "round"; for (const p of particles) {p.prevX = p.x; p.prevY = p.y; const u = Math.max(0,Math.min(1,p.x / w)); // chaos persists further: power 2.2 (was 1.4) — order kicks in late,near the right edge const ctrl = u < .95 ? Math.pow(u,2.2) * .95 : .95 + (u - .95) * 1; const noise = Math.sin(p.x * .018 + t * 2 + p.seed) * 1.6 + Math.sin(p.x * .006 - t * 1.3 + p.seed * .7) * 1.2; // gentler chaos amplitude so vertical trails don't dominate const chaosF = (1 - ctrl) * 40; p.vy += noise * chaosF * dt * 0.4; const dy = targetY + p.laneOffset - p.y; const pullF = ctrl * 9; p.vy += dy * pullF * dt; const damp = 0.92 - ctrl * 0.05; p.vy *= damp; p.vx = 1.1 + Math.sin(t * 0.6 + p.seed) * 0.08 + (1 - ctrl) * 0.5 + ctrl * 0.6; p.x += p.vx; // shorter vertical step so trails read horizontal not rain p.y += p.vy * dt * 36; p.life += dt; if (p.x > w + 20) {Object.assign(p,spawn());} // baseA almost flat across left→right so chaos zone stays bright const baseA = 0.82 + ctrl * 0.15; // anomaly particles render in a cool white — slightly dimmer than the // orange field so they read as outliers,not sparkles const glowRGB = p.anomaly ? "200, 215, 235" : "255, 150, 60"; const midRGB = p.anomaly ? "220, 230, 245" : "255, 175, 90"; const glowA = p.anomaly ? baseA * 0.16 : baseA * 0.2; const midA = p.anomaly ? baseA * 0.5 : baseA * 0.6; // wide soft glow ctx.lineWidth = 6; ctx.strokeStyle = "rgba(" + glowRGB + ", " + glowA + ")"; ctx.beginPath(); ctx.moveTo(p.prevX,p.prevY); ctx.lineTo(p.x,p.y); ctx.stroke(); // mid layer ctx.lineWidth = 2.6; ctx.strokeStyle = "rgba(" + midRGB + ", " + midA + ")"; ctx.beginPath(); ctx.moveTo(p.prevX,p.prevY); ctx.lineTo(p.x,p.y); ctx.stroke(); // hot core — start brighter on the left,gain only a little on the right ctx.lineWidth = 1.1; let coreR,coreG,coreB; if (p.anomaly) {coreR = 245; coreG = 248; coreB = 255;} else {coreR = 255; coreG = 220 - ctrl * 30; coreB = 180 - ctrl * 40;} ctx.strokeStyle = "rgba(" + coreR + ", " + coreG + ", " + coreB + ", " + (0.85 + ctrl * 0.15) + ")"; ctx.beginPath(); ctx.moveTo(p.prevX,p.prevY); ctx.lineTo(p.x,p.y); ctx.stroke(); // head dot once controlled if (ctrl > 0.6) {ctx.beginPath(); ctx.arc(p.x,p.y,1.4,0,Math.PI * 2); ctx.fillStyle = p.anomaly ? "rgba(240, 245, 255, " + ctrl + ")" : "rgba(255, 240, 220, " + ctrl + ")"; ctx.fill();}} // setpoint highway band on the right const indY = targetY; for (let li = 0; li < LANES; li++) {const off = (li - (LANES - 1) / 2) * laneSpacing; const ly = indY + off; const grd = ctx.createLinearGradient(w * 0.65,0,w,0); grd.addColorStop(0,"rgba(255, 180, 100, 0)"); grd.addColorStop(1,"rgba(255, 200, 130, 0.45)"); ctx.strokeStyle = grd; ctx.lineWidth = 1; ctx.beginPath(); ctx.moveTo(w * 0.65,ly); ctx.lineTo(w - 4,ly); ctx.stroke();} // setpoint marker ctx.beginPath(); ctx.arc(w - 12,indY,4,0,Math.PI * 2); ctx.fillStyle = "#ffe8c8"; ctx.fill(); ctx.beginPath(); ctx.arc(w - 12,indY,9,0,Math.PI * 2); ctx.strokeStyle = "rgba(255, 200, 130, 0.55)"; ctx.lineWidth = 1; ctx.stroke(); if (reduceMotion) {stop(); return;} rafId = requestAnimationFrame(frame);}})(); </script>{}.substrip-kicker[data-astro-cid-zeyulewu]{font-family:var(--font-mono);font-size:11px;letter-spacing:0.16em;text-transform:uppercase;color:var(--color-muted-500)}.substrip-sep[data-astro-cid-zeyulewu]{color:var(--color-line-300)}.substrip-clients[data-astro-cid-zeyulewu]{margin:0;font-family:var(--font-serif);font-size:clamp(14px,1.05vw,16px);line-height:1.55;color:var(--color-slate-600);font-weight:380;letter-spacing:-0.005em}.substrip-clients-label[data-astro-cid-zeyulewu]{font-family:var(--font-mono);font-size:11px;letter-spacing:0.16em;text-transform:uppercase;color:var(--color-muted-500);margin-right:0.4rem}.substrip-clients[data-astro-cid-zeyulewu] em[data-astro-cid-zeyulewu]{font-style:italic;font-weight:500;color:var(--color-ink-900)}.substrip-dot[data-astro-cid-zeyulewu]{color:var(--color-line-300);margin:0 0.35rem}.probleem-col[data-astro-cid-2q2owmr6]{display:flex;flex-direction:column;align-items:flex-start}.uitdaging-band-scrim[data-astro-cid-2q2owmr6]{height:62%;background:linear-gradient(180deg,rgba(10,14,22,0) 0%,rgba(10,14,22,0.72) 100%)}.probleem-rule[data-astro-cid-2q2owmr6]{width:36px;height:2px;background:linear-gradient(90deg,#DD892C 0%,#B85812 100%);border-radius:1px;margin-bottom:1.4rem}.probleem-kicker[data-astro-cid-2q2owmr6]{font-family:var(--font-mono);font-size:11px;letter-spacing:0.18em;text-transform:uppercase;color:var(--color-muted-500)}.probleem-title[data-astro-cid-2q2owmr6]{margin-top:0.65rem;font-family:var(--font-serif);font-size:clamp(1.2rem,1.6vw,1.45rem);font-weight:500;letter-spacing:-0.012em;line-height:1.18;color:var(--color-ink-900);max-width:24ch}.probleem-symptom[data-astro-cid-2q2owmr6]{margin:0.95rem 0 0;display:flex;align-items:baseline;gap:0.5rem;flex-wrap:wrap}.probleem-symptom-label[data-astro-cid-2q2owmr6]{font-family:var(--font-mono);font-size:10px;letter-spacing:0.18em;text-transform:uppercase;color:var(--color-muted-500)}.probleem-symptom-text[data-astro-cid-2q2owmr6]{font-family:var(--font-serif);font-style:italic;font-size:13.5px;font-weight:500;letter-spacing:-0.005em;background:linear-gradient(90deg,#DD892C 0%,#B85812 100%);-webkit-background-clip:text;background-clip:text;color:transparent}@supports not ((background-clip: text) or (-webkit-background-clip: text)){.probleem-symptom-text[data-astro-cid-2q2owmr6]{background:none;color:var(--color-orange-700)}}.probleem-body[data-astro-cid-2q2owmr6]{margin-top:1rem;font-size:14.5px;line-height:1.6;color:var(--color-slate-600);max-width:38ch}@media (max-width: 767px){.probleem-col[data-astro-cid-2q2owmr6]{padding-top:1.5rem;border-top:1px solid var(--color-line-200)}.probleem-col[data-astro-cid-2q2owmr6]:first-child{padding-top:0;border-top:none}.probleem-rule[data-astro-cid-2q2owmr6]{display:none}}.solution-tagline[data-astro-cid-stvrp62k]{font-size:clamp(15px,1.2vw,17px);color:var(--color-ink-700);max-width:36ch}.maatwerk-band[data-astro-cid-stvrp62k]{background:var(--color-canvas-900);transition:box-shadow 240ms ease}.maatwerk-band[data-astro-cid-stvrp62k]:hover{box-shadow:0 24px 48px -28px rgba(15,23,32,0.45)}.maatwerk-title[data-astro-cid-stvrp62k]{font-size:clamp(1.6rem,2.6vw,2.25rem)}.maatwerk-title-em[data-astro-cid-stvrp62k]{background:linear-gradient(180deg,#ffc671 0%,#d9781a 100%);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:380}.maatwerk-figure-scrim[data-astro-cid-stvrp62k]{background:linear-gradient(90deg,rgba(15,20,30,0.1) 0%,rgba(15,20,30,0.32) 100%)}@media (min-width: 768px){.maatwerk-figure-scrim[data-astro-cid-stvrp62k]{background:linear-gradient(90deg,rgba(15,20,30,0.05) 0%,rgba(15,20,30,0.2) 62%,var(--color-canvas-900) 100%)}}.samenwerken-col[data-astro-cid-nf546esm]{display:flex;flex-direction:column;align-items:flex-start;padding:2rem 0 2.25rem;border-bottom:1px solid var(--color-line-200)}@media (min-width: 768px){.samenwerken-col[data-astro-cid-nf546esm]{padding:2.25rem 2rem 0 2rem;border-bottom:0;border-left:1px solid var(--color-line-200)}.samenwerken-col[data-astro-cid-nf546esm]:first-child{padding-left:0;border-left:0}.samenwerken-col[data-astro-cid-nf546esm]:last-child{padding-right:0}}.samenwerken-figure-scrim[data-astro-cid-nf546esm]{height:55%;background:linear-gradient(180deg,rgba(10,14,22,0) 0%,rgba(10,14,22,0.7) 100%)}.samenwerken-head[data-astro-cid-nf546esm]{display:flex;align-items:baseline;gap:0.75rem}.samenwerken-num[data-astro-cid-nf546esm]{font-family:var(--font-serif);font-style:italic;font-weight:380;font-size:1.5rem;line-height:1;background:linear-gradient(180deg,#dd892c 0%,#b85812 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.samenwerken-kicker[data-astro-cid-nf546esm]{font-family:var(--font-mono);font-size:11px;letter-spacing:0.18em;text-transform:uppercase;color:var(--color-muted-500)}.samenwerken-title[data-astro-cid-nf546esm]{margin-top:1.1rem;font-family:var(--font-serif);font-size:1.3rem;font-weight:500;letter-spacing:-0.012em;line-height:1.2;color:var(--color-ink-900);max-width:20ch}.samenwerken-body[data-astro-cid-nf546esm]{margin-top:0.85rem;font-size:14.5px;line-height:1.6;color:var(--color-slate-600, #4a5568);max-width:46ch}.samenwerken-meta[data-astro-cid-nf546esm]{margin-top:auto;padding-top:1.5rem;font-family:var(--font-mono);font-size:11px;letter-spacing:0.14em;text-transform:uppercase;color:var(--color-muted-500)}.samenwerken-cta[data-astro-cid-nf546esm]{margin-top:1.1rem;display:inline-flex;align-items:center;gap:0.4rem;padding-bottom:0.15rem;border-bottom:1px solid var(--color-ink-900);font-size:14px;font-weight:500;color:var(--color-ink-900);transition:color 180ms ease,border-color 180ms ease}.samenwerken-cta[data-astro-cid-nf546esm]:hover{color:var(--color-orange-700, #a75718);border-bottom-color:var(--color-orange-600, #c96a1f)}.cases-track-inner[data-astro-cid-lfrqaata],.cases-track[data-astro-cid-lfrqaata]{--cases-gutter: 20px;--cases-inset: calc(max(0px, 50% - 600px) + var(--cases-gutter))}@media (min-width: 768px){.cases-track-inner[data-astro-cid-lfrqaata],.cases-track[data-astro-cid-lfrqaata]{--cases-gutter: 40px}}@media (min-width: 1024px){.cases-track-inner[data-astro-cid-lfrqaata],.cases-track[data-astro-cid-lfrqaata]{--cases-gutter: 64px}}@media (min-width: 1280px){.cases-track-inner[data-astro-cid-lfrqaata],.cases-track[data-astro-cid-lfrqaata]{--cases-gutter: 96px}}.cases-track-inner[data-astro-cid-lfrqaata]{padding-left:var(--cases-inset)}.cases-track[data-astro-cid-lfrqaata]{scroll-padding-left:var(--cases-inset);scrollbar-width:none}.cases-track[data-astro-cid-lfrqaata]::-webkit-scrollbar{display:none}.insight-feature-left[data-astro-cid-dwl4vp67]{background:radial-gradient(ellipse 110% 90% at 12% 18%,rgba(255,175,90,0.18),transparent 65%),linear-gradient(155deg,#6b3b18 0%,#2a1408 100%);isolation:isolate;overflow:hidden}.insight-feature-shine[data-astro-cid-dwl4vp67]{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,200,130,0) 0%,rgba(255,200,130,0) 60%,rgba(0,0,0,0.18) 100%);z-index:0}.insight-feature-left[data-astro-cid-dwl4vp67]>[data-astro-cid-dwl4vp67]{position:relative;z-index:1}.insight-feature-left[data-astro-cid-dwl4vp67]>.insight-feature-photo[data-astro-cid-dwl4vp67]{position:absolute;top:0;left:0;right:0;z-index:0;width:100%;height:44%;object-fit:cover;object-position:62% 38%;pointer-events:none}.insight-feature-left[data-astro-cid-dwl4vp67]>.insight-feature-photo-scrim[data-astro-cid-dwl4vp67]{position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,rgba(30,14,5,0.62) 0%,rgba(42,20,8,0.34) 18%,rgba(56,29,11,0.72) 38%,#35190a 46%,#2a1408 100%),radial-gradient(ellipse 110% 70% at 12% 62%,rgba(255,175,90,0.16),transparent 65%)}.insight-feature-left[data-astro-cid-dwl4vp67]>.insight-feature-shine[data-astro-cid-dwl4vp67]{position:absolute;z-index:0}.insight-feature-pull[data-astro-cid-dwl4vp67]{font-size:clamp(1.6rem,2.8vw,2.45rem);line-height:1.1;color:rgba(255,244,228,0.96);text-shadow:0 2px 30px rgba(0,0,0,0.45);max-width:18ch;text-wrap:balance}.insight-feature-pull-em[data-astro-cid-dwl4vp67]{display:inline;background:linear-gradient(180deg,#ffb466 0%,#db892c 100%);-webkit-background-clip:text;background-clip:text;color:transparent}@supports not ((background-clip: text) or (-webkit-background-clip: text)){.insight-feature-pull-em[data-astro-cid-dwl4vp67]{background:none;color:#ffb466}}.insight-ref[data-astro-cid-dwl4vp67]{padding:2rem 0;border-bottom:1px solid var(--color-line-200)}@media (min-width: 768px){.insight-ref[data-astro-cid-dwl4vp67]{padding:2.25rem 2.5rem 2.25rem 0;border-bottom:none}.insight-ref-divided[data-astro-cid-dwl4vp67]{padding-left:2.5rem;border-left:1px solid var(--color-line-200)}}.insight-ref-title[data-astro-cid-dwl4vp67]{margin-top:0.85rem;font-family:var(--font-serif);font-size:clamp(1.2rem,1.8vw,1.45rem);font-weight:500;letter-spacing:-0.012em;line-height:1.18;color:var(--color-ink-900)}.insight-ref-body[data-astro-cid-dwl4vp67]{margin-top:0.85rem;font-size:14.5px;line-height:1.6;color:var(--color-slate-600);max-width:48ch}.insight-ref-cta[data-astro-cid-dwl4vp67]{display:inline-flex;align-items:center;gap:0.4rem;margin-top:1.5rem;padding-bottom:0.1rem;border-bottom:1px solid var(--color-ink-900);font-size:13px;font-weight:500;color:var(--color-ink-900);transition:color 180ms ease-out,border-color 180ms ease-out}.insight-ref-cta[data-astro-cid-dwl4vp67]:hover{color:var(--color-orange-700);border-bottom-color:var(--color-orange-600)}.overtuiging-quote[data-astro-cid-5xaatuj5]{margin:0}.overtuiging-em[data-astro-cid-5xaatuj5]{color:rgba(255,200,130,0.95);font-weight:380}@media (max-width: 640px){.callcard-frame[data-astro-cid-i4iaknda]{grid-template-columns:1fr}.callcard-photo[data-astro-cid-i4iaknda]{aspect-ratio:5 / 3;min-height:220px}}
}}}){}
