{"id":77572,"date":"2026-06-18T00:58:57","date_gmt":"2026-06-17T22:58:57","guid":{"rendered":"https:\/\/inr.institute\/?page_id=77572"},"modified":"2026-06-27T21:01:38","modified_gmt":"2026-06-27T19:01:38","slug":"inr-workshop","status":"publish","type":"page","link":"https:\/\/inr.institute\/en\/inr-workshop\/","title":{"rendered":"INR Workshop"},"content":{"rendered":"\n<!-- ============================================================================\n     INR WORKSHOP \u00b7 SHOWCASE-PAGINA\n     E\u00e9n bestand. Plak dit volledig in \u00c9\u00c9N Elementor HTML-widget.\n     Alles is gescoped onder .inr-ws en afgedwongen met !important,\n     zodat Elementor\/WordPress de stijl niet kan overrulen.\n\n     Drager: Dynamics-indigo #292558. De vijf post-it-rondes dragen elk\n     hun eigen Dynamics-kleur, precies zoals de tool zelf werkt:\n       Ronde 1 #FD7634 \u00b7 Ronde 2 #7448FD \u00b7 Ronde 3 #FD4C5C\n       Ronde 4 #2875FB \u00b7 Ronde 5 #5AC380\n     De drie woorden die de reis dragen: zien \u00b7 begrijpen \u00b7 handelen.\n\n     LET OP \u2014 GEEN eigen font\/preconnect meer in dit blok.\n     De header is de enige font-bron van de site en staat op elke pagina\n     boven dit blok in de DOM. Dit blok gebruikt dat font.\n     Voeg hier dus GEEN <link rel=\"preconnect\"> of font-stylesheet toe.\n     ============================================================================ -->\n\n<style>\n\/* ---------- 1. ELEMENTOR-ONTWAPENING + ROOT ---------- *\/\n.inr-ws{\n  --accent:#292558; --accent-2:#4B3FA0; --ink:#15122E; --grijs:#615C7A; --zacht:#8E89A6;\n  --indigo:#292558; --lucht:#9C92E8;\n  --r1:#FD7634; --r2:#7448FD; --r3:#FD4C5C; --r4:#2875FB; --r5:#5AC380;\n  --radius:24px; --maxw:1200px;\n  position:relative !important; width:100% !important; max-width:100% !important;\n  margin:0 !important; padding:0 !important; box-sizing:border-box !important;\n  color:var(--ink) !important; background:#FFFFFF !important; line-height:1.5 !important;\n  overflow-x:hidden !important; text-align:left !important;\n  -webkit-font-smoothing:antialiased !important;\n}\n.inr-ws, .inr-ws *, .inr-ws *::before, .inr-ws *::after{\n  box-sizing:border-box !important;\n  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;\n}\n.inr-ws h1,.inr-ws h2,.inr-ws h3,.inr-ws h4,.inr-ws p,\n.inr-ws span,.inr-ws div,.inr-ws ul,.inr-ws li,.inr-ws a{margin:0;padding:0;}\n.inr-ws ul{list-style:none !important;}\n.inr-ws a{text-decoration:none !important;color:inherit !important;}\n\n\/* ---------- 2. ATMOSFEER ---------- *\/\n.inr-ws .atmos{position:absolute !important;inset:0 !important;z-index:0 !important;overflow:hidden !important;pointer-events:none !important;background:transparent !important;}\n.inr-ws .blob{position:absolute !important;border-radius:50% !important;filter:blur(120px) !important;opacity:.24 !important;animation:inrws-drift 32s ease-in-out infinite !important;}\n.inr-ws .blob.a{width:580px;height:580px;background:rgba(41,37,88,.30);top:-180px;left:-150px;}\n.inr-ws .blob.b{width:520px;height:520px;background:rgba(41,37,88,.26);top:28%;right:-200px;animation-delay:-11s;}\n.inr-ws .blob.c{width:600px;height:600px;background:rgba(41,37,88,.24);bottom:6%;left:16%;animation-delay:-19s;}\n.inr-ws .blob.d{width:560px;height:560px;background:rgba(41,37,88,.22);bottom:-220px;right:12%;animation-delay:-25s;}\n@keyframes inrws-drift{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(46px,-40px) scale(1.09);}}\n\n\/* ---------- 3. LAYOUT-PRIMITIEVEN ---------- *\/\n.inr-ws .wrap{position:relative !important;z-index:1 !important;width:100% !important;max-width:var(--maxw) !important;margin:0 auto !important;padding:0 clamp(28px,5vw,40px) !important;}\n.inr-ws .sec{position:relative !important;z-index:1 !important;padding:118px 0 !important;}\n.inr-ws .sec.tight{padding:78px 0 !important;}\n\n\/* ---------- 4. TYPO-HELPERS ---------- *\/\n.inr-ws .eyebrow{font-size:13px !important;font-weight:600 !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:var(--zacht) !important;}\n.inr-ws .grad{color:var(--ink) !important;-webkit-text-fill-color:var(--ink) !important;}\n.inr-ws .kop{text-align:center !important;max-width:800px !important;margin:0 auto 60px !important;}\n.inr-ws .kop .eyebrow{display:block !important;margin-bottom:16px !important;}\n.inr-ws .kop h2{font-weight:600 !important;font-size:clamp(30px,4.4vw,50px) !important;letter-spacing:-.028em !important;line-height:1.08 !important;color:var(--ink) !important;margin-bottom:18px !important;}\n.inr-ws .kop p{font-size:18px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.62 !important;}\n\n\/* ---------- 5. REVEAL ---------- *\/\n.inr-ws .rev{opacity:0;transform:translateY(38px);transition:opacity .85s cubic-bezier(.2,.7,.2,1),transform .85s cubic-bezier(.2,.7,.2,1);}\n.inr-ws .rev.in{opacity:1 !important;transform:none !important;}\n.inr-ws .d1{transition-delay:.07s;}.inr-ws .d2{transition-delay:.14s;}.inr-ws .d3{transition-delay:.21s;}\n.inr-ws .d4{transition-delay:.28s;}.inr-ws .d5{transition-delay:.35s;}.inr-ws .d6{transition-delay:.42s;}\n.no-js .inr-ws .rev{opacity:1 !important;transform:none !important;}\n\n\/* ---------- responsive basis ---------- *\/\n@media(max-width:820px){\n  .inr-ws{padding-left:22px !important;padding-right:22px !important;}\n  .inr-ws .wrap{padding-left:0 !important;padding-right:0 !important;}\n  .inr-ws .sec{padding:72px 0 !important;}\n  .inr-ws .blob.a{width:320px;height:320px;top:-90px;left:-100px;}\n  .inr-ws .blob.b{width:300px;height:300px;right:-150px;}\n  .inr-ws .blob.c{width:340px;height:340px;left:-60px;}\n  .inr-ws .blob.d{width:320px;height:320px;right:-80px;bottom:-160px;}\n}\n@media(prefers-reduced-motion:reduce){\n  .inr-ws .rev{opacity:1 !important;transform:none !important;transition:none !important;}\n  .inr-ws .blob{animation:none !important;}\n}\n<\/style>\n\n<div class=\"inr-ws\">\n<div class=\"atmos\"><div class=\"blob a\"><\/div><div class=\"blob b\"><\/div><div class=\"blob c\"><\/div><div class=\"blob d\"><\/div><\/div>\n\n<!-- ========================= HERO ========================= -->\n<style>\n.inr-ws .hero{position:relative !important;min-height:96vh !important;display:grid !important;grid-template-columns:1.05fr .95fr !important;gap:64px !important;align-items:center !important;padding:150px clamp(24px,5vw,40px) 96px !important;}\n.inr-ws .hero .badge{display:inline-flex !important;align-items:center !important;gap:9px !important;align-self:flex-start !important;\n  font-size:13px !important;font-weight:600 !important;color:var(--ink) !important;background:rgba(21,18,46,.06) !important;\n  padding:8px 16px !important;border-radius:99px !important;margin-bottom:26px !important;}\n.inr-ws .hero .badge .stip{width:8px !important;height:8px !important;border-radius:50% !important;background:var(--ink) !important;box-shadow:0 0 0 4px rgba(21,18,46,.12) !important;}\n.inr-ws .hero h1{font-weight:600 !important;font-size:clamp(40px,6.4vw,80px) !important;line-height:1.02 !important;letter-spacing:-.04em !important;\n  max-width:14ch !important;color:var(--ink) !important;margin-bottom:28px !important;}\n.inr-ws .hero .lead{font-size:clamp(18px,2.2vw,22px) !important;font-weight:300 !important;color:var(--grijs) !important;max-width:50ch !important;line-height:1.55 !important;}\n.inr-ws .hero .lead strong{font-weight:600 !important;color:var(--ink) !important;}\n.inr-ws .hero .drie{margin-top:40px !important;display:flex !important;align-items:center !important;gap:0 !important;flex-wrap:wrap !important;}\n.inr-ws .hero .drie .w{font-size:16px !important;font-weight:600 !important;letter-spacing:-.01em !important;color:var(--ink) !important;}\n.inr-ws .hero .drie .sep{margin:0 14px !important;width:5px !important;height:5px !important;border-radius:50% !important;background:var(--ink) !important;display:inline-block !important;}\n.inr-ws .hero .hint{margin-top:36px !important;display:flex !important;align-items:center !important;gap:12px !important;font-size:13px !important;color:var(--zacht) !important;letter-spacing:.04em !important;}\n.inr-ws .hero .hint .lijn{width:46px !important;height:1px !important;background:linear-gradient(90deg,var(--zacht),transparent) !important;}\n\n\/* --- het levende canvas in de hero --- *\/\n.inr-ws .canvas-stage{position:relative !important;width:100% !important;}\n.inr-ws .canvas-frame{position:relative !important;border-radius:28px !important;overflow:hidden !important;\n  background:linear-gradient(160deg,rgba(255,255,255,.85),rgba(255,255,255,.55)) !important;\n  -webkit-backdrop-filter:blur(20px) !important;backdrop-filter:blur(20px) !important;\n  border:1px solid rgba(41,37,88,.12) !important;\n  box-shadow:0 40px 90px -50px rgba(41,37,88,.45) !important;}\n.inr-ws .canvas-frame::before{content:'' !important;position:absolute !important;inset:0 !important;z-index:0 !important;\n  background-image:radial-gradient(rgba(41,37,88,.07) 1px,transparent 1px) !important;background-size:22px 22px !important;opacity:.6 !important;pointer-events:none !important;}\n.inr-ws .canvas-bar{position:relative !important;z-index:3 !important;height:42px !important;\n  display:flex !important;align-items:center !important;gap:7px !important;padding:0 16px !important;\n  background:rgba(255,255,255,.65) !important;border-bottom:1px solid rgba(41,37,88,.08) !important;}\n.inr-ws .canvas-bar .dt{width:9px !important;height:9px !important;border-radius:50% !important;}\n.inr-ws .canvas-bar .dt{background:rgba(21,18,46,.18) !important;}\n.inr-ws .canvas-bar .lbl{margin-left:10px !important;font-size:12px !important;font-weight:500 !important;color:var(--zacht) !important;letter-spacing:.02em !important;}\n.inr-ws .canvas-bar .live{margin-left:auto !important;display:inline-flex !important;align-items:center !important;gap:6px !important;font-size:11px !important;font-weight:600 !important;letter-spacing:.08em !important;text-transform:uppercase !important;color:var(--zacht) !important;}\n.inr-ws .canvas-bar .live .puls{width:7px !important;height:7px !important;border-radius:50% !important;background:var(--zacht) !important;animation:inrws-puls 1.8s ease-in-out infinite !important;}\n@keyframes inrws-puls{0%,100%{box-shadow:0 0 0 0 rgba(142,137,166,.5);}50%{box-shadow:0 0 0 6px rgba(142,137,166,0);}}\n\n.inr-ws .notes{position:relative !important;z-index:2 !important;padding:18px 16px 20px !important;\n  display:grid !important;grid-template-columns:1fr 1fr !important;gap:14px !important;}\n.inr-ws .pit{position:relative !important;min-height:88px !important;border-radius:10px !important;padding:16px 14px !important;\n  display:flex !important;align-items:center !important;justify-content:center !important;text-align:center !important;\n  font-size:13px !important;font-weight:500 !important;line-height:1.34 !important;\n  box-shadow:0 12px 26px -14px rgba(41,37,88,.4) !important;\n  opacity:0;transform:translateY(16px) scale(.94) rotate(var(--rot,0deg));\n  animation:inrws-drop .7s cubic-bezier(.2,.8,.2,1) forwards;\n  animation-delay:var(--del,0s);}\n.inr-ws .pit::after{content:'' !important;position:absolute !important;top:7px !important;left:50% !important;transform:translateX(-50%) !important;\n  width:30px !important;height:5px !important;border-radius:3px !important;background:rgba(0,0,0,.09) !important;}\n@keyframes inrws-drop{to{opacity:1;transform:translateY(0) scale(1) rotate(var(--rot,0deg));}}\n.inr-ws .pit.c1{background:#FFE3CF !important;color:#7a3d12 !important;}\n.inr-ws .pit.c2{background:#E7DEFF !important;color:#3d2680 !important;}\n.inr-ws .pit.c3{background:#FFD9DD !important;color:#8a2730 !important;}\n.inr-ws .pit.c4{background:#D6E6FF !important;color:#15407e !important;}\n.inr-ws .pit.c5{background:#D6F2DF !important;color:#1d5e36 !important;}\n\n.inr-ws .cursor{position:absolute !important;z-index:4 !important;display:flex !important;align-items:center !important;gap:6px !important;\n  opacity:0;animation:inrws-cur .6s ease forwards;animation-delay:1.9s;pointer-events:none !important;}\n.inr-ws .cursor svg{width:20px !important;height:20px !important;filter:drop-shadow(0 2px 4px rgba(0,0,0,.25)) !important;}\n.inr-ws .cursor .who{font-size:10.5px !important;font-weight:600 !important;color:#fff !important;background:var(--indigo) !important;padding:2px 7px !important;border-radius:6px !important;}\n@keyframes inrws-cur{to{opacity:1;}}\n\n@media(max-width:920px){\n  .inr-ws .hero{grid-template-columns:1fr !important;gap:48px !important;min-height:auto !important;padding:120px clamp(28px,5vw,40px) 64px !important;}\n  .inr-ws .hero h1{font-size:clamp(34px,9vw,54px) !important;}\n  .inr-ws .canvas-stage{max-width:440px !important;margin:0 auto !important;}\n  .inr-ws .pit{font-size:12px !important;padding:14px 10px !important;}\n}\n<\/style>\n<section class=\"hero wrap\">\n  <div>\n    <div class=\"badge\"><span class=\"stip\"><\/span>INR Workshop \u00b7 samen zien wat er speelt<\/div>\n    <h1>Maak zichtbaar wat <span class=\"grad\">iedereen voelt<\/span>, maar niemand scherp heeft.<\/h1>\n    <p class=\"lead\">In elke organisatie leeft een vraag waar iedereen omheen loopt. Een onderbuikgevoel dat nooit op tafel komt. In \u00e9\u00e9n begeleide sessie brengen we het naar boven, met jullie eigen mensen, in jullie eigen woorden. <strong>En wat eruit komt, vertalen wij naar een gedegen plan dat we samen uitvoeren.<\/strong><\/p>\n    <div class=\"drie\">\n      <span class=\"w\">Zien<\/span><span class=\"sep\"><\/span>\n      <span class=\"w\">Begrijpen<\/span><span class=\"sep\"><\/span>\n      <span class=\"w\">Handelen<\/span>\n    <\/div>\n    <div class=\"hint\"><span class=\"lijn\"><\/span>Scroll en ontdek hoe inzicht ontstaat<\/div>\n  <\/div>\n\n  <div class=\"canvas-stage\">\n    <div class=\"canvas-frame\">\n      <div class=\"canvas-bar\">\n        <span class=\"dt\"><\/span><span class=\"dt\"><\/span><span class=\"dt\"><\/span>\n        <span class=\"lbl\">Gedeeld canvas<\/span>\n        <span class=\"live\"><span class=\"puls\"><\/span>Live<\/span>\n      <\/div>\n      <div class=\"notes\">\n        <div class=\"pit c1\" style=\"--rot:-2.5deg;--del:.2s;\">Klanten weten ons sneller te vinden<\/div>\n        <div class=\"pit c2\" style=\"--rot:2deg;--del:.4s;\">Onboarding kost te veel tijd<\/div>\n        <div class=\"pit c3\" style=\"--rot:2.5deg;--del:.6s;\">Roosters lopen vaak vast<\/div>\n        <div class=\"pit c4\" style=\"--rot:-2deg;--del:.8s;\">Meer ruimte voor eigen initiatief<\/div>\n        <div class=\"pit c5\" style=\"--rot:1.5deg;--del:1s;\">Nieuwe markt in het noorden<\/div>\n        <div class=\"pit c2\" style=\"--rot:-1.5deg;--del:1.2s;\">Kennis blijft bij \u00e9\u00e9n persoon<\/div>\n        <div class=\"pit c1\" style=\"--rot:2.5deg;--del:1.4s;\">Besluiten duren te lang<\/div>\n        <div class=\"pit c4\" style=\"--rot:-2.5deg;--del:1.6s;\">Teams werken langs elkaar<\/div>\n      <\/div>\n      <div class=\"cursor\" style=\"top:30% !important;left:47% !important;\">\n        <svg viewBox=\"0 0 24 24\" fill=\"#292558\"><path d=\"M5 3l14 7-6 2-2 6z\"\/><\/svg>\n        <span class=\"who\">Captain<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ========================= INTRO-STATEMENT ========================= -->\n<style>\n.inr-ws .statement{max-width:920px !important;margin:0 auto !important;text-align:center !important;}\n.inr-ws .statement .groot{font-weight:600 !important;font-size:clamp(26px,3.8vw,40px) !important;letter-spacing:-.024em !important;line-height:1.24 !important;color:var(--ink) !important;}\n.inr-ws .statement .groot em{font-style:normal !important;color:var(--ink) !important;font-weight:700 !important;}\n.inr-ws .statement .sub{margin-top:26px !important;font-size:18px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.64 !important;}\n<\/style>\n<section class=\"sec tight wrap\">\n  <div class=\"statement rev\">\n    <div class=\"groot\">De grootste vraagstukken in een organisatie zijn zelden onbekend. Ze worden alleen <em>nooit hardop besproken<\/em>.<\/div>\n    <p class=\"sub\">Iedereen voelt waar het schuurt, maar het blijft hangen in de wandelgangen, in losse gesprekken, in aannames die niemand toetst. INR Workshop haalt dat naar het midden van de tafel. In \u00e9\u00e9n begeleide sessie verandert een diffuus gevoel in een gedeeld, scherp beeld waar de hele organisatie achter staat.<\/p>\n  <\/div>\n<\/section>\n\n<!-- ========================= VIER BEWEGINGEN ========================= -->\n<style>\n.inr-ws .beweging{display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:0 !important;border-radius:var(--radius) !important;overflow:hidden !important;\n  border:1px solid rgba(41,37,88,.12) !important;background:rgba(255,255,255,.55) !important;-webkit-backdrop-filter:blur(20px) !important;backdrop-filter:blur(20px) !important;\n  box-shadow:0 18px 56px -36px rgba(41,37,88,.3) !important;}\n.inr-ws .stap{position:relative !important;padding:38px 30px 40px !important;border-right:1px solid rgba(41,37,88,.08) !important;}\n.inr-ws .stap:last-child{border-right:0 !important;}\n.inr-ws .stap .nr{font-weight:700 !important;font-size:14px !important;letter-spacing:.04em !important;color:var(--ink) !important;margin-bottom:auto !important;}\n.inr-ws .stap .lijn{height:3px !important;width:34px !important;border-radius:3px !important;background:var(--ink) !important;margin:14px 0 20px !important;}\n.inr-ws .stap h3{font-weight:600 !important;font-size:18px !important;letter-spacing:-.014em !important;color:var(--ink) !important;margin-bottom:9px !important;}\n.inr-ws .stap p{font-size:14px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.6 !important;}\n\n@media(max-width:820px){.inr-ws .beweging{grid-template-columns:1fr !important;}.inr-ws .stap{border-right:0 !important;border-bottom:1px solid rgba(41,37,88,.08) !important;}.inr-ws .stap:last-child{border-bottom:0 !important;}}\n<\/style>\n<section class=\"sec wrap\" style=\"padding-top:0 !important;\">\n  <div class=\"kop rev\">\n    <span class=\"eyebrow\">Hoe het gaat<\/span>\n    <h2>Van eerste gedachte tot gedeeld plan.<\/h2>\n    <p>E\u00e9n begeleide reis waarin jullie het werk doen en wij de richting bewaken. Wat aan het eind boven tafel ligt, nemen wij mee.<\/p>\n  <\/div>\n  <div class=\"beweging rev\">\n    <div class=\"stap s1\"><div class=\"nr\">01<\/div><div class=\"lijn\"><\/div><h3>Onze expert opent<\/h3><p>Een ervaren INR-begeleider zet de sessie klaar rond de vraag die er voor jullie werkelijk toe doet, en stuurt de groep stap voor stap.<\/p><\/div>\n    <div class=\"stap s2\"><div class=\"nr\">02<\/div><div class=\"lijn\"><\/div><h3>Jij komt binnen<\/h3><p>Je opent \u00e9\u00e9n link op je eigen scherm en je bent er. Geen drempel, geen voorbereiding. Je hoeft alleen mee te denken.<\/p><\/div>\n    <div class=\"stap s3\"><div class=\"nr\">03<\/div><div class=\"lijn\"><\/div><h3>Samen erdoorheen<\/h3><p>Met je collega&#8217;s loop je door de sessie. Ieders inzicht telt mee en wordt direct zichtbaar. Het beeld vormt zich voor jullie ogen.<\/p><\/div>\n    <div class=\"stap s4\"><div class=\"nr\">04<\/div><div class=\"lijn\"><\/div><h3>Wij gaan ermee aan de slag<\/h3><p>Als de sessie klaar is, hebben wij alles in handen om het te analyseren. We komen terug met een gedegen plan om het samen op te lossen.<\/p><\/div>\n  <\/div>\n<\/section>\n\n<!-- ========================= TWEE ERVARINGEN ========================= -->\n<style>\n.inr-ws .duo{display:grid !important;grid-template-columns:1fr 1fr !important;gap:24px !important;}\n.inr-ws .ervaring{border-radius:var(--radius) !important;padding:42px 40px !important;position:relative !important;overflow:hidden !important;}\n.inr-ws .ervaring.deeln{background:rgba(255,255,255,.72) !important;-webkit-backdrop-filter:blur(20px) !important;backdrop-filter:blur(20px) !important;border:1px solid rgba(41,37,88,.12) !important;box-shadow:0 10px 40px -30px rgba(41,37,88,.22) !important;}\n.inr-ws .ervaring.train{background:var(--ink) !important;color:#fff !important;}\n.inr-ws .ervaring.train::before{content:'' !important;position:absolute !important;top:-110px !important;right:-70px !important;width:320px !important;height:320px !important;border-radius:50% !important;background:radial-gradient(circle,rgba(255,255,255,.12),transparent 70%) !important;filter:blur(36px) !important;}\n.inr-ws .ervaring .et{font-size:12px !important;font-weight:600 !important;letter-spacing:.1em !important;text-transform:uppercase !important;margin-bottom:10px !important;position:relative !important;z-index:1 !important;}\n.inr-ws .ervaring.deeln .et{color:var(--zacht) !important;}\n.inr-ws .ervaring.train .et{color:rgba(255,255,255,.55) !important;}\n.inr-ws .ervaring h3{font-weight:600 !important;font-size:25px !important;letter-spacing:-.02em !important;margin-bottom:8px !important;position:relative !important;z-index:1 !important;}\n.inr-ws .ervaring.deeln h3{color:var(--ink) !important;}\n.inr-ws .ervaring.train h3{color:#fff !important;}\n.inr-ws .ervaring .intro{font-size:15px !important;font-weight:300 !important;line-height:1.6 !important;margin-bottom:26px !important;position:relative !important;z-index:1 !important;}\n.inr-ws .ervaring.deeln .intro{color:var(--grijs) !important;}\n.inr-ws .ervaring.train .intro{color:rgba(255,255,255,.7) !important;}\n.inr-ws .ervaring .rij{display:flex !important;gap:14px !important;align-items:flex-start !important;padding:14px 0 !important;position:relative !important;z-index:1 !important;}\n.inr-ws .ervaring .rij + .rij{border-top:1px solid var(--scheid) !important;}\n.inr-ws .ervaring.deeln{--scheid:rgba(41,37,88,.08);}\n.inr-ws .ervaring.train{--scheid:rgba(255,255,255,.1);}\n.inr-ws .ervaring .rij .ic{flex:none !important;width:36px !important;height:36px !important;border-radius:11px !important;display:flex !important;align-items:center !important;justify-content:center !important;}\n.inr-ws .ervaring.deeln .rij .ic{background:rgba(21,18,46,.06) !important;color:var(--ink) !important;}\n.inr-ws .ervaring.train .rij .ic{background:rgba(255,255,255,.1) !important;color:rgba(255,255,255,.85) !important;}\n.inr-ws .ervaring .rij .ic svg{width:18px !important;height:18px !important;}\n.inr-ws .ervaring .rij .tx h4{font-weight:600 !important;font-size:15.5px !important;letter-spacing:-.01em !important;margin-bottom:3px !important;}\n.inr-ws .ervaring.deeln .rij .tx h4{color:var(--ink) !important;}\n.inr-ws .ervaring.train .rij .tx h4{color:#fff !important;}\n.inr-ws .ervaring .rij .tx p{font-size:13.5px !important;font-weight:300 !important;line-height:1.55 !important;}\n.inr-ws .ervaring.deeln .rij .tx p{color:var(--grijs) !important;}\n.inr-ws .ervaring.train .rij .tx p{color:rgba(255,255,255,.66) !important;}\n@media(max-width:820px){.inr-ws .duo{grid-template-columns:1fr !important;}.inr-ws .ervaring{padding:34px 28px !important;}}\n<\/style>\n<section class=\"sec wrap\" style=\"padding-top:0 !important;\">\n  <div class=\"kop rev\">\n    <span class=\"eyebrow\">Waarom het werkt<\/span>\n    <h2>Het beste inzicht zit vaak bij wie het minst aan het woord is.<\/h2>\n    <p>Een gewone vergadering hoort de luidste stem. Hier telt elke stem even zwaar, en daarom ligt er aan het eind een beeld dat klopt voor de hele organisatie.<\/p>\n  <\/div>\n  <div class=\"duo\">\n    <div class=\"ervaring deeln rev d1\">\n      <div class=\"et\">Voor je mensen<\/div>\n      <h3>Iedereen denkt mee, ook wie normaal zwijgt.<\/h3>\n      <p class=\"intro\">Geen drempel, geen voorbereiding, geen hi\u00ebrarchie die de uitkomst stuurt. Wat telt is wat mensen werkelijk zien.<\/p>\n      <div class=\"rij\"><span class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M12 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM4 21a8 8 0 0 1 16 0\"\/><\/svg><\/span><div class=\"tx\"><h4>Iedere stem telt mee<\/h4><p>De stillere collega heeft net zoveel ruimte als de manager. Inzicht dat anders verloren gaat, komt nu boven.<\/p><\/div><\/div>\n      <div class=\"rij\"><span class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><rect x=\"4\" y=\"5\" width=\"16\" height=\"14\" rx=\"2\"\/><path d=\"M4 10h16\"\/><\/svg><\/span><div class=\"tx\"><h4>E\u00e9n gedachte tegelijk<\/h4><p>Geen overvol scherm, geen ruis. Je denkt na over precies wat er nu speelt, en geeft je eerlijke antwoord.<\/p><\/div><\/div>\n      <div class=\"rij\"><span class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7-10-7-10-7z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg><\/span><div class=\"tx\"><h4>Het beeld vormt zich samen<\/h4><p>Wat iedereen instuurt verschijnt voor de hele groep. Mensen zien hun gevoel bevestigd, of voor het eerst genuanceerd.<\/p><\/div><\/div>\n    <\/div>\n    <div class=\"ervaring train rev d2\">\n      <div class=\"et\">Voor jullie organisatie<\/div>\n      <h3>Het inzicht verlaat de kamer niet als los briefje.<\/h3>\n      <p class=\"intro\">Geen flip-overs die in een la verdwijnen. Alles wat boven tafel komt, blijft bruikbaar en gaat met ons mee de analyse in.<\/p>\n      <div class=\"rij\"><span class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M9 11l3 3 8-8M20 12v7a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h11\"\/><\/svg><\/span><div class=\"tx\"><h4>Een gedeeld vertrekpunt<\/h4><p>De hele organisatie kijkt naar hetzelfde beeld. Daar valt niet meer omheen te praten, en dat maakt verandering mogelijk.<\/p><\/div><\/div>\n      <div class=\"rij\"><span class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M3 3v18h18\"\/><path d=\"M7 14l4-4 3 3 5-6\"\/><\/svg><\/span><div class=\"tx\"><h4>Alles bewaard, niets verloren<\/h4><p>Elke gedachte, elke keuze, elke nuance blijft behouden. Wij hebben straks de volledige opbrengst in handen.<\/p><\/div><\/div>\n      <div class=\"rij\"><span class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M12 2 4 6v6c0 5 3.5 8 8 10 4.5-2 8-5 8-10V6z\"\/><path d=\"M9 12l2 2 4-4\"\/><\/svg><\/span><div class=\"tx\"><h4>Van inzicht naar plan<\/h4><p>Wij analyseren wat de sessie heeft opgeleverd en vertalen het naar concrete stappen, samen met jullie uitgevoerd.<\/p><\/div><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ========================= DE REIS VAN EEN SESSIE ========================= -->\n<style>\n.inr-ws .reis{position:relative !important;max-width:880px !important;margin:0 auto !important;}\n.inr-ws .reis::before{content:'' !important;position:absolute !important;left:23px !important;top:14px !important;bottom:14px !important;width:2px !important;\n  background:rgba(21,18,46,.14) !important;border-radius:2px !important;opacity:1 !important;}\n.inr-ws .halte{position:relative !important;display:grid !important;grid-template-columns:48px 1fr !important;gap:24px !important;padding-bottom:28px !important;}\n.inr-ws .halte:last-child{padding-bottom:0 !important;}\n.inr-ws .halte .knoop{position:relative !important;z-index:1 !important;width:48px !important;height:48px !important;border-radius:14px !important;display:flex !important;align-items:center !important;justify-content:center !important;\n  background:#fff !important;border:1px solid rgba(41,37,88,.14) !important;box-shadow:0 8px 22px -14px rgba(41,37,88,.4) !important;color:var(--hc,var(--accent)) !important;}\n.inr-ws .halte .knoop svg{width:22px !important;height:22px !important;}\n.inr-ws .halte .inh{background:rgba(255,255,255,.68) !important;-webkit-backdrop-filter:blur(18px) !important;backdrop-filter:blur(18px) !important;\n  border:1px solid rgba(41,37,88,.1) !important;border-radius:18px !important;padding:22px 26px !important;box-shadow:0 8px 32px -26px rgba(41,37,88,.3) !important;}\n.inr-ws .halte .inh h3{font-weight:600 !important;font-size:18px !important;letter-spacing:-.014em !important;color:var(--ink) !important;margin-bottom:6px !important;}\n.inr-ws .halte .inh p{font-size:14.5px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.6 !important;}\n.inr-ws .halte.h1{--hc:var(--ink);}.inr-ws .halte.h2{--hc:var(--ink);}.inr-ws .halte.h3{--hc:var(--ink);}\n.inr-ws .halte.h4{--hc:var(--ink);}.inr-ws .halte.h5{--hc:var(--ink);}\n@media(max-width:820px){.inr-ws .reis::before{left:19px !important;}.inr-ws .halte{grid-template-columns:40px 1fr !important;gap:16px !important;}.inr-ws .halte .knoop{width:40px !important;height:40px !important;}.inr-ws .halte .inh{padding:18px 20px !important;}}\n<\/style>\n<section class=\"sec wrap\">\n  <div class=\"kop rev\">\n    <span class=\"eyebrow\">De opbouw van een sessie<\/span>\n    <h2>Van breed verkennen naar \u00e9\u00e9n scherpe kern.<\/h2>\n    <p>Elke sessie is een zorgvuldig opgebouwde reis. We beginnen open en breed, en bewegen stap voor stap naar wat er werkelijk toe doet.<\/p>\n  <\/div>\n  <div class=\"reis\">\n    <div class=\"halte h1 rev d1\"><div class=\"knoop\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M9.1 9a3 3 0 0 1 5.8 1c0 2-3 3-3 3\"\/><path d=\"M12 17h.01\"\/><\/svg><\/div><div class=\"inh\"><h3>De kernvraag<\/h3><p>Alles begint bij de ene vraag die er voor jullie toe doet. Groot en centraal, als het hart van de dag, en zichtbaar door de hele sessie heen.<\/p><\/div><\/div>\n    <div class=\"halte h2 rev d1\"><div class=\"knoop\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M9 6h11M9 12h11M9 18h11M4 6h.01M4 12h.01M4 18h.01\"\/><\/svg><\/div><div class=\"inh\"><h3>Het stappenplan<\/h3><p>Een rustig overzicht van de reis die de groep die dag maakt, zodat iedereen weet waar we naartoe werken.<\/p><\/div><\/div>\n    <div class=\"halte h3 rev d1\"><div class=\"knoop\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M9 11l3 3 8-8\"\/><path d=\"M20 12v7a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h11\"\/><\/svg><\/div><div class=\"inh\"><h3>De spelregels<\/h3><p>De afspraken die een eerlijk gesprek mogelijk maken. Geen oordeel, ruimte voor iedereen, voortbouwen op elkaar.<\/p><\/div><\/div>\n    <div class=\"halte h4 rev d1\"><div class=\"knoop\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><rect x=\"4\" y=\"4\" width=\"7\" height=\"7\" rx=\"1.5\"\/><rect x=\"13\" y=\"4\" width=\"7\" height=\"7\" rx=\"1.5\"\/><rect x=\"4\" y=\"13\" width=\"7\" height=\"7\" rx=\"1.5\"\/><rect x=\"13\" y=\"13\" width=\"7\" height=\"7\" rx=\"1.5\"\/><\/svg><\/div><div class=\"inh\"><h3>De rondes<\/h3><p>In een aantal gerichte rondes onderzoeken we de kernvraag van alle kanten. Hier komt naar boven wat anders verborgen blijft.<\/p><\/div><\/div>\n    <div class=\"halte h5 rev d1\"><div class=\"knoop\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M3 12h18M12 3v18\"\/><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><\/svg><\/div><div class=\"inh\"><h3>Het kwadrant<\/h3><p>Een unieke werkvorm waarin we nog dieper duiken. Wat is veel, wat is weinig, wat weegt zwaar? Het beeld wordt scherper.<\/p><\/div><\/div>\n    <div class=\"halte h1 rev d1\"><div class=\"knoop\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><circle cx=\"12\" cy=\"12\" r=\"5.5\"\/><circle cx=\"12\" cy=\"12\" r=\"2\"\/><\/svg><\/div><div class=\"inh\"><h3>De bullseye<\/h3><p>De ultieme trechter. Hier komt de groep erachter wat nu \u00e9cht het allerbelangrijkste is, en wat kan wachten.<\/p><\/div><\/div>\n    <div class=\"halte h2 rev d1\"><div class=\"knoop\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M7 11l3 3 7-7\"\/><path d=\"M3 17l3 3 7-7\"\/><\/svg><\/div><div class=\"inh\"><h3>De toetsing<\/h3><p>Tot slot legt de groep zichzelf een aantal scherpe keuzes voor, en kijkt waar men werkelijk staat.<\/p><\/div><\/div>\n    <div class=\"halte h4 rev d1\"><div class=\"knoop\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M12 2 4 6v6c0 5 3.5 8 8 10 4.5-2 8-5 8-10V6z\"\/><path d=\"M9 12l2 2 4-4\"\/><\/svg><\/div><div class=\"inh\"><h3>De afsluiting<\/h3><p>De sessie eindigt, en voor ons begint het werk. We nemen de volledige opbrengst mee, analyseren die, en komen terug met een gedegen plan om het samen met INR op te lossen.<\/p><\/div><\/div>\n  <\/div>\n<\/section>\n\n<!-- ========================= VIJF RONDES POST-ITS ========================= -->\n<style>\n.inr-ws .rondes{display:grid !important;grid-template-columns:repeat(5,1fr) !important;gap:16px !important;}\n.inr-ws .ronde{border-radius:18px !important;padding:26px 22px 28px !important;position:relative !important;overflow:hidden !important;min-height:200px !important;\n  display:flex !important;flex-direction:column !important;border:1px solid var(--rb) !important;background:var(--rbg) !important;\n  transition:transform .4s cubic-bezier(.2,.7,.2,1) !important;}\n.inr-ws .ronde:hover{transform:translateY(-6px) rotate(-1deg) !important;}\n.inr-ws .ronde .num{font-weight:700 !important;font-size:13px !important;letter-spacing:.06em !important;color:var(--rc) !important;margin-bottom:auto !important;}\n.inr-ws .ronde .tape{position:absolute !important;top:-7px !important;left:50% !important;transform:translateX(-50%) rotate(var(--tr,-2deg)) !important;width:46px !important;height:16px !important;border-radius:3px !important;background:rgba(255,255,255,.55) !important;border:1px solid rgba(0,0,0,.05) !important;}\n.inr-ws .ronde h4{font-weight:600 !important;font-size:16px !important;letter-spacing:-.012em !important;color:var(--rc) !important;line-height:1.32 !important;margin-top:30px !important;}\n.inr-ws .ronde.r1{--rc:#8a4513;--rbg:#FFE3CF;--rb:rgba(253,118,52,.4);}\n.inr-ws .ronde.r2{--rc:#3d2680;--rbg:#E7DEFF;--rb:rgba(116,72,253,.4);--tr:2deg;}\n.inr-ws .ronde.r3{--rc:#8a2730;--rbg:#FFD9DD;--rb:rgba(253,76,92,.4);--tr:-3deg;}\n.inr-ws .ronde.r4{--rc:#15407e;--rbg:#D6E6FF;--rb:rgba(40,117,251,.4);--tr:3deg;}\n.inr-ws .ronde.r5{--rc:#1d5e36;--rbg:#D6F2DF;--rb:rgba(90,195,128,.4);--tr:-2deg;}\n@media(max-width:920px){.inr-ws .rondes{grid-template-columns:repeat(2,1fr) !important;}.inr-ws .ronde{min-height:160px !important;}}\n@media(max-width:520px){.inr-ws .rondes{grid-template-columns:1fr !important;}}\n<\/style>\n<section class=\"sec wrap\" style=\"padding-top:0 !important;\">\n  <div class=\"kop rev\">\n    <span class=\"eyebrow\">Het kloppend hart<\/span>\n    <h2>Vijf vragen, vijf kleuren, \u00e9\u00e9n gedeeld beeld.<\/h2>\n    <p>In een aantal gerichte rondes onderzoeken we de kernvraag van alle kanten. Iedere ronde heeft een eigen vraag en een eigen kleur, zodat je in \u00e9\u00e9n oogopslag ziet waar een gedachte vandaan komt. De vragen stemmen we af op wat er bij jullie speelt.<\/p>\n  <\/div>\n  <div class=\"rondes\">\n    <div class=\"ronde r1 rev d1\"><span class=\"tape\"><\/span><div class=\"num\">Ronde 01<\/div><h4>Hier komt jullie eerste vraag<\/h4><\/div>\n    <div class=\"ronde r2 rev d2\"><span class=\"tape\"><\/span><div class=\"num\">Ronde 02<\/div><h4>En jullie tweede<\/h4><\/div>\n    <div class=\"ronde r3 rev d3\"><span class=\"tape\"><\/span><div class=\"num\">Ronde 03<\/div><h4>De derde invalshoek<\/h4><\/div>\n    <div class=\"ronde r4 rev d4\"><span class=\"tape\"><\/span><div class=\"num\">Ronde 04<\/div><h4>Nog een laag dieper<\/h4><\/div>\n    <div class=\"ronde r5 rev d5\"><span class=\"tape\"><\/span><div class=\"num\">Ronde 05<\/div><h4>En de vraag die het rond maakt<\/h4><\/div>\n  <\/div>\n<\/section>\n\n<!-- ========================= HET GEDEELDE CANVAS ========================= -->\n<style>\n.inr-ws .canvasblok{display:grid !important;grid-template-columns:.85fr 1.15fr !important;gap:48px !important;align-items:center !important;}\n.inr-ws .canvasblok .tekst .eyebrow{display:block !important;margin-bottom:16px !important;}\n.inr-ws .canvasblok .tekst h2{font-weight:600 !important;font-size:clamp(28px,3.8vw,44px) !important;letter-spacing:-.026em !important;line-height:1.1 !important;color:var(--ink) !important;margin-bottom:20px !important;}\n.inr-ws .canvasblok .tekst > p{font-size:17px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.66 !important;margin-bottom:26px !important;}\n.inr-ws .ckenmerk{display:flex !important;gap:14px !important;align-items:flex-start !important;padding:13px 0 !important;}\n.inr-ws .ckenmerk + .ckenmerk{border-top:1px solid rgba(41,37,88,.08) !important;}\n.inr-ws .ckenmerk .ic{flex:none !important;width:38px !important;height:38px !important;border-radius:11px !important;display:flex !important;align-items:center !important;justify-content:center !important;background:rgba(21,18,46,.06) !important;color:var(--ink) !important;}\n.inr-ws .ckenmerk .ic svg{width:19px !important;height:19px !important;}\n.inr-ws .ckenmerk h4{font-weight:600 !important;font-size:15.5px !important;letter-spacing:-.01em !important;color:var(--ink) !important;margin-bottom:3px !important;}\n.inr-ws .ckenmerk p{font-size:14px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.55 !important;}\n\n.inr-ws .mini{position:relative !important;border-radius:24px !important;overflow:hidden !important;\n  background:linear-gradient(155deg,rgba(255,255,255,.85),rgba(255,255,255,.55)) !important;\n  -webkit-backdrop-filter:blur(20px) !important;backdrop-filter:blur(20px) !important;\n  border:1px solid rgba(41,37,88,.12) !important;box-shadow:0 30px 70px -44px rgba(41,37,88,.4) !important;padding:28px 30px !important;}\n.inr-ws .mini::before{content:'' !important;position:absolute !important;inset:0 !important;background-image:radial-gradient(rgba(41,37,88,.06) 1px,transparent 1px) !important;background-size:20px 20px !important;}\n.inr-ws .mini .mtitel{position:relative !important;z-index:1 !important;display:flex !important;align-items:center !important;gap:8px !important;font-size:12px !important;font-weight:600 !important;letter-spacing:.06em !important;text-transform:uppercase !important;color:var(--zacht) !important;margin-bottom:18px !important;}\n.inr-ws .mini .mtitel .puls{width:7px !important;height:7px !important;border-radius:50% !important;background:var(--zacht) !important;animation:inrws-puls 1.8s ease-in-out infinite !important;}\n.inr-ws .mini svg.board{position:relative !important;z-index:1 !important;width:100% !important;height:auto !important;display:block !important;}\n@media(max-width:820px){.inr-ws .canvasblok{grid-template-columns:1fr !important;gap:40px !important;}}\n<\/style>\n<section class=\"sec wrap\">\n  <div class=\"canvasblok\">\n    <div class=\"tekst rev\">\n      <span class=\"eyebrow\">Het gedeelde beeld<\/span>\n      <h2>Wat los rondzweeft, krijgt eindelijk een plek.<\/h2>\n      <p>Losse gedachten die normaal in de wandelgangen blijven hangen, komen samen op \u00e9\u00e9n beeld dat zich voor ieders ogen vormt. En dat beeld is van iedereen tegelijk.<\/p>\n      <div class=\"ckenmerk\"><span class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\"\/><path d=\"M4 9h16\"\/><\/svg><\/span><div><h4>Iedereen kijkt naar hetzelfde<\/h4><p>Geen versies, geen interpretaties achteraf. Wat de groep maakt, ziet de groep, op elk scherm tegelijk.<\/p><\/div><\/div>\n      <div class=\"ckenmerk\"><span class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M13 2 3 14h7l-1 8 10-12h-7z\"\/><\/svg><\/span><div><h4>Het beeld groeit mee<\/h4><p>Met elke gedachte die erbij komt wordt het rijker en scherper. Mensen zien hun onderbuikgevoel hardop worden.<\/p><\/div><\/div>\n      <div class=\"ckenmerk\"><span class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M9 11l3 3 8-8M20 12v7a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h11\"\/><\/svg><\/span><div><h4>Niemand kan er meer omheen<\/h4><p>Als het er eenmaal staat, is het gedeeld. Dat is het moment waarop verandering mogelijk wordt.<\/p><\/div><\/div>\n    <\/div>\n    <div class=\"mini rev d1\">\n      <div class=\"mtitel\"><span class=\"puls\"><\/span>Van post-its naar focus<\/div>\n      <svg class=\"board\" viewBox=\"-2 6 424 220\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n        <!-- kwadrant links -->\n        <g transform=\"translate(8,18)\">\n          <text x=\"92\" y=\"-2\" text-anchor=\"middle\" font-size=\"10\" font-weight=\"600\" fill=\"#8E89A6\" letter-spacing=\".5\">KWADRANT<\/text>\n          <rect x=\"0\" y=\"6\" width=\"184\" height=\"184\" rx=\"10\" fill=\"rgba(255,255,255,.5)\" stroke=\"rgba(41,37,88,.14)\"\/>\n          <line x1=\"92\" y1=\"6\" x2=\"92\" y2=\"190\" stroke=\"rgba(41,37,88,.14)\" stroke-dasharray=\"3 4\"\/>\n          <line x1=\"0\" y1=\"98\" x2=\"184\" y2=\"98\" stroke=\"rgba(41,37,88,.14)\" stroke-dasharray=\"3 4\"\/>\n          <text x=\"92\" y=\"202\" text-anchor=\"middle\" font-size=\"8\" fill=\"#8E89A6\">veel invloed<\/text>\n          <rect x=\"118\" y=\"30\" width=\"44\" height=\"30\" rx=\"5\" fill=\"#FFD9DD\" transform=\"rotate(-4 140 45)\"\/>\n          <rect x=\"120\" y=\"118\" width=\"44\" height=\"30\" rx=\"5\" fill=\"#D6E6FF\" transform=\"rotate(3 142 133)\"\/>\n          <rect x=\"22\" y=\"40\" width=\"44\" height=\"30\" rx=\"5\" fill=\"#E7DEFF\" transform=\"rotate(2 44 55)\"\/>\n          <rect x=\"26\" y=\"124\" width=\"44\" height=\"30\" rx=\"5\" fill=\"#FFE3CF\" transform=\"rotate(-3 48 139)\"\/>\n        <\/g>\n        <!-- pijl -->\n        <g transform=\"translate(204,108)\">\n          <path d=\"M0 6 H20 M14 0 l6 6 -6 6\" fill=\"none\" stroke=\"#15122E\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n        <\/g>\n        <!-- bullseye rechts -->\n        <g transform=\"translate(232,18)\">\n          <text x=\"92\" y=\"-2\" text-anchor=\"middle\" font-size=\"10\" font-weight=\"600\" fill=\"#8E89A6\" letter-spacing=\".5\">BULLSEYE<\/text>\n          <circle cx=\"92\" cy=\"98\" r=\"92\" fill=\"rgba(255,255,255,.4)\" stroke=\"rgba(41,37,88,.1)\"\/>\n          <circle cx=\"92\" cy=\"98\" r=\"62\" fill=\"rgba(21,18,46,.04)\" stroke=\"rgba(41,37,88,.12)\"\/>\n          <circle cx=\"92\" cy=\"98\" r=\"32\" fill=\"rgba(21,18,46,.06)\" stroke=\"rgba(41,37,88,.3)\"\/>\n          <rect x=\"74\" y=\"86\" width=\"40\" height=\"26\" rx=\"5\" fill=\"#FFD9DD\" transform=\"rotate(-5 94 99)\"\/>\n          <rect x=\"38\" y=\"44\" width=\"38\" height=\"24\" rx=\"5\" fill=\"#E7DEFF\" transform=\"rotate(3 57 56)\"\/>\n          <rect x=\"116\" y=\"128\" width=\"38\" height=\"24\" rx=\"5\" fill=\"#D6F2DF\" transform=\"rotate(-4 135 140)\"\/>\n        <\/g>\n      <\/svg>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ========================= CAPTAIN & HELPER ========================= -->\n<style>\n.inr-ws .sociaal{display:grid !important;grid-template-columns:1fr 1fr !important;gap:24px !important;}\n.inr-ws .rol{position:relative !important;border-radius:var(--radius) !important;padding:38px 36px !important;overflow:hidden !important;\n  background:rgba(255,255,255,.72) !important;-webkit-backdrop-filter:blur(20px) !important;backdrop-filter:blur(20px) !important;\n  border:1px solid rgba(41,37,88,.12) !important;box-shadow:0 10px 40px -30px rgba(41,37,88,.22) !important;}\n.inr-ws .rol .penseel{width:52px !important;height:52px !important;border-radius:15px !important;display:flex !important;align-items:center !important;justify-content:center !important;margin-bottom:20px !important;background:rgba(21,18,46,.06) !important;color:var(--ink) !important;}\n.inr-ws .rol .penseel svg{width:26px !important;height:26px !important;}\n.inr-ws .rol .label{font-size:12px !important;font-weight:600 !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:var(--zacht) !important;margin-bottom:8px !important;}\n.inr-ws .rol h3{font-weight:600 !important;font-size:22px !important;letter-spacing:-.018em !important;color:var(--ink) !important;margin-bottom:11px !important;}\n.inr-ws .rol p{font-size:15px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.62 !important;}\n\n.inr-ws .sociaal-noot{margin-top:24px !important;text-align:center !important;font-size:15px !important;font-weight:400 !important;color:var(--grijs) !important;}\n.inr-ws .sociaal-noot strong{font-weight:600 !important;color:var(--ink) !important;}\n@media(max-width:820px){.inr-ws .sociaal{grid-template-columns:1fr !important;}}\n<\/style>\n<section class=\"sec wrap\" style=\"padding-top:0 !important;\">\n  <div class=\"kop rev\">\n    <span class=\"eyebrow\">In de driver&#8217;s seat<\/span>\n    <h2>Wij dirigeren. Jullie houden het stuur.<\/h2>\n    <p>Het inzicht is van jullie, dus het sturen is dat ook. Wij bewaken het ritme en de richting, maar de organisatie bepaalt zelf wat waar landt. Dat is geen detail, dat is waar het eigenaarschap ontstaat.<\/p>\n  <\/div>\n  <div class=\"sociaal\">\n    <div class=\"rol cap rev d1\">\n      <div class=\"penseel\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"><path d=\"M12 2l2.5 5 5.5.8-4 3.9.9 5.5L12 20l-4.9 2.2.9-5.5-4-3.9 5.5-.8z\"\/><\/svg><\/div>\n      <div class=\"label\">De captain<\/div>\n      <h3>Een van jullie neemt de leiding<\/h3>\n      <p>De groep kiest een captain die namens iedereen de belangrijke keuzes maakt. Niet wij bepalen wat waar hoort, maar jullie zelf. Het gesprek leeft in de groep, de captain voert uit.<\/p>\n    <\/div>\n    <div class=\"rol help rev d2\">\n      <div class=\"penseel\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"><circle cx=\"9\" cy=\"8\" r=\"3.2\"\/><path d=\"M3 20a6 6 0 0 1 12 0\"\/><circle cx=\"17.5\" cy=\"9.5\" r=\"2.5\"\/><path d=\"M21 19a4.2 4.2 0 0 0-6-3.8\"\/><\/svg><\/div>\n      <div class=\"label\">De helper<\/div>\n      <h3>Samen, nooit alleen<\/h3>\n      <p>De captain kiest een helper aan zijn zijde. Zo wordt het keuzeproces een gezamenlijke daad van de organisatie, gedragen door meer dan \u00e9\u00e9n paar handen.<\/p>\n    <\/div>\n  <\/div>\n  <p class=\"sociaal-noot rev d3\">Onze rol is die van de dirigent: <strong>wij geven het tempo, jullie maken de muziek.<\/strong><\/p>\n<\/section>\n\n<!-- ========================= AANPASBAAR ========================= -->\n<style>\n.inr-ws .aanpas{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:18px !important;}\n.inr-ws .acel{background:rgba(255,255,255,.6) !important;-webkit-backdrop-filter:blur(16px) !important;backdrop-filter:blur(16px) !important;\n  border:1px solid rgba(41,37,88,.1) !important;border-radius:18px !important;padding:24px 24px 26px !important;position:relative !important;overflow:hidden !important;\n  transition:transform .4s cubic-bezier(.2,.7,.2,1) !important;}\n.inr-ws .acel:hover{transform:translateY(-4px) !important;}\n.inr-ws .acel .ai{width:42px !important;height:42px !important;border-radius:12px !important;display:flex !important;align-items:center !important;justify-content:center !important;margin-bottom:16px !important;background:rgba(21,18,46,.06) !important;color:var(--ink) !important;}\n.inr-ws .acel .ai svg{width:21px !important;height:21px !important;}\n.inr-ws .acel h4{font-weight:600 !important;font-size:16px !important;letter-spacing:-.012em !important;color:var(--ink) !important;margin-bottom:6px !important;}\n.inr-ws .acel p{font-size:13.5px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.56 !important;}\n\n@media(max-width:820px){.inr-ws .aanpas{grid-template-columns:1fr !important;}}\n<\/style>\n<section class=\"sec wrap\">\n  <div class=\"kop rev\">\n    <span class=\"eyebrow\">Altijd jullie vraag<\/span>\n    <h2>Geen standaardsessie, maar jullie vraagstuk.<\/h2>\n    <p>Elke organisatie worstelt met iets anders. Daarom bouwen we elke sessie rond de vraag die er voor jullie werkelijk toe doet. Tot in de kern afgestemd, zodat wat boven tafel komt ook echt over jullie gaat.<\/p>\n  <\/div>\n  <div class=\"aanpas\">\n    <div class=\"acel a1 rev d1\"><div class=\"ai\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M9.1 9a3 3 0 0 1 5.8 1c0 2-3 3-3 3M12 17h.01\"\/><\/svg><\/div><h4>Jullie kernvraag<\/h4><p>De ene vraag waar de hele dag om draait, samen met jullie scherp gesteld vooraf.<\/p><\/div>\n    <div class=\"acel a2 rev d2\"><div class=\"ai\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M8 6h13M8 12h13M8 18h13M3 6h.01M3 12h.01M3 18h.01\"\/><\/svg><\/div><h4>De juiste invalshoeken<\/h4><p>De rondes belichten de kernvraag precies vanuit de hoeken die er voor jullie toe doen.<\/p><\/div>\n    <div class=\"acel a3 rev d3\"><div class=\"ai\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M3 12h18M12 3v18\"\/><\/svg><\/div><h4>Een passend kader<\/h4><p>De assen waarlangs we verdiepen, ingericht op de keuze die jullie willen maken.<\/p><\/div>\n    <div class=\"acel a4 rev d4\"><div class=\"ai\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M9 11l3 3 8-8M20 12v7a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h11\"\/><\/svg><\/div><h4>De toon van de dag<\/h4><p>De spelregels die passen bij jullie cultuur, zodat het gesprek open en eerlijk verloopt.<\/p><\/div>\n    <div class=\"acel a5 rev d5\"><div class=\"ai\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M9 6h11M9 12h11M9 18h11M4 6h.01M4 12h.01M4 18h.01\"\/><\/svg><\/div><h4>De reis op maat<\/h4><p>De opbouw van de sessie, afgestemd op de tijd, de groep en het doel van de dag.<\/p><\/div>\n    <div class=\"acel a6 rev d6\"><div class=\"ai\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M12 2v4M12 18v4M4.9 4.9l2.9 2.9M16.2 16.2l2.9 2.9M2 12h4M18 12h4M4.9 19.1l2.9-2.9M16.2 7.8l2.9-2.9\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg><\/div><h4>Wendbaar in het moment<\/h4><p>Loopt het gesprek een andere kant op? Onze begeleider beweegt mee, zonder de richting te verliezen.<\/p><\/div>\n  <\/div>\n<\/section>\n\n<!-- ========================= HET RAPPORT ========================= -->\n<style>\n.inr-ws .rapport{display:grid !important;grid-template-columns:1.05fr .95fr !important;gap:56px !important;align-items:center !important;}\n.inr-ws .rapport .tekst .eyebrow{display:block !important;margin-bottom:16px !important;}\n.inr-ws .rapport .tekst h2{font-weight:600 !important;font-size:clamp(28px,3.8vw,44px) !important;letter-spacing:-.026em !important;line-height:1.1 !important;color:var(--ink) !important;margin-bottom:20px !important;}\n.inr-ws .rapport .tekst p{font-size:17px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.66 !important;margin-bottom:14px !important;}\n.inr-ws .rapport .tekst p:last-child{margin-bottom:0 !important;}\n.inr-ws .rapport .tekst p strong{font-weight:600 !important;color:var(--ink) !important;}\n.inr-ws .paper-stack{position:relative !important;height:340px !important;}\n.inr-ws .paper{position:absolute !important;width:74% !important;border-radius:14px !important;background:#fff !important;border:1px solid rgba(41,37,88,.1) !important;\n  box-shadow:0 24px 60px -34px rgba(41,37,88,.45) !important;padding:26px 24px !important;}\n.inr-ws .paper.p3{top:30px !important;left:0 !important;transform:rotate(-6deg) !important;height:280px !important;opacity:.55 !important;}\n.inr-ws .paper.p2{top:18px !important;left:13% !important;transform:rotate(3deg) !important;height:290px !important;opacity:.8 !important;}\n.inr-ws .paper.p1{top:6px !important;left:24% !important;transform:rotate(-1deg) !important;height:300px !important;z-index:2 !important;}\n.inr-ws .paper .ph{height:9px !important;width:50% !important;border-radius:3px !important;background:var(--indigo) !important;margin-bottom:14px !important;}\n.inr-ws .paper .pl{height:6px !important;border-radius:3px !important;background:rgba(41,37,88,.1) !important;margin-bottom:8px !important;}\n.inr-ws .paper .pchips{display:flex !important;gap:6px !important;margin:14px 0 !important;flex-wrap:wrap !important;}\n.inr-ws .paper .chip{width:34px !important;height:22px !important;border-radius:4px !important;}\n.inr-ws .paper .plan{position:absolute !important;bottom:18px !important;right:18px !important;display:inline-flex !important;align-items:center !important;gap:5px !important;font-size:9.5px !important;font-weight:700 !important;letter-spacing:.04em !important;text-transform:uppercase !important;color:var(--ink) !important;border:1.5px solid rgba(21,18,46,.4) !important;border-radius:5px !important;padding:4px 8px !important;}\n.inr-ws .paper .plan svg{width:11px !important;height:11px !important;}\n@media(max-width:820px){.inr-ws .rapport{grid-template-columns:1fr !important;gap:44px !important;}.inr-ws .paper-stack{max-width:420px !important;margin:0 auto !important;}}\n<\/style>\n<section class=\"sec wrap\" style=\"padding-top:0 !important;\">\n  <div class=\"rapport\">\n    <div class=\"tekst rev\">\n      <span class=\"eyebrow\">Wat erna gebeurt<\/span>\n      <h2>De sessie is het begin. Niet het einde.<\/h2>\n      <p>Waar een workshop normaal eindigt met een stapel foto&#8217;s van een flip-over, begint voor ons juist daar het werk. We nemen alles mee wat de groep heeft blootgelegd, tot de fijnste nuance.<\/p>\n      <p>Onze experts analyseren de volledige opbrengst en vertalen die naar een gedegen plan. <strong>Geen samenvatting, maar een concrete route om het samen met INR op te lossen.<\/strong><\/p>\n    <\/div>\n    <div class=\"paper-stack rev d1\">\n      <div class=\"paper p3\"><div class=\"ph\"><\/div><div class=\"pl\" style=\"width:90%\"><\/div><div class=\"pl\" style=\"width:70%\"><\/div><div class=\"pchips\"><span class=\"chip\" style=\"background:#FFE3CF\"><\/span><span class=\"chip\" style=\"background:#E7DEFF\"><\/span><span class=\"chip\" style=\"background:#D6F2DF\"><\/span><\/div><\/div>\n      <div class=\"paper p2\"><div class=\"ph\"><\/div><div class=\"pl\" style=\"width:85%\"><\/div><div class=\"pl\" style=\"width:78%\"><\/div><div class=\"pchips\"><span class=\"chip\" style=\"background:#D6E6FF\"><\/span><span class=\"chip\" style=\"background:#FFD9DD\"><\/span><\/div><div class=\"pl\" style=\"width:60%\"><\/div><\/div>\n      <div class=\"paper p1\"><div class=\"ph\"><\/div><div class=\"pl\" style=\"width:95%\"><\/div><div class=\"pl\" style=\"width:88%\"><\/div><div class=\"pl\" style=\"width:75%\"><\/div><div class=\"pchips\"><span class=\"chip\" style=\"background:#FFE3CF\"><\/span><span class=\"chip\" style=\"background:#E7DEFF\"><\/span><span class=\"chip\" style=\"background:#FFD9DD\"><\/span><span class=\"chip\" style=\"background:#D6E6FF\"><\/span><span class=\"chip\" style=\"background:#D6F2DF\"><\/span><\/div><div class=\"pl\" style=\"width:50%\"><\/div><span class=\"plan\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>Plan<\/span><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ========================= PRIVACY \u00b7 DONKER BLOK ========================= -->\n<style>\n.inr-ws .donker{background:var(--ink) !important;color:#fff !important;border-radius:36px !important;padding:84px 60px !important;position:relative !important;overflow:hidden !important;}\n.inr-ws .donker::before{content:'' !important;position:absolute !important;top:-130px !important;right:-90px !important;width:400px !important;height:400px !important;border-radius:50% !important;background:radial-gradient(circle,rgba(255,255,255,.12),transparent 70%) !important;filter:blur(40px) !important;}\n.inr-ws .donker::after{content:'' !important;position:absolute !important;bottom:-150px !important;left:-100px !important;width:380px !important;height:380px !important;border-radius:50% !important;background:radial-gradient(circle,rgba(255,255,255,.08),transparent 70%) !important;filter:blur(40px) !important;}\n.inr-ws .donker .dk-kop{position:relative !important;z-index:1 !important;text-align:center !important;max-width:740px !important;margin:0 auto 52px !important;}\n.inr-ws .donker .eyebrow{color:rgba(255,255,255,.55) !important;display:block !important;margin-bottom:16px !important;}\n.inr-ws .donker h2{font-weight:600 !important;font-size:clamp(28px,4vw,46px) !important;letter-spacing:-.026em !important;line-height:1.1 !important;color:#fff !important;margin-bottom:18px !important;}\n.inr-ws .donker .dk-kop p{font-size:18px !important;font-weight:300 !important;color:rgba(255,255,255,.72) !important;line-height:1.62 !important;}\n.inr-ws .privrij{display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:16px !important;position:relative !important;z-index:1 !important;}\n.inr-ws .privkaart{background:rgba(255,255,255,.05) !important;border:1px solid rgba(255,255,255,.1) !important;border-radius:18px !important;padding:26px 22px !important;}\n.inr-ws .privkaart .pic{width:40px !important;height:40px !important;border-radius:12px !important;display:flex !important;align-items:center !important;justify-content:center !important;background:rgba(255,255,255,.1) !important;color:rgba(255,255,255,.85) !important;margin-bottom:16px !important;}\n.inr-ws .privkaart .pic svg{width:20px !important;height:20px !important;}\n.inr-ws .privkaart h4{font-weight:600 !important;font-size:15.5px !important;letter-spacing:-.01em !important;color:#fff !important;margin-bottom:7px !important;}\n.inr-ws .privkaart p{font-size:13px !important;font-weight:300 !important;color:rgba(255,255,255,.64) !important;line-height:1.55 !important;}\n@media(max-width:980px){.inr-ws .privrij{grid-template-columns:repeat(2,1fr) !important;}}\n@media(max-width:820px){.inr-ws .donker{padding:54px 26px !important;border-radius:26px !important;}.inr-ws .privrij{grid-template-columns:1fr !important;}}\n<\/style>\n<section class=\"sec wrap\">\n  <div class=\"donker rev\">\n    <div class=\"dk-kop\">\n      <span class=\"eyebrow\">Wat het oplevert<\/span>\n      <h2>E\u00e9n sessie verandert hoe jullie naar het probleem kijken.<\/h2>\n      <p>Niet als losse activiteit, maar als het moment waarop een diffuus gevoel een gedeelde, scherpe werkelijkheid wordt waar de hele organisatie mee verder kan.<\/p>\n    <\/div>\n    <div class=\"privrij\">\n      <div class=\"privkaart\"><div class=\"pic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M8 12l3 3 5-6\"\/><\/svg><\/div><h4>Een scherp beeld<\/h4><p>Waar het echt om draait, helder en gedeeld. Geen aannames meer, maar een werkelijkheid waar iedereen achter staat.<\/p><\/div>\n      <div class=\"privkaart\"><div class=\"pic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M12 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM4 21a8 8 0 0 1 16 0\"\/><\/svg><\/div><h4>Breed draagvlak<\/h4><p>Omdat iedereen heeft meegedacht, is de uitkomst van iedereen. Dat draagt verder dan welk rapport van bovenaf ook.<\/p><\/div>\n      <div class=\"privkaart\"><div class=\"pic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M3 3v18h18\"\/><path d=\"M7 14l4-4 3 3 5-6\"\/><\/svg><\/div><h4>Een gedegen plan<\/h4><p>Onze analyse vertaalt het inzicht naar concrete stappen. Geen losse idee\u00ebn, maar een route die werkt.<\/p><\/div>\n      <div class=\"privkaart\"><div class=\"pic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/div><h4>Beweging die blijft<\/h4><p>Wat samen is blootgelegd, blijft leven. De organisatie weet wat haar te doen staat, en waarom.<\/p><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ========================= KERNBELOFTE ========================= -->\n<style>\n.inr-ws .belofte{text-align:center !important;max-width:880px !important;margin:0 auto !important;}\n.inr-ws .belofte .q{font-weight:600 !important;font-size:clamp(28px,4.2vw,46px) !important;letter-spacing:-.026em !important;line-height:1.16 !important;color:var(--ink) !important;margin-bottom:24px !important;}\n.inr-ws .belofte p{font-size:18px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.64 !important;}\n<\/style>\n<section class=\"sec wrap\">\n  <div class=\"belofte rev\">\n    <div class=\"q\">Het begint met de moed om de vraag te stellen die iedereen voelt. <span class=\"grad\">De rest doen we samen<\/span>.<\/div>\n    <p>In \u00e9\u00e9n sessie maken jullie zichtbaar wat anders verborgen blijft. Wij vertalen het naar een plan en lopen het pad met jullie. Van onderbuikgevoel naar gedeeld inzicht, en van inzicht naar beweging.<\/p>\n  <\/div>\n<\/section>\n\n<!-- ========================= SLOT ========================= -->\n<style>\n.inr-ws .slot-sec{position:relative !important;z-index:2 !important;background:#FFFFFF !important;}\n.inr-ws .slot{text-align:center !important;min-height:70vh !important;display:flex !important;flex-direction:column !important;justify-content:center !important;align-items:center !important;padding-top:110px !important;padding-bottom:110px !important;}\n.inr-ws .slot > .rev{display:flex !important;flex-direction:column !important;align-items:center !important;text-align:center !important;}\n.inr-ws .slot h2{font-weight:600 !important;font-size:clamp(34px,6vw,68px) !important;letter-spacing:-.032em !important;line-height:1.04 !important;max-width:16ch !important;color:var(--ink) !important;margin-bottom:24px !important;}\n.inr-ws .slot p{font-size:19px !important;font-weight:300 !important;color:var(--grijs) !important;max-width:46ch !important;line-height:1.56 !important;}\n.inr-ws .slot .merk{margin-top:50px !important;display:inline-flex !important;align-items:center !important;gap:12px !important;font-weight:600 !important;font-size:22px !important;color:var(--ink) !important;}\n.inr-ws .slot .merk .dot{width:11px !important;height:11px !important;border-radius:50% !important;background:var(--ink) !important;box-shadow:0 0 0 5px rgba(21,18,46,.1) !important;}\n<\/style>\n<div class=\"slot-sec\">\n<section class=\"slot wrap\">\n  <div class=\"rev\">\n    <h2>Zien. Begrijpen. <span class=\"grad\">Handelen<\/span>.<\/h2>\n    <p>Maak zichtbaar wat iedereen voelt maar niemand scherp heeft, en zet samen met INR de stap van inzicht naar verandering.<\/p>\n    <div class=\"merk\"><span class=\"dot\"><\/span>INR&nbsp;Workshop<\/div>\n  <\/div>\n<\/section>\n<\/div>\n\n<\/div>\n<!-- ========================= EINDE .inr-ws ========================= -->\n\n<script>\n(function(){\n  function start(){\n    var els=document.querySelectorAll('.inr-ws .rev');\n    if(!('IntersectionObserver' in window)){els.forEach(function(e){e.classList.add('in');});return;}\n    var io=new IntersectionObserver(function(es){es.forEach(function(e){if(e.isIntersecting){e.target.classList.add('in');io.unobserve(e.target);}});},{threshold:.12,rootMargin:'0px 0px -8% 0px'});\n    els.forEach(function(e){io.observe(e);});\n  }\n  if(document.readyState==='loading'){document.addEventListener('DOMContentLoaded',start);}else{start();}\n})();\n<\/script>\n\n\n\n<!-- ============================================================================\n     INR CONTACTFORMULIER\n     E\u00e9n bestand. Plak dit volledig in \u00c9\u00c9N Elementor HTML-widget.\n     Alles is gescoped onder .inr-contact en afgedwongen met !important,\n     zodat Elementor\/WordPress de stijl niet kan overrulen.\n\n     Stijl in lijn met de rest van de site: Inter, witte basis, ink #0A0A0B,\n     glassmorphism, atmosfeer-blobs, reveal-on-scroll, ink-accent.\n\n     Verzending: eigen plugin-endpoint (INR Website Leads), form-type 'contact'.\n     Geen Elementor-capture meer. Honeypot + tijdslot tegen bots.\n\n     CONTRAST-FIX (WCAG AA): de lichtgrijze tint --grijs-licht (#9A95A8) haalde\n     maar 2.9:1 op wit en zakte daarmee onder de 4.5:1-eis. Alle leesbare tekst\n     die daarop stond \u2014 het (optioneel)-sterretje en de placeholders \u2014 staat nu\n     op --grijs (#6B6480, 5.59:1). De decoratieve select-chevron is mee verhoogd.\n     ============================================================================ -->\n\n<style>\n\/* ---------- 1. ELEMENTOR-ONTWAPENING + ROOT ---------- *\/\n.inr-contact{\n  --ink:#0A0A0B; --ink-2:#1C1C20; --grijs:#6B6480; --grijs-licht:#9A95A8;\n  --lijn:rgba(10,10,11,.10); --lijn-zacht:rgba(10,10,11,.06);\n  --veld-bg:#FFFFFF; --glas:rgba(255,255,255,.72); --soft:#F7F6FA;\n  --radius:24px; --maxw:1200px;\n  position:relative !important; width:100% !important; max-width:100% !important;\n  margin:0 !important; padding:0 clamp(22px,5vw,40px) !important; box-sizing:border-box !important;\n  color:var(--ink) !important; background:transparent !important; line-height:1.5 !important;\n  overflow:hidden !important; text-align:left !important;\n  -webkit-font-smoothing:antialiased !important;\n}\n.inr-contact, .inr-contact *, .inr-contact *::before, .inr-contact *::after{\n  box-sizing:border-box !important;\n  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;\n}\n.inr-contact h1,.inr-contact h2,.inr-contact h3,.inr-contact p,\n.inr-contact span,.inr-contact div,.inr-contact label,.inr-contact a,.inr-contact button{margin:0;padding:0;}\n.inr-contact a{text-decoration:none !important;color:inherit !important;}\n.inr-contact button{background:none !important;border:none !important;cursor:pointer !important;color:inherit !important;font:inherit !important;}\n\n\/* ---------- 2. ATMOSFEER (drift-blobs) ---------- *\/\n.inr-contact .atmos{position:absolute !important;inset:0 !important;z-index:0 !important;overflow:hidden !important;pointer-events:none !important;background:transparent !important;}\n.inr-contact .blob{position:absolute !important;border-radius:50% !important;filter:blur(120px) !important;opacity:.07 !important;animation:inrc-drift 32s ease-in-out infinite !important;}\n.inr-contact .blob.a{width:520px;height:520px;background:rgba(10,10,11,1);top:-160px;left:-140px;}\n.inr-contact .blob.b{width:460px;height:460px;background:rgba(28,28,32,1);bottom:-200px;right:-160px;animation-delay:-13s;}\n@keyframes inrc-drift{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(36px,-28px) scale(1.06);}}\n\n\/* ---------- 3. LAYOUT ---------- *\/\n.inr-contact .wrap{position:relative !important;z-index:1 !important;width:100% !important;max-width:var(--maxw) !important;margin:0 auto !important;padding:clamp(64px,9vw,120px) 0 !important;}\n.inr-contact .kaart{\n  display:grid !important;grid-template-columns:0.92fr 1.08fr !important;gap:0 !important;\n  background:var(--glas) !important;-webkit-backdrop-filter:blur(20px) !important;backdrop-filter:blur(20px) !important;\n  border:1px solid var(--lijn) !important;border-radius:32px !important;overflow:hidden !important;\n  box-shadow:0 40px 90px -54px rgba(10,10,11,.4) !important;\n}\n\n\/* ---------- 4. LINKER PANEEL ---------- *\/\n.inr-contact .paneel{\n  position:relative !important;overflow:hidden !important;background:var(--ink) !important;color:#fff !important;\n  padding:clamp(40px,5vw,64px) clamp(32px,4vw,56px) !important;\n  display:flex !important;flex-direction:column !important;\n}\n.inr-contact .paneel::before{content:'' !important;position:absolute !important;top:-130px !important;right:-90px !important;width:360px !important;height:360px !important;border-radius:50% !important;background:radial-gradient(circle,rgba(255,255,255,.12),transparent 70%) !important;filter:blur(50px) !important;pointer-events:none !important;}\n.inr-contact .paneel::after{content:'' !important;position:absolute !important;bottom:-150px !important;left:-110px !important;width:340px !important;height:340px !important;border-radius:50% !important;background:radial-gradient(circle,rgba(255,255,255,.06),transparent 70%) !important;filter:blur(50px) !important;pointer-events:none !important;}\n.inr-contact .paneel-in{position:relative !important;z-index:1 !important;display:flex !important;flex-direction:column !important;height:100% !important;}\n.inr-contact .badge{display:inline-flex !important;align-items:center !important;gap:9px !important;align-self:flex-start !important;\n  font-size:12px !important;font-weight:600 !important;letter-spacing:.06em !important;color:#fff !important;\n  border:1px solid rgba(255,255,255,.22) !important;background:rgba(255,255,255,.06) !important;\n  padding:8px 15px !important;border-radius:99px !important;margin-bottom:30px !important;}\n.inr-contact .badge .stip{width:7px !important;height:7px !important;border-radius:50% !important;background:#fff !important;}\n.inr-contact .paneel h2{font-weight:700 !important;font-size:clamp(28px,3.6vw,42px) !important;line-height:1.08 !important;letter-spacing:-.03em !important;color:#fff !important;margin-bottom:18px !important;}\n.inr-contact .paneel .lead{font-size:clamp(15px,1.6vw,17px) !important;font-weight:300 !important;color:rgba(255,255,255,.74) !important;line-height:1.62 !important;max-width:42ch !important;}\n.inr-contact .direct{margin-top:auto !important;padding-top:42px !important;}\n.inr-contact .direct-l{font-size:12px !important;font-weight:600 !important;letter-spacing:.12em !important;text-transform:uppercase !important;color:rgba(255,255,255,.5) !important;margin-bottom:16px !important;}\n.inr-contact .direct-rij{display:flex !important;align-items:center !important;gap:13px !important;margin-bottom:13px !important;}\n.inr-contact .direct-rij:last-child{margin-bottom:0 !important;}\n.inr-contact .direct-ic{flex:none !important;width:38px !important;height:38px !important;border-radius:11px !important;background:rgba(255,255,255,.08) !important;border:1px solid rgba(255,255,255,.12) !important;display:flex !important;align-items:center !important;justify-content:center !important;color:#fff !important;}\n.inr-contact .direct-ic svg{width:17px !important;height:17px !important;stroke:#fff !important;fill:none !important;stroke-width:1.7 !important;stroke-linecap:round !important;stroke-linejoin:round !important;}\n.inr-contact .direct-rij a,.inr-contact .direct-rij span{font-size:15.5px !important;font-weight:400 !important;color:rgba(255,255,255,.92) !important;letter-spacing:-.01em !important;transition:color .2s !important;word-break:break-word !important;}\n.inr-contact a.direct-link:hover{color:#fff !important;}\n\n\/* ---------- 5. RECHTER PANEEL: FORMULIER ---------- *\/\n.inr-contact .form-zij{padding:clamp(40px,5vw,64px) clamp(32px,4vw,56px) !important;background:transparent !important;}\n.inr-contact .veld-rij{display:grid !important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;gap:18px !important;margin-bottom:20px !important;}\n.inr-contact .veld{display:flex !important;flex-direction:column !important;min-width:0 !important;}\n.inr-contact .veld.vol{margin-bottom:20px !important;}\n.inr-contact .veld label{font-size:13px !important;font-weight:600 !important;color:var(--ink) !important;letter-spacing:-.005em !important;margin-bottom:8px !important;}\n\/* CONTRAST-FIX: was --grijs-licht (2.9:1), nu --grijs (5.59:1). *\/\n.inr-contact .veld label .ster{color:var(--grijs) !important;font-weight:400 !important;}\n.inr-contact .veld input,.inr-contact .veld select,.inr-contact .veld textarea{\n  width:100% !important;border:1px solid var(--lijn) !important;border-radius:13px !important;\n  padding:14px 16px !important;font-size:15px !important;font-weight:400 !important;line-height:1.4 !important;\n  color:var(--ink) !important;background:var(--veld-bg) !important;-webkit-text-fill-color:var(--ink) !important;\n  outline:none !important;-webkit-appearance:none !important;appearance:none !important;\n  transition:border-color .2s,box-shadow .2s,background .2s !important;\n}\n\/* CONTRAST-FIX: placeholders waren --grijs-licht (2.9:1), nu --grijs (5.59:1). *\/\n.inr-contact .veld input::placeholder,.inr-contact .veld textarea::placeholder{color:var(--grijs) !important;opacity:1 !important;}\n.inr-contact .veld input:focus,.inr-contact .veld select:focus,.inr-contact .veld textarea:focus{\n  border-color:var(--ink) !important;box-shadow:0 0 0 4px rgba(10,10,11,.07) !important;\n}\n.inr-contact .veld input.fout,.inr-contact .veld textarea.fout{border-color:#DC2626 !important;box-shadow:0 0 0 4px rgba(220,38,38,.10) !important;}\n.inr-contact .veld textarea{min-height:130px !important;resize:vertical !important;}\n.inr-contact .veld.select-veld{position:relative !important;}\n\/* Decoratieve chevron, mee verhoogd naar --grijs voor visuele samenhang. *\/\n.inr-contact .veld.select-veld::after{content:'' !important;position:absolute !important;right:18px !important;bottom:19px !important;width:8px !important;height:8px !important;border-right:1.6px solid var(--grijs) !important;border-bottom:1.6px solid var(--grijs) !important;transform:rotate(45deg) !important;pointer-events:none !important;}\n.inr-contact .veld select{cursor:pointer !important;padding-right:40px !important;}\n\n\/* honeypot, visueel verborgen *\/\n.inr-contact .hp-veld{position:absolute !important;left:-9999px !important;top:-9999px !important;width:1px !important;height:1px !important;overflow:hidden !important;}\n\n.inr-contact .knop{\n  display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:10px !important;width:100% !important;\n  margin-top:8px !important;background:var(--ink) !important;color:#fff !important;border-radius:14px !important;\n  padding:17px 28px !important;font-size:16px !important;font-weight:600 !important;letter-spacing:-.005em !important;line-height:1.2 !important;\n  box-shadow:0 14px 30px -16px rgba(10,10,11,.6) !important;\n  transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,opacity .25s !important;\n}\n.inr-contact .knop:hover{transform:translateY(-2px) !important;box-shadow:0 20px 40px -18px rgba(10,10,11,.7) !important;}\n.inr-contact .knop svg{width:16px !important;height:16px !important;stroke:currentColor !important;fill:none !important;stroke-width:2 !important;stroke-linecap:round !important;stroke-linejoin:round !important;transition:transform .35s cubic-bezier(.2,.7,.2,1) !important;}\n.inr-contact .knop:hover svg{transform:translateX(4px) !important;}\n.inr-contact .knop[disabled]{opacity:.55 !important;cursor:wait !important;transform:none !important;box-shadow:none !important;}\n\n.inr-contact .form-fout{font-size:13.5px !important;font-weight:400 !important;color:#DC2626 !important;margin-top:14px !important;text-align:center !important;\n  max-height:0 !important;overflow:hidden !important;opacity:0 !important;transition:opacity .25s,max-height .25s !important;}\n.inr-contact .form-fout.toon{opacity:1 !important;max-height:60px !important;}\n.inr-contact .form-belofte{margin-top:18px !important;display:flex !important;align-items:flex-start !important;gap:9px !important;font-size:12.5px !important;font-weight:400 !important;color:var(--grijs) !important;line-height:1.55 !important;}\n.inr-contact .form-belofte svg{width:14px !important;height:14px !important;flex:none !important;margin-top:2px !important;stroke:var(--ink) !important;fill:none !important;stroke-width:2 !important;stroke-linecap:round !important;stroke-linejoin:round !important;}\n\n\/* ---------- 6. SUCCES-STAAT ---------- *\/\n.inr-contact .form-velden.verzonden{display:none !important;}\n.inr-contact .succes{display:none !important;flex-direction:column !important;align-items:flex-start !important;gap:16px !important;padding:14px 0 !important;}\n.inr-contact .succes.toon{display:flex !important;}\n.inr-contact .succes .vink{width:54px !important;height:54px !important;border-radius:16px !important;background:var(--soft) !important;border:1px solid var(--lijn) !important;display:flex !important;align-items:center !important;justify-content:center !important;}\n.inr-contact .succes .vink svg{width:26px !important;height:26px !important;stroke:var(--ink) !important;fill:none !important;stroke-width:2.4 !important;stroke-linecap:round !important;stroke-linejoin:round !important;}\n.inr-contact .succes h3{font-weight:700 !important;font-size:23px !important;letter-spacing:-.02em !important;color:var(--ink) !important;}\n.inr-contact .succes p{font-size:15.5px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.6 !important;max-width:42ch !important;}\n\n\/* ---------- 7. REVEAL ---------- *\/\n.inr-contact .rev{opacity:0;transform:translateY(34px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);}\n.inr-contact .rev.in{opacity:1 !important;transform:none !important;}\n\n\/* ---------- 8. MOBIEL ---------- *\/\n@media(max-width:880px){\n  .inr-contact .wrap{padding:64px 0 !important;}\n  .inr-contact .kaart{grid-template-columns:1fr !important;border-radius:26px !important;}\n  .inr-contact .paneel{padding:40px 28px !important;}\n  .inr-contact .paneel .lead{max-width:none !important;}\n  .inr-contact .direct{padding-top:34px !important;}\n  .inr-contact .form-zij{padding:36px 28px !important;}\n  .inr-contact .veld-rij{grid-template-columns:1fr !important;gap:0 !important;margin-bottom:0 !important;}\n  .inr-contact .veld-rij .veld{margin-bottom:20px !important;}\n}\n@media(prefers-reduced-motion:reduce){\n  .inr-contact .rev{opacity:1 !important;transform:none !important;transition:none !important;}\n  .inr-contact .blob{animation:none !important;}\n  .inr-contact .knop,.inr-contact .knop svg{transition:none !important;}\n}\n<\/style>\n\n<div class=\"inr-contact\">\n<div class=\"atmos\"><div class=\"blob a\"><\/div><div class=\"blob b\"><\/div><\/div>\n\n<div class=\"wrap\">\n  <div class=\"kaart rev\">\n\n    <!-- LINKER PANEEL -->\n    <div class=\"paneel\">\n      <div class=\"paneel-in\">\n        <div class=\"badge\"><span class=\"stip\"><\/span>Contact<\/div>\n        <h2>Zeg hallo. Wij denken graag met je mee.<\/h2>\n        <p class=\"lead\">Laat je gegevens achter en vertel kort waar je mee bezig bent. We nemen persoonlijk contact met je op, zonder verkooppraat.<\/p>\n        <div class=\"direct\">\n          <div class=\"direct-l\">Ons direct bereiken<\/div>\n          <div class=\"direct-rij\">\n            <span class=\"direct-ic\"><svg viewBox=\"0 0 24 24\"><path d=\"M5 4h4l2 5-2.5 1.5a11 11 0 0 0 5 5L20 13l1 4v3a1 1 0 0 1-1 1A16 16 0 0 1 4 5a1 1 0 0 1 1-1z\"><\/path><\/svg><\/span>\n            <a class=\"direct-link\" href=\"tel:+31320844170\">+31 320 844 170<\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- RECHTER PANEEL: FORMULIER -->\n    <div class=\"form-zij\">\n      <div class=\"form-velden\" id=\"inrcVelden\">\n\n        <div class=\"veld-rij\">\n          <div class=\"veld\">\n            <label for=\"inrcNaam\">Naam<\/label>\n            <input type=\"text\" id=\"inrcNaam\" placeholder=\"Jan Willem\" autocomplete=\"name\">\n          <\/div>\n          <div class=\"veld\">\n            <label for=\"inrcTel\">Telefoon <span class=\"ster\">(optioneel)<\/span><\/label>\n            <input type=\"tel\" id=\"inrcTel\" placeholder=\"Telefoon\" autocomplete=\"tel\">\n          <\/div>\n        <\/div>\n\n        <div class=\"veld vol\">\n          <label for=\"inrcEmail\">E-mail<\/label>\n          <input type=\"email\" id=\"inrcEmail\" placeholder=\"jij@bedrijf.nl\" autocomplete=\"email\" inputmode=\"email\">\n        <\/div>\n\n        <div class=\"veld-rij\">\n          <div class=\"veld select-veld\">\n            <label for=\"inrcLocatie\">Locatie <span class=\"ster\">(optioneel)<\/span><\/label>\n            <select id=\"inrcLocatie\">\n              <option value=\"\">Selecteer<\/option>\n              <option value=\"Noord-Nederland\">Noord-Nederland<\/option>\n              <option value=\"Oost-Nederland\">Oost-Nederland<\/option>\n              <option value=\"Midden-Nederland\">Midden-Nederland<\/option>\n              <option value=\"West-Nederland\">West-Nederland<\/option>\n              <option value=\"Zuid-Nederland\">Zuid-Nederland<\/option>\n              <option value=\"Heel Nederland \/ landelijk\">Heel Nederland \/ landelijk<\/option>\n            <\/select>\n          <\/div>\n          <div class=\"veld\">\n            <label for=\"inrcMedewerkers\">Medewerkers <span class=\"ster\">(optioneel)<\/span><\/label>\n            <input type=\"number\" id=\"inrcMedewerkers\" placeholder=\"1\" min=\"1\" inputmode=\"numeric\">\n          <\/div>\n        <\/div>\n\n        <div class=\"veld vol\">\n          <label for=\"inrcBericht\">Bericht<\/label>\n          <textarea id=\"inrcBericht\" placeholder=\"Waar kunnen we je mee helpen?\"><\/textarea>\n        <\/div>\n\n        <!-- honeypot -->\n        <div class=\"hp-veld\" aria-hidden=\"true\">\n          <label for=\"inrcHp\">Laat dit veld leeg<\/label>\n          <input type=\"text\" id=\"inrcHp\" tabindex=\"-1\" autocomplete=\"off\">\n        <\/div>\n\n        <button type=\"button\" class=\"knop\" id=\"inrcKnop\">\n          Verstuur bericht\n          <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg>\n        <\/button>\n\n        <div class=\"form-fout\" id=\"inrcFout\">Controleer de gemarkeerde velden.<\/div>\n\n        <div class=\"form-belofte\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>\n          <span>We gebruiken je gegevens uitsluitend om contact met je op te nemen over je vraag.<\/span>\n        <\/div>\n      <\/div>\n\n      <!-- succes-staat -->\n      <div class=\"succes\" id=\"inrcSucces\">\n        <div class=\"vink\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/div>\n        <h3>Bedankt, je bericht is binnen.<\/h3>\n        <p>We hebben je gegevens ontvangen en nemen zo snel mogelijk persoonlijk contact met je op.<\/p>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n<\/div>\n\n<script>\n\/* ----- Config: pas hier het endpoint aan zonder de rest te raken ----- *\/\nwindow.INR_CONTACT = {\n  endpoint: \"\/wp-json\/inr-dashboard\/v1\/lead-binnen\",\n  form: \"contact\"\n};\n\n(function(){\n  var GELADEN = Math.floor(Date.now() \/ 1000);\n\n  function start(root){\n    if(!root || root.getAttribute('data-inr-actief') === '1'){ return; }\n    root.setAttribute('data-inr-actief', '1');\n\n    var CFG = window.INR_CONTACT || {};\n    var ENDPOINT = CFG.endpoint || '\/wp-json\/inr-dashboard\/v1\/lead-binnen';\n    var FORM = CFG.form || 'contact';\n\n    var velden = root.querySelector('#inrcVelden');\n    var succes = root.querySelector('#inrcSucces');\n    var knop   = root.querySelector('#inrcKnop');\n    var fout   = root.querySelector('#inrcFout');\n    if(!knop) return;\n\n    var naam   = root.querySelector('#inrcNaam');\n    var tel    = root.querySelector('#inrcTel');\n    var email  = root.querySelector('#inrcEmail');\n    var loc    = root.querySelector('#inrcLocatie');\n    var mede   = root.querySelector('#inrcMedewerkers');\n    var bericht= root.querySelector('#inrcBericht');\n    var hp     = root.querySelector('#inrcHp');\n\n    function geldigEmail(e){ return \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(e); }\n\n    function toonFout(tekst){\n      if(tekst) fout.textContent = tekst;\n      fout.classList.add('toon');\n    }\n    function wisFout(){ fout.classList.remove('toon'); }\n\n    [naam, email, bericht].forEach(function(v){\n      if(v){ v.addEventListener('input', function(){ v.classList.remove('fout'); wisFout(); }); }\n    });\n\n    function valideer(){\n      var ok = true;\n      if(!(naam.value || '').trim()){ naam.classList.add('fout'); ok = false; }\n      if(!geldigEmail((email.value || '').trim())){ email.classList.add('fout'); ok = false; }\n      if(!(bericht.value || '').trim()){ bericht.classList.add('fout'); ok = false; }\n      return ok;\n    }\n\n    \/* Verstuur naar het eigen plugin-endpoint (geen Elementor). Fire-and-forget\n       met honeypot + tijdslot tegen bots. Opslaan-voor-mailen gebeurt server-\n       side, dus een lead raakt niet kwijt; we tonen de bezoeker altijd de\n       bevestiging zodra de aanvraag is weggestuurd. *\/\n    function verzendNaarPlugin(klaar){\n      var payload = {\n        form: FORM,\n        naam: (naam.value || '').trim(),\n        email: (email.value || '').trim(),\n        velden: {\n          'Telefoon': (tel.value || '').trim(),\n          'Locatie': (loc.value || '').trim(),\n          'Aantal medewerkers': (mede.value || '').trim(),\n          'Bericht': (bericht.value || '').trim()\n        },\n        meta: {},\n        bron: window.location.href,\n        ts: GELADEN,\n        website: (hp ? hp.value : '')\n      };\n      try {\n        var xhr = new XMLHttpRequest();\n        xhr.open('POST', ENDPOINT, true);\n        xhr.setRequestHeader('Content-Type', 'application\/json');\n        xhr.timeout = 15000;\n        xhr.onreadystatechange = function(){\n          if(xhr.readyState !== 4) return;\n          if(xhr.status >= 200 && xhr.status < 300){ klaar(true); }\n          else { klaar(false); }\n        };\n        xhr.ontimeout = function(){ klaar(false); };\n        xhr.onerror = function(){ klaar(false); };\n        xhr.send(JSON.stringify(payload));\n      } catch(e){ klaar(false); }\n    }\n\n    function toonSucces(){\n      velden.classList.add('verzonden');\n      succes.classList.add('toon');\n      try { succes.scrollIntoView({ behavior:'smooth', block:'center' }); } catch(e){}\n    }\n\n    knop.addEventListener('click', function(){\n      wisFout();\n      if(!valideer()){ toonFout('Vul je naam, een geldig e-mailadres en een bericht in.'); return; }\n      knop.disabled = true;\n      knop.textContent = 'Een moment...';\n      verzendNaarPlugin(function(ok){\n        if(ok){\n          toonSucces();\n        } else {\n          knop.disabled = false;\n          knop.innerHTML = 'Verstuur bericht <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>';\n          toonFout('Er ging iets mis bij het versturen. Probeer het zo nog eens, of bel ons direct.');\n        }\n      });\n    });\n\n    \/* Enter in een normaal veld (niet de textarea) verstuurt het formulier. *\/\n    [naam, tel, email, mede].forEach(function(v){\n      if(v){ v.addEventListener('keypress', function(e){ if(e.key === 'Enter'){ e.preventDefault(); knop.click(); } }); }\n    });\n\n    \/* Reveal-on-scroll, met een veiligheidsval: als de IntersectionObserver om\n       welke reden dan ook niet vuurt (bijvoorbeeld omdat de template-widget al\n       volledig in beeld staat bij het laden, of buiten een normale scroll-context\n       leeft), maken we de kaart sowieso zichtbaar. Zo blijft het formulier nooit\n       op opacity:0 hangen. *\/\n    var revs = root.querySelectorAll('.rev');\n    function toonAlles(){ [].forEach.call(revs, function(e){ e.classList.add('in'); }); }\n    if(!('IntersectionObserver' in window)){\n      toonAlles();\n    } else {\n      var io = new IntersectionObserver(function(es){\n        es.forEach(function(e){ if(e.isIntersecting){ e.target.classList.add('in'); io.unobserve(e.target); } });\n      }, { threshold:.08, rootMargin:'0px 0px -4% 0px' });\n      [].forEach.call(revs, function(e){ io.observe(e); });\n      \/\/ Veiligheidsval: wat er ook gebeurt, na 1,2s is de kaart zichtbaar.\n      setTimeout(toonAlles, 1200);\n    }\n  }\n\n  \/* Initialiseer elk contactformulier op de pagina. Dit is bewust bestand tegen\n     de manier waarop WordPress een template-widget kan inladen: de widget kan op\n     de ene pagina vroeg in de DOM staan en op de andere later worden geinjecteerd\n     (waardoor een eenmalige querySelector bij het laden niets vond en het formulier\n     onzichtbaar bleef). We proberen daarom meermaals:\n       1. meteen, voor formulieren die er al zijn,\n       2. op DOMContentLoaded,\n       3. via een MutationObserver voor widgets die later in de DOM verschijnen,\n       4. met een paar korte herhaalde pogingen als veiligheidsnet. *\/\n  function initAlle(){\n    var lijst = document.querySelectorAll('.inr-contact');\n    [].forEach.call(lijst, function(node){ start(node); });\n  }\n\n  \/\/ 1 + 2: meteen en bij DOM-gereed.\n  if(document.readyState === 'loading'){\n    document.addEventListener('DOMContentLoaded', initAlle);\n  } else {\n    initAlle();\n  }\n\n  \/\/ 3: vang formulieren op die na het laden alsnog worden ingeladen.\n  if('MutationObserver' in window){\n    var mo = new MutationObserver(function(){ initAlle(); });\n    if(document.body){\n      mo.observe(document.body, { childList:true, subtree:true });\n    } else {\n      document.addEventListener('DOMContentLoaded', function(){\n        mo.observe(document.body, { childList:true, subtree:true });\n      });\n    }\n  }\n\n  \/\/ 4: een paar korte herhaalde pogingen als extra vangnet (stopt vanzelf).\n  var pogingen = 0;\n  var herhaal = setInterval(function(){\n    pogingen++;\n    initAlle();\n    if(pogingen >= 10){ clearInterval(herhaal); }\n  }, 400);\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>INR Workshop \u00b7 samen zien wat er speelt Maak zichtbaar wat iedereen voelt, maar niemand scherp heeft. In elke organisatie leeft een vraag waar iedereen omheen loopt. Een onderbuikgevoel dat nooit op tafel komt. In \u00e9\u00e9n begeleide sessie brengen we het naar boven, met jullie eigen mensen, in jullie eigen woorden. En wat eruit komt, [&hellip;]<\/p>\n","protected":false},"author":224244682,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-77572","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/pages\/77572","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/users\/224244682"}],"replies":[{"embeddable":true,"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/comments?post=77572"}],"version-history":[{"count":0,"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/pages\/77572\/revisions"}],"wp:attachment":[{"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/media?parent=77572"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}