{"id":81262,"date":"2026-08-22T13:06:18","date_gmt":"2026-08-22T11:06:18","guid":{"rendered":"https:\/\/inr.institute\/?page_id=81262"},"modified":"2026-08-22T13:06:18","modified_gmt":"2026-08-22T11:06:18","slug":"inr-industry-and-technology","status":"publish","type":"page","link":"https:\/\/inr.institute\/en\/inr-industrie-en-techniek\/","title":{"rendered":"INR for Industry and Technology"},"content":{"rendered":"<!-- ============================================================================\n     INR SECTORPAGINA \u00b7 INDUSTRIE EN TECHNIEK\n     Een bestand. Plak dit volledig in EEN Elementor HTML-widget.\n     Alles gescoped onder .inr-sector en afgedwongen met !important.\n\n     Designtaal (niet de blokindeling) overgenomen van het INR Model-fundament:\n     Inter, neutraal casco (wit\/inkt\/grijs), zacht geblurde blobs,\n     glassmorphism-kaarten, reveal-on-scroll, cubic-bezier(.2,.7,.2,1).\n     Dienstkleur komt UITSLUITEND binnen als accent op de blok-6 product-cards.\n\n     COMMERCIELE ARCHITECTUUR (framework v2, ambitie-eerst):\n       1 HERO        de ambitie + een contactknop\n       2 SPANNING    de spanning die de ambitie in de weg staat\n       3 WHY         waarom voornemens het niet oplossen (donker paneel)\n       4 BELOFTE     wat er verandert, als scanbare winstpunten\n       5 CATEGORIE   waarom dit geen gedragsmodel is, kort en terloops\n       6 ROUTE       waar wij zouden beginnen, product-cards met dienstkleur\n       7 CTA         het gesprek (donker paneel) + brochure-link\n\n     FONT: Inter wordt sitebreed door de header geladen. Hier NIET opnieuw\n     laden. De font-family-declaraties gebruiken het font dat de header levert.\n     ============================================================================ -->\n\n<style>\n\/* ---------- 1. ROOT + ELEMENTOR-ONTWAPENING ---------- *\/\n.inr-sector{\n  --ink:#0E0E12; --ink-2:#1A1A20; --grijs:#64646E; --grijs-2:#9A9AA4; --bg:#F5F5F7;\n  --lijn:rgba(14,14,18,.10); --lijn-2:rgba(14,14,18,.06);\n  \/* dienstkleuren, alleen gebruikt in blok 6 *\/\n  --c-pulse:#FD4C5C; --c-sync:#FD7634; --c-fluent:#2875FB; --c-echo:#5AC380; --c-core:#7448FD;\n  --radius:24px; --maxw:1180px;\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:clip !important; text-align:left !important;\n  -webkit-font-smoothing:antialiased !important;\n}\n.inr-sector, .inr-sector *, .inr-sector *::before, .inr-sector *::after{\n  box-sizing:border-box !important;\n  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;\n}\n.inr-sector h1,.inr-sector h2,.inr-sector h3,.inr-sector h4,.inr-sector p,\n.inr-sector span,.inr-sector div,.inr-sector ul,.inr-sector li,.inr-sector a{margin:0;padding:0;}\n.inr-sector ul{list-style:none !important;}\n.inr-sector a{text-decoration:none !important;color:inherit !important;}\n\n\/* ---------- 2. ATMOSFEER (neutrale grijze blobs) ---------- *\/\n.inr-sector .atmos{position:absolute !important;inset:0 !important;z-index:0 !important;overflow:hidden !important;pointer-events:none !important;background:transparent !important;}\n.inr-sector .blob{position:absolute !important;border-radius:50% !important;filter:blur(120px) !important;opacity:.5 !important;animation:inrs-drift 32s ease-in-out infinite !important;}\n.inr-sector .blob.a{width:560px;height:560px;background:rgba(14,14,18,.10);top:-200px;right:-160px;}\n.inr-sector .blob.b{width:500px;height:500px;background:rgba(100,100,110,.12);top:52%;left:-200px;animation-delay:-12s;}\n.inr-sector .blob.c{width:620px;height:620px;background:rgba(14,14,18,.05);bottom:-280px;right:22%;animation-delay:-21s;}\n@keyframes inrs-drift{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(-42px,-32px) scale(1.06);}}\n\n\/* ---------- 3. LAYOUT-PRIMITIEVEN ---------- *\/\n.inr-sector .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-sector .sec{position:relative !important;z-index:1 !important;padding:118px 0 !important;}\n.inr-sector .sec.tight{padding:82px 0 !important;}\n\n\/* ---------- 4. TYPO-HELPERS ---------- *\/\n.inr-sector .eyebrow{font-size:13px !important;font-weight:600 !important;letter-spacing:.02em !important;text-transform:uppercase !important;color:var(--grijs) !important;}\n.inr-sector .grad{background:linear-gradient(115deg,#0E0E12,#54545E) !important;-webkit-background-clip:text !important;background-clip:text !important;color:transparent !important;-webkit-text-fill-color:transparent !important;}\n\n\/* ---------- 5. REVEAL ---------- *\/\n.inr-sector .rev{opacity:0;transform:translateY(22px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);}\n.inr-sector .rev.in{opacity:1 !important;transform:none !important;}\n.inr-sector .d1{transition-delay:.07s;}.inr-sector .d2{transition-delay:.14s;}.inr-sector .d3{transition-delay:.21s;}\n.inr-sector .d4{transition-delay:.28s;}.inr-sector .d5{transition-delay:.35s;}\n.no-js .inr-sector .rev{opacity:1 !important;transform:none !important;}\n\n\/* ---------- responsive basis ---------- *\/\n@media(max-width:820px){\n  .inr-sector{padding-left:22px !important;padding-right:22px !important;}\n  .inr-sector .wrap{padding-left:0 !important;padding-right:0 !important;}\n  .inr-sector .hero{padding-left:0 !important;padding-right:0 !important;}\n  .inr-sector .sec{padding:74px 0 !important;}\n  .inr-sector .blob.a{width:320px;height:320px;right:-110px;}\n  .inr-sector .blob.b{width:300px;height:300px;left:-140px;}\n  .inr-sector .blob.c{width:340px;height:340px;right:-60px;bottom:-160px;}\n}\n@media(prefers-reduced-motion:reduce){\n  .inr-sector .rev{opacity:1 !important;transform:none !important;transition:none !important;}\n  .inr-sector .blob{animation:none !important;}\n}\n<\/style>\n\n<div class=\"inr-sector\">\n<!-- ============================================================================\n     SECTOR-ICOON (centrale definitie). Per sector wissel je ALLEEN de paden\n     binnen dit <symbol id=\"sectoricoon\">. Het verschijnt automatisch als\n     watermerk in het why-paneel en het CTA-paneel, en kan overal met\n     <svg><use href=\"#sectoricoon\"><\/use><\/svg> hergebruikt worden.\n     Huidige sector: Industrie en Techniek (fabriek).\n     ============================================================================ -->\n<svg width=\"0\" height=\"0\" style=\"position:absolute !important;width:0 !important;height:0 !important;overflow:hidden !important;\" aria-hidden=\"true\">\n  <symbol id=\"sectoricoon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n    <path d=\"M3 21V10l6 4V10l6 4V6l6 4v11z\"><\/path>\n  <\/symbol>\n<\/svg>\n\n<div class=\"atmos\"><div class=\"blob a\"><\/div><div class=\"blob b\"><\/div><div class=\"blob c\"><\/div><\/div>\n\n<!-- ========================= BLOK 1 \u00b7 HERO ========================= -->\n<style>\n.inr-sector .hero{min-height:86vh !important;display:grid !important;grid-template-columns:1.15fr .85fr !important;gap:56px !important;align-items:center !important;padding:150px clamp(24px,5vw,40px) 100px !important;}\n.inr-sector .hero h1{font-weight:600 !important;font-size:clamp(42px,5.6vw,74px) !important;line-height:1.03 !important;letter-spacing:-.02em !important;color:var(--ink) !important;margin-bottom:30px !important;}\n.inr-sector .hero .lead{font-size:clamp(17px,2.1vw,20px) !important;font-weight:300 !important;color:var(--grijs) !important;max-width:52ch !important;line-height:1.6 !important;margin-bottom:38px !important;}\n.inr-sector .hero .lead strong{font-weight:600 !important;color:var(--ink) !important;}\n.inr-sector .knop{display:inline-flex !important;align-items:center !important;gap:10px !important;font-weight:600 !important;font-size:15px !important;padding:16px 28px !important;border-radius:99px !important;\n  transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,background .3s !important;cursor:pointer !important;}\n.inr-sector .knop svg{width:16px !important;height:16px !important;transition:transform .35s cubic-bezier(.2,.7,.2,1) !important;}\n.inr-sector .knop.primair{background:var(--ink) !important;color:#fff !important;}\n.inr-sector .knop.primair:hover{transform:translateY(-3px) !important;box-shadow:0 18px 40px -20px rgba(14,14,18,.5) !important;}\n.inr-sector .knop.primair:hover svg{transform:translateX(4px) !important;}\n.inr-sector .knop:focus-visible{outline:2px solid var(--ink) !important;outline-offset:3px !important;}\n\n\/* hero-rechts: sector-navigatie. Desktop = side panel, mobiel = dropdown.\n   De actieve sector is gemarkeerd en niet klikbaar. *\/\n.inr-sector .herobeeld{position:relative !important;display:flex !important;justify-content:center !important;align-items:stretch !important;}\n\n\/* ---- gedeeld paneel ---- *\/\n.inr-sector .sectorpaneel{position:relative !important;width:100% !important;max-width:400px !important;\n  background:rgba(255,255,255,.62) !important;-webkit-backdrop-filter:blur(24px) !important;backdrop-filter:blur(24px) !important;\n  border:1px solid var(--lijn) !important;border-radius:26px !important;\n  box-shadow:0 30px 80px -50px rgba(14,14,18,.4) !important;overflow:hidden !important;}\n.inr-sector .sectorpaneel .paneelkop{display:flex !important;align-items:center !important;gap:10px !important;\n  padding:22px 26px 16px !important;border-bottom:1px solid var(--lijn-2) !important;}\n.inr-sector .sectorpaneel .paneelkop .stip{width:8px !important;height:8px !important;border-radius:50% !important;background:var(--ink) !important;box-shadow:0 0 0 4px rgba(14,14,18,.10) !important;flex:none !important;}\n.inr-sector .sectorpaneel .paneelkop .titel{font-size:13px !important;font-weight:600 !important;letter-spacing:.02em !important;text-transform:uppercase !important;color:var(--grijs) !important;}\n\n\/* ---- de lijst ---- *\/\n.inr-sector .sectorlijst{list-style:none !important;margin:0 !important;padding:8px !important;\n  max-height:420px !important;overflow-y:auto !important;-webkit-overflow-scrolling:touch !important;}\n.inr-sector .sectorlijst li{margin:0 !important;}\n.inr-sector .sectorlijst a,\n.inr-sector .sectorlijst .actief{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:12px !important;\n  padding:13px 16px !important;border-radius:13px !important;font-size:15px !important;font-weight:400 !important;color:var(--ink) !important;\n  transition:background .25s cubic-bezier(.2,.7,.2,1) !important;}\n.inr-sector .sectorlijst a{cursor:pointer !important;}\n\/* linker groep: icoon + naam *\/\n.inr-sector .sectorlijst .snaam{display:flex !important;align-items:center !important;gap:12px !important;min-width:0 !important;}\n.inr-sector .sectorlijst .sicoon{width:20px !important;height:20px !important;flex:none !important;color:var(--grijs) !important;transition:color .25s !important;}\n.inr-sector .sectorlijst a:hover .sicoon{color:var(--ink) !important;}\n.inr-sector .sectorlijst .actief .sicoon{color:#fff !important;}\n.inr-sector .sectorlijst a .pijl{width:15px !important;height:15px !important;flex:none !important;color:var(--grijs-2) !important;\n  opacity:0 !important;transform:translateX(-4px) !important;transition:opacity .25s,transform .25s cubic-bezier(.2,.7,.2,1) !important;}\n.inr-sector .sectorlijst a:hover{background:rgba(14,14,18,.05) !important;}\n.inr-sector .sectorlijst a:hover .pijl{opacity:1 !important;transform:none !important;}\n.inr-sector .sectorlijst a:focus-visible{outline:2px solid var(--ink) !important;outline-offset:-2px !important;}\n\/* actieve sector: ink-highlight, niet klikbaar *\/\n.inr-sector .sectorlijst .actief{background:var(--ink) !important;color:#fff !important;font-weight:600 !important;cursor:default !important;}\n.inr-sector .sectorlijst .actief .check{width:16px !important;height:16px !important;flex:none !important;color:#fff !important;}\n\n\/* ---- mobiele dropdown-knop (default verborgen op desktop) ---- *\/\n.inr-sector .sectordrop{display:none !important;}\n\n@media(max-width:900px){\n  .inr-sector .hero{grid-template-columns:1fr !important;min-height:auto !important;padding:124px clamp(28px,5vw,40px) 60px !important;gap:36px !important;}\n  .inr-sector .hero h1{font-size:clamp(38px,10vw,58px) !important;}\n  .inr-sector .herobeeld{justify-content:flex-start !important;}\n\n  \/* op mobiel: paneel wordt een in-flow dropdown, nooit position:absolute *\/\n  .inr-sector .sectorpaneel{max-width:100% !important;}\n  .inr-sector .sectorpaneel .paneelkop{display:none !important;}\n  .inr-sector .sectordrop{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:12px !important;width:100% !important;\n    padding:16px 20px !important;background:rgba(255,255,255,.72) !important;border:none !important;border-bottom:1px solid var(--lijn-2) !important;\n    font-family:inherit !important;font-size:15px !important;font-weight:600 !important;color:var(--ink) !important;cursor:pointer !important;text-align:left !important;}\n  .inr-sector .sectordrop .dlabel{display:flex !important;flex-direction:column !important;gap:2px !important;}\n  .inr-sector .sectordrop .dlabel small{font-size:11px !important;font-weight:600 !important;letter-spacing:.02em !important;text-transform:uppercase !important;color:var(--grijs-2) !important;}\n  .inr-sector .sectordrop .chev{width:18px !important;height:18px !important;flex:none !important;color:var(--grijs) !important;transition:transform .3s cubic-bezier(.2,.7,.2,1) !important;}\n  .inr-sector .sectorpaneel.open .sectordrop .chev{transform:rotate(180deg) !important;}\n  \/* accordion: dichtgeklapt via max-height, in-flow *\/\n  .inr-sector .sectorlijst{max-height:0 !important;overflow:hidden !important;padding:0 8px !important;\n    transition:max-height .4s cubic-bezier(.2,.7,.2,1),padding .4s cubic-bezier(.2,.7,.2,1) !important;}\n  .inr-sector .sectorpaneel.open .sectorlijst{max-height:70vh !important;overflow-y:auto !important;padding:8px !important;}\n}\n<\/style>\n<section class=\"hero wrap\">\n  <div>\n    <h1>An organization in which safety and continuity <span class=\"grad\">are stronger<\/span> together.<\/h1>\n    <p class=\"lead\">In industry and engineering, accuracy, throughput, and safety matter all at once. The organizations that truly survive are often the ones where people speak up about what they see, well before things go wrong. <strong>INR helps you develop this kind of approach: reporting becomes the norm, and safety and production are not at odds with each other but work together.<\/strong><\/p>\n    <a class=\"knop primair\" href=\"https:\/\/inr.institute\/en\/contact\/\">Present your challenge to us <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a>\n  <\/div>\n\n  <div class=\"herobeeld\" id=\"inrsHero\">\n    <div class=\"sectorpaneel\" id=\"sectorPaneel\">\n      <div class=\"paneelkop\"><span class=\"stip\"><\/span><span class=\"titel\">Choose your sector<\/span><\/div>\n      <button class=\"sectordrop\" id=\"sectorDrop\" type=\"button\" aria-expanded=\"false\" aria-controls=\"sectorLijst\">\n        <span class=\"dlabel\"><small>Sector<\/small>Industry and Technology<\/span>\n        <svg class=\"chev\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><path d=\"M6 9l6 6 6-6\"><\/path><\/svg>\n      <\/button>\n      <ul class=\"sectorlijst\" id=\"sectorLijst\">\n        <li><a href=\"https:\/\/inr.institute\/en\/inr-financial-services\/\"><span class=\"snaam\"><svg class=\"sicoon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><ellipse cx=\"12\" cy=\"6\" rx=\"7\" ry=\"3\"><\/ellipse><path d=\"M5 6v5c0 1.7 3.1 3 7 3s7-1.3 7-3V6\"><\/path><path d=\"M5 11v5c0 1.7 3.1 3 7 3s7-1.3 7-3v-5\"><\/path><\/svg>Financial Services<\/span> <svg class=\"pijl\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a><\/li>\n        <li><a href=\"https:\/\/inr.institute\/en\/national-government\/\"><span class=\"snaam\"><svg class=\"sicoon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 21h18\"><\/path><path d=\"M6 21V11M10 21V11M14 21V11M18 21V11\"><\/path><path d=\"M4 11h16\"><\/path><path d=\"M12 3 4 8h16z\"><\/path><\/svg>Local Government<\/span> <svg class=\"pijl\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a><\/li>\n        <li><a href=\"https:\/\/inr.institute\/en\/it-services\/\"><span class=\"snaam\"><svg class=\"sicoon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"12\" rx=\"2\"><\/rect><path d=\"M8 20h8M12 16v4\"><\/path><\/svg>IT services<\/span> <svg class=\"pijl\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a><\/li>\n        <li><a href=\"https:\/\/inr.institute\/en\/inr-telecom\/\"><span class=\"snaam\"><svg class=\"sicoon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"7\" y=\"2\" width=\"10\" height=\"20\" rx=\"2.5\"><\/rect><line x1=\"11\" y1=\"18\" x2=\"13\" y2=\"18\"><\/line><\/svg>Telecom<\/span> <svg class=\"pijl\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a><\/li>\n        <li><a href=\"https:\/\/inr.institute\/en\/inr-automotive\/\"><span class=\"snaam\"><svg class=\"sicoon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 13l2-5a2 2 0 0 1 2-1h10a2 2 0 0 1 2 1l2 5\"><\/path><path d=\"M3 13h18v4a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1H6v1a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1z\"><\/path><circle cx=\"7\" cy=\"16\" r=\"0.5\"><\/circle><circle cx=\"17\" cy=\"16\" r=\"0.5\"><\/circle><\/svg>Automotive<\/span> <svg class=\"pijl\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a><\/li>\n        <li><a href=\"https:\/\/inr.institute\/en\/energy-sector-in-india\/\"><span class=\"snaam\"><svg class=\"sicoon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M13 2 4 14h7l-1 8 9-12h-7z\"><\/path><\/svg>Energy sector<\/span> <svg class=\"pijl\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a><\/li>\n        <li><span class=\"actief\" aria-current=\"page\"><span class=\"snaam\"><svg class=\"sicoon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 21V10l6 4V10l6 4V6l6 4v11z\"><\/path><\/svg>Industry and Technology<\/span> <svg class=\"check\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><\/li>\n        <li><a href=\"https:\/\/inr.institute\/en\/hr-temping-and-hr-services\/\"><span class=\"snaam\"><svg class=\"sicoon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"9\" cy=\"8\" r=\"3\"><\/circle><path d=\"M3 20a6 6 0 0 1 12 0\"><\/path><path d=\"M16 5a3 3 0 0 1 0 6\"><\/path><path d=\"M17 14a6 6 0 0 1 4 6\"><\/path><\/svg>Temporary staffing and HR services<\/span> <svg class=\"pijl\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a><\/li>\n        <li><a href=\"https:\/\/inr.institute\/en\/inr-care\/\"><span class=\"snaam\"><svg class=\"sicoon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20.8 5.6a5.5 5.5 0 0 0-8.8 1.4 5.5 5.5 0 0 0-8.8-1.4c-2 2-2 5.2 0 7.2L12 21l8.8-8.2c2-2 2-5.2 0-7.2z\"><\/path><\/svg>Care<\/span> <svg class=\"pijl\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a><\/li>\n        <li><a href=\"https:\/\/inr.institute\/en\/inr-real-estate-and-brokerage\/\"><span class=\"snaam\"><svg class=\"sicoon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 11l9-7 9 7\"><\/path><path d=\"M5 10v10h14V10\"><\/path><path d=\"M9 20v-6h6v6\"><\/path><\/svg>Real Estate and Brokerage<\/span> <svg class=\"pijl\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a><\/li>\n        <li><a href=\"https:\/\/inr.institute\/en\/inr-media-and-marketing\/\"><span class=\"snaam\"><svg class=\"sicoon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 9v6h4l6 4V5L7 9z\"><\/path><path d=\"M16 8a5 5 0 0 1 0 8\"><\/path><\/svg>Media and Marketing<\/span> <svg class=\"pijl\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a><\/li>\n        <li><a href=\"https:\/\/inr.institute\/en\/inr-logistics-and-transport\/\"><span class=\"snaam\"><svg class=\"sicoon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2 7h11v8H2z\"><\/path><path d=\"M13 10h4l3 3v2h-7z\"><\/path><circle cx=\"6\" cy=\"17\" r=\"1.6\"><\/circle><circle cx=\"17\" cy=\"17\" r=\"1.6\"><\/circle><\/svg>Logistics and Transport<\/span> <svg class=\"pijl\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a><\/li>\n        <li><a href=\"https:\/\/inr.institute\/en\/retail-inr\/\"><span class=\"snaam\"><svg class=\"sicoon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 2 3 6v1a3 3 0 0 0 6 0 3 3 0 0 0 6 0 3 3 0 0 0 6 0V6l-3-4z\"><\/path><path d=\"M5 9v11h14V9\"><\/path><path d=\"M9 20v-6h6v6\"><\/path><\/svg>Retail<\/span> <svg class=\"pijl\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a><\/li>\n        <li><a href=\"https:\/\/inr.institute\/en\/inr-fashion\/\"><span class=\"snaam\"><svg class=\"sicoon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 3l3 3 3-3 5 4-3 3-1-1v11H8V9L7 10 4 7z\"><\/path><\/svg>Fashion<\/span> <svg class=\"pijl\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a><\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ========================= BLOK 2 \u00b7 DE SPANNING ========================= -->\n<style>\n.inr-sector .spanning{max-width:860px !important;margin:0 auto !important;}\n.inr-sector .spanning .eyebrow{display:block !important;text-align:center !important;margin-bottom:16px !important;}\n.inr-sector .spanning h2{text-align:center !important;font-weight:600 !important;font-size:clamp(30px,4.2vw,48px) !important;letter-spacing:-.02em !important;line-height:1.08 !important;color:var(--ink) !important;margin-bottom:20px !important;}\n.inr-sector .spanning .intro{text-align:center !important;font-size:19px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.6 !important;max-width:60ch !important;margin:0 auto 52px !important;}\n\/* de drie tussen-in figuren als glassmorphism-kaarten *\/\n.inr-sector .tussenin{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:18px !important;margin-bottom:44px !important;}\n.inr-sector .tkaart{background:rgba(255,255,255,.72) !important;-webkit-backdrop-filter:blur(20px) !important;backdrop-filter:blur(20px) !important;\n  border:1px solid var(--lijn) !important;border-radius:20px !important;padding:28px 26px !important;\n  box-shadow:0 10px 40px -30px rgba(14,14,18,.25) !important;}\n.inr-sector .tkaart .rol{font-size:12px !important;font-weight:600 !important;letter-spacing:.02em !important;text-transform:uppercase !important;color:var(--grijs-2) !important;margin-bottom:12px !important;}\n.inr-sector .tkaart p{font-size:15.5px !important;font-weight:300 !important;color:var(--ink) !important;line-height:1.55 !important;}\n.inr-sector .spanning .slot{max-width:64ch !important;margin:0 auto !important;text-align:center !important;font-size:18px !important;font-weight:300 !important;color:var(--ink) !important;line-height:1.62 !important;}\n.inr-sector .spanning .slot strong{font-weight:600 !important;}\n@media(max-width:820px){.inr-sector .tussenin{grid-template-columns:1fr !important;}}\n<\/style>\n<section class=\"sec wrap\">\n  <div class=\"spanning\">\n    <span class=\"eyebrow rev\">The tension<\/span>\n    <h2 class=\"rev\">The tension that keeps blocking this.<\/h2>\n    <p class=\"intro rev\">The intention is good. Still, it keeps getting stuck at the same point. No unwillingness, but a structure that keeps triggering this behavior over and over.<\/p>\n    <div class=\"tussenin\">\n      <div class=\"tkaart rev d1\"><div class=\"rol\">The operator<\/div><p>Keep a deviation to yourself, because the line cannot stop.<\/p><\/div>\n      <div class=\"tkaart rev d2\"><div class=\"rol\">The work planner<\/div><p>Goes along with a schedule he has no confidence in.<\/p><\/div>\n      <div class=\"tkaart rev d3\"><div class=\"rol\">The team leader<\/div><p>Drives on output, while \u201csafety first\u201d is at the top on paper.<\/p><\/div>\n    <\/div>\n    <p class=\"slot rev\">If that voltage remains, the signals will arrive too late, <strong>and follows the bill, in downtime, damage or worse.<\/strong><\/p>\n  <\/div>\n<\/section>\n\n<!-- ========================= BLOK 3 \u00b7 WHY (donker paneel) ========================= -->\n<style>\n.inr-sector .why{background:var(--ink) !important;color:#fff !important;border-radius:36px !important;padding:88px 64px !important;position:relative !important;overflow:hidden !important;}\n.inr-sector .why::before{content:'' !important;position:absolute !important;top:-140px !important;right:-100px !important;width:420px !important;height:420px !important;border-radius:50% !important;background:radial-gradient(circle,rgba(255,255,255,.10),transparent 70%) !important;filter:blur(50px) !important;}\n\/* sector-watermerk: groot, subtiel, in de hoek *\/\n.inr-sector .sectormerk{position:absolute !important;pointer-events:none !important;color:#fff !important;opacity:.05 !important;z-index:0 !important;}\n.inr-sector .why .sectormerk{width:340px !important;height:340px !important;right:-40px !important;bottom:-70px !important;}\n.inr-sector .why-inner{position:relative !important;z-index:1 !important;max-width:820px !important;}\n.inr-sector .why .eyebrow{color:rgba(255,255,255,.6) !important;display:block !important;margin-bottom:18px !important;}\n.inr-sector .why h2{font-weight:600 !important;font-size:clamp(28px,4vw,46px) !important;letter-spacing:-.02em !important;line-height:1.1 !important;color:#fff !important;margin-bottom:30px !important;}\n.inr-sector .why p{font-size:clamp(17px,2vw,19.5px) !important;font-weight:300 !important;color:rgba(255,255,255,.76) !important;line-height:1.66 !important;margin-bottom:22px !important;}\n.inr-sector .why p:last-child{margin-bottom:0 !important;}\n.inr-sector .why p strong{font-weight:600 !important;color:#fff !important;}\n@media(max-width:820px){.inr-sector .why{padding:54px 28px !important;border-radius:26px !important;}}\n<\/style>\n<section class=\"sec wrap\">\n  <div class=\"why rev\">\n    <svg class=\"sectormerk\" aria-hidden=\"true\"><use href=\"#sectoricoon\"><\/use><\/svg>\n    <div class=\"why-inner\">\n      <span class=\"eyebrow\">Why good intentions are not enough<\/span>\n      <h2>Whoever learns that stopping causes trouble perseveres.<\/h2>\n      <p>Talking to people about safety rarely leads to lasting change. Behavior stems from the story a person comes to believe about themselves, shaped by what they do and the results of those actions. Anyone who finds that \u201cstopping the line\u201d is a hassle will come to see themselves as someone who pushes through and doesn\u2019t complain.<\/p>\n      <p>INR works precisely there: on the narrative, and on the circumstances that sustain that narrative.<\/p>\n      <p><strong>No soft cultural campaign, but intervening in what consistently prevents safe working conditions.<\/strong><\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ========================= BLOK 4 \u00b7 BELOFTE (winstpunten) ========================= -->\n<style>\n.inr-sector .belofte-kop{text-align:center !important;max-width:720px !important;margin:0 auto 56px !important;}\n.inr-sector .belofte-kop .eyebrow{display:block !important;margin-bottom:16px !important;}\n.inr-sector .belofte-kop h2{font-weight:600 !important;font-size:clamp(30px,4.2vw,48px) !important;letter-spacing:-.02em !important;line-height:1.08 !important;color:var(--ink) !important;margin-bottom:18px !important;}\n.inr-sector .belofte-kop p{font-size:18px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.6 !important;}\n.inr-sector .winst{display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:18px !important;max-width:900px !important;margin:0 auto 44px !important;}\n.inr-sector .wkaart{background:rgba(255,255,255,.72) !important;-webkit-backdrop-filter:blur(20px) !important;backdrop-filter:blur(20px) !important;\n  border:1px solid var(--lijn) !important;border-radius:20px !important;padding:28px 28px !important;\n  box-shadow:0 10px 40px -30px rgba(14,14,18,.25) !important;display:flex !important;gap:16px !important;align-items:flex-start !important;\n  transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s !important;}\n.inr-sector .wkaart:hover{transform:translateY(-5px) !important;box-shadow:0 22px 54px -34px rgba(14,14,18,.35) !important;}\n\/* de vijfde kaart pakt de volle breedte als afsluitend accent *\/\n.inr-sector .wkaart.breed{grid-column:1 \/ -1 !important;background:var(--ink) !important;border-color:transparent !important;}\n.inr-sector .wkaart.breed .wtekst{color:#fff !important;}\n.inr-sector .wkaart.breed .wv{background:rgba(255,255,255,.14) !important;color:#fff !important;}\n.inr-sector .wkaart .wv{flex:none !important;width:34px !important;height:34px !important;border-radius:10px !important;background:rgba(14,14,18,.06) !important;color:var(--ink) !important;display:flex !important;align-items:center !important;justify-content:center !important;margin-top:1px !important;}\n.inr-sector .wkaart .wv svg{width:18px !important;height:18px !important;}\n.inr-sector .wkaart .wtekst{font-size:clamp(15px,1.7vw,16.5px) !important;font-weight:300 !important;color:var(--ink) !important;line-height:1.5 !important;}\n.inr-sector .belofte-slot{text-align:center !important;max-width:56ch !important;margin:0 auto !important;font-size:19px !important;font-weight:600 !important;color:var(--ink) !important;line-height:1.4 !important;letter-spacing:-.01em !important;}\n@media(max-width:820px){.inr-sector .winst{grid-template-columns:1fr !important;}}\n<\/style>\n<section class=\"sec wrap\">\n  <div class=\"belofte-kop rev\">\n    <span class=\"eyebrow\">What is changing<\/span>\n    <h2>What changes when you tackle it at the core.<\/h2>\n    <p>Imagine an organization in which that tension has been resolved.<\/p>\n  <\/div>\n  <div class=\"winst\">\n    <div class=\"wkaart rev d1\"><span class=\"wv\"><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"wtekst\">Deviations that are reported early, rather than only when they escalate.<\/span><\/div>\n    <div class=\"wkaart rev d1\"><span class=\"wv\"><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"wtekst\">Production, maintenance and quality that seek each other out and act together.<\/span><\/div>\n    <div class=\"wkaart rev d2\"><span class=\"wv\"><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"wtekst\">Fewer incidents and less downtime because problems become visible earlier.<\/span><\/div>\n    <div class=\"wkaart rev d2\"><span class=\"wv\"><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"wtekst\">Locations that share the same story about how work is done here.<\/span><\/div>\n    <div class=\"wkaart breed rev d3\"><span class=\"wv\"><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg><\/span><span class=\"wtekst\">Employees who take ownership because reporting is recognized.<\/span><\/div>\n  <\/div>\n  <p class=\"belofte-slot rev\">Then safety and continuity reinforce each other, rather than being opposites.<\/p>\n<\/section>\n\n<!-- ========================= BLOK 5 \u00b7 CATEGORIE (kort, terloops) ========================= -->\n<style>\n.inr-sector .cat{max-width:820px !important;margin:0 auto !important;text-align:center !important;}\n.inr-sector .cat .eyebrow{display:block !important;margin-bottom:16px !important;}\n.inr-sector .cat h2{font-weight:600 !important;font-size:clamp(26px,3.6vw,40px) !important;letter-spacing:-.02em !important;line-height:1.12 !important;color:var(--ink) !important;margin-bottom:22px !important;}\n.inr-sector .cat p{font-size:18px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.66 !important;}\n.inr-sector .cat p strong{font-weight:600 !important;color:var(--ink) !important;}\n<\/style>\n<section class=\"sec tight wrap\">\n  <div class=\"cat rev\">\n    <span class=\"eyebrow\">Why this is different<\/span>\n    <h2>Not a category someone falls into, but the reason behind the behavior.<\/h2>\n    <p>Many models categorize people. INR, on the other hand, looks at the reason behind the behavior. Two operators can both keep the line running, yet for completely different reasons: one out of fear after previous criticism, the other out of pride in his performance. If you treat them as the same type, you\u2019ll end up failing both of them.<\/p>\n  <\/div>\n<\/section>\n\n<!-- ========================= BLOK 6 \u00b7 ROUTE (product-cards, dienstkleur) ========================= -->\n<style>\n.inr-sector .route-kop{text-align:center !important;max-width:680px !important;margin:0 auto 56px !important;}\n.inr-sector .route-kop .eyebrow{display:block !important;margin-bottom:16px !important;}\n.inr-sector .route-kop h2{font-weight:600 !important;font-size:clamp(30px,4.2vw,48px) !important;letter-spacing:-.02em !important;line-height:1.08 !important;color:var(--ink) !important;margin-bottom:18px !important;}\n.inr-sector .route-kop p{font-size:18px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.6 !important;}\n.inr-sector .kaarten{display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:20px !important;max-width:960px !important;margin:0 auto 44px !important;}\n.inr-sector .pcard{position:relative !important;background:rgba(255,255,255,.72) !important;-webkit-backdrop-filter:blur(20px) !important;backdrop-filter:blur(20px) !important;\n  border:1px solid var(--lijn) !important;border-radius:22px !important;padding:34px 32px !important;overflow:hidden !important;\n  box-shadow:0 10px 40px -32px rgba(14,14,18,.28) !important;\n  transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s !important;display:flex !important;flex-direction:column !important;}\n\/* dienstkleur als accent: bovenrand + hover-glow, per card via --c *\/\n.inr-sector .pcard::before{content:'' !important;position:absolute !important;top:0 !important;left:0 !important;right:0 !important;height:3px !important;background:var(--c) !important;opacity:.9 !important;}\n.inr-sector .pcard:hover{transform:translateY(-6px) !important;box-shadow:0 26px 60px -34px var(--c) !important;}\n.inr-sector .pcard .badge{display:inline-flex !important;align-items:center !important;justify-content:center !important;width:44px !important;height:44px !important;border-radius:13px !important;\n  font-weight:700 !important;font-size:17px !important;color:#fff !important;background:var(--c) !important;margin-bottom:20px !important;}\n.inr-sector .pcard .naam{font-weight:600 !important;font-size:21px !important;letter-spacing:-.01em !important;color:var(--ink) !important;margin-bottom:14px !important;}\n.inr-sector .pcard .conditie{font-size:14px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.55 !important;margin-bottom:16px !important;\n  padding-left:14px !important;border-left:2px solid var(--c) !important;}\n.inr-sector .pcard .conditie b{font-weight:600 !important;color:var(--ink) !important;}\n.inr-sector .pcard .belofte{font-size:15.5px !important;font-weight:300 !important;color:var(--ink) !important;line-height:1.55 !important;margin-bottom:22px !important;flex:1 1 auto !important;}\n.inr-sector .pcard .plink{display:inline-flex !important;align-items:center !important;gap:8px !important;align-self:flex-start !important;font-weight:600 !important;font-size:14px !important;color:var(--ink) !important;\n  transition:gap .3s cubic-bezier(.2,.7,.2,1) !important;}\n.inr-sector .pcard .plink svg{width:15px !important;height:15px !important;color:var(--c) !important;}\n.inr-sector .pcard .plink:hover{gap:12px !important;}\n.inr-sector .pcard:focus-within{outline:2px solid var(--c) !important;outline-offset:3px !important;}\n.inr-sector .route-slot{text-align:center !important;max-width:60ch !important;margin:0 auto !important;font-size:17px !important;font-weight:300 !important;color:var(--grijs) !important;line-height:1.62 !important;}\n@media(max-width:820px){.inr-sector .kaarten{grid-template-columns:1fr !important;}}\n<\/style>\n<section class=\"sec wrap\">\n  <div class=\"route-kop rev\">\n    <span class=\"eyebrow\">Where we usually start<\/span>\n    <h2>Where we usually start.<\/h2>\n    <p>The best starting point depends on where you are experiencing the most tension. In an initial conversation, we will make that concrete together. As a guide:<\/p>\n  <\/div>\n  <div class=\"kaarten\">\n    <div class=\"pcard rev d1\" style=\"--c:var(--c-sync) !important;\">\n      <span class=\"badge\">S<\/span>\n      <div class=\"naam\">INR Sync<\/div>\n      <div class=\"conditie\"><b>When:<\/b> The challenge lies in the handoff between production, maintenance, and quality.<\/div>\n      <div class=\"belofte\">Makes visible where alignment falters and why.<\/div>\n      <a class=\"plink\" href=\"https:\/\/inr.institute\/en\/inr\/inr-dynamics\/inr-sync\/\">View INR Sync <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a>\n    <\/div>\n    <div class=\"pcard rev d2\" style=\"--c:var(--c-fluent) !important;\">\n      <span class=\"badge\">F<\/span>\n      <div class=\"naam\">INR Fluent<\/div>\n      <div class=\"conditie\"><b>When:<\/b> Do you want more ownership without additional layers of oversight?.<\/div>\n      <div class=\"belofte\">Develops leadership as an active player within the system.<\/div>\n      <a class=\"plink\" href=\"https:\/\/inr.institute\/en\/inr\/inr-dynamics\/inr-fluent\/\">Watch INR Fluent <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a>\n    <\/div>\n    <div class=\"pcard rev d3\" style=\"--c:var(--c-echo) !important;\">\n      <span class=\"badge\">E<\/span>\n      <div class=\"naam\">INR Echo<\/div>\n      <div class=\"conditie\"><b>When:<\/b> Has \u201cthis is where we lose it\u201d become part of the culture?.<\/div>\n      <div class=\"belofte\">Works on the collective norm that guides daily actions.<\/div>\n      <a class=\"plink\" href=\"https:\/\/inr.institute\/en\/inr\/inr-dynamics\/inr-echo\/\">View INR Echo <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a>\n    <\/div>\n    <div class=\"pcard rev d4\" style=\"--c:var(--c-core) !important;\">\n      <span class=\"badge\">C<\/span>\n      <div class=\"naam\">INR Core<\/div>\n      <div class=\"conditie\"><b>When:<\/b> wants a team to grow together rather than separately.<\/div>\n      <div class=\"belofte\">Brings personal development to the team level.<\/div>\n      <a class=\"plink\" href=\"https:\/\/inr.institute\/en\/inr\/inr-dynamics\/inr-core\/\">View INR Core <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a>\n    <\/div>\n  <\/div>\n  <p class=\"route-slot rev\">It&#x27;s often a combination of both. We&#x27;ll figure out which order works best during our first conversation.<\/p>\n<\/section>\n\n<!-- ========================= BLOK 7 \u00b7 CTA (donker paneel) ========================= -->\n<style>\n.inr-sector .cta-sec{position:relative !important;z-index:2 !important;}\n.inr-sector .gesprek{background:var(--ink) !important;color:#fff !important;border-radius:36px !important;padding:80px 64px !important;position:relative !important;overflow:hidden !important;text-align:center !important;}\n.inr-sector .gesprek::before{content:'' !important;position:absolute !important;top:-130px !important;left:-90px !important;width:400px !important;height:400px !important;border-radius:50% !important;background:radial-gradient(circle,rgba(255,255,255,.10),transparent 70%) !important;filter:blur(50px) !important;}\n.inr-sector .gesprek::after{content:'' !important;position:absolute !important;bottom:-150px !important;right:-90px !important;width:360px !important;height:360px !important;border-radius:50% !important;background:radial-gradient(circle,rgba(255,255,255,.06),transparent 70%) !important;filter:blur(50px) !important;}\n.inr-sector .gesprek .sectormerk{width:300px !important;height:300px !important;left:-30px !important;top:-50px !important;}\n.inr-sector .gesprek-inner{position:relative !important;z-index:1 !important;max-width:680px !important;margin:0 auto !important;}\n.inr-sector .gesprek h2{font-weight:600 !important;font-size:clamp(30px,4.4vw,52px) !important;letter-spacing:-.02em !important;line-height:1.05 !important;color:#fff !important;margin-bottom:22px !important;}\n.inr-sector .gesprek p{font-size:18px !important;font-weight:300 !important;color:rgba(255,255,255,.76) !important;line-height:1.64 !important;margin-bottom:38px !important;}\n.inr-sector .gesprek .scta{display:inline-flex !important;align-items:center !important;gap:11px !important;background:#fff !important;color:var(--ink) !important;\n  font-weight:600 !important;font-size:15px !important;padding:16px 32px !important;border-radius:99px !important;\n  transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s !important;}\n.inr-sector .gesprek .scta:hover{transform:translateY(-3px) !important;box-shadow:0 22px 50px -22px rgba(0,0,0,.6) !important;}\n.inr-sector .gesprek .scta svg{width:17px !important;height:17px !important;transition:transform .35s cubic-bezier(.2,.7,.2,1) !important;}\n.inr-sector .gesprek .scta:hover svg{transform:translateX(4px) !important;}\n.inr-sector .gesprek .scta:focus-visible{outline:2px solid #fff !important;outline-offset:3px !important;}\n.inr-sector .gesprek .subcta{margin-top:26px !important;font-size:15px !important;font-weight:300 !important;color:rgba(255,255,255,.62) !important;}\n.inr-sector .gesprek .subcta a{font-weight:600 !important;color:#fff !important;border-bottom:1px solid rgba(255,255,255,.4) !important;padding-bottom:1px !important;transition:border-color .3s !important;}\n.inr-sector .gesprek .subcta a:hover{border-color:#fff !important;}\n@media(max-width:820px){.inr-sector .gesprek{padding:56px 28px !important;border-radius:26px !important;}}\n<\/style>\n<div class=\"cta-sec\">\n<section class=\"sec wrap\">\n  <div class=\"gesprek rev\">\n    <svg class=\"sectormerk\" aria-hidden=\"true\"><use href=\"#sectoricoon\"><\/use><\/svg>\n    <div class=\"gesprek-inner\">\n      <h2>Submit your issue to us.<\/h2>\n      <p>During our initial meeting, we\u2019ll work together to identify where the process between production and safety is getting stuck, and where development will have the greatest impact. You\u2019ll leave with a clearer picture of your organization\u2014even if we don\u2019t end up working together afterward.<\/p>\n      <a class=\"scta\" href=\"https:\/\/inr.institute\/en\/contact\/\">Schedule a conversation <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a>\n      <div class=\"subcta\">Prefer to read first? <a href=\"https:\/\/inr.institute\/en\/inr-brochure\/\">Download the INR brochure<\/a><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n<\/div>\n\n<\/div>\n<!-- ========================= EINDE .inr-sector ========================= -->\n\n<script>\n(function(){\n  function start(){\n    var root=document.querySelector('.inr-sector');\n    if(!root) return;\n    var els=root.querySelectorAll('.rev');\n    var hero=document.getElementById('inrsHero');\n    if(!('IntersectionObserver' in window)){\n      els.forEach(function(e){e.classList.add('in');});\n      if(hero){hero.classList.add('in');}\n      return;\n    }\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    if(hero){\n      var io2=new IntersectionObserver(function(es){es.forEach(function(e){if(e.isIntersecting){e.target.classList.add('in');io2.unobserve(e.target);}});},{threshold:.25});\n      io2.observe(hero);\n    }\n\n    \/* mobiele sector-dropdown: in-flow accordion, geen position:absolute *\/\n    var paneel=document.getElementById('sectorPaneel');\n    var drop=document.getElementById('sectorDrop');\n    if(paneel&&drop){\n      drop.addEventListener('click',function(){\n        var open=paneel.classList.toggle('open');\n        drop.setAttribute('aria-expanded',open?'true':'false');\n      });\n    }\n  }\n  if(document.readyState==='loading'){document.addEventListener('DOMContentLoaded',start);}else{start();}\n})();\n<\/script>","protected":false},"excerpt":{"rendered":"<p>Een organisatie waarin veiligheid en continu\u00efteit elkaar sterker maken. In de industrie en techniek tellen nauwkeurigheid, doorloop en veiligheid tegelijk. De organisaties die echt overeind blijven, zijn vaak de organisaties waar mensen uitspreken wat ze zien, ruim v\u00f3\u00f3rdat het fout gaat. INR helpt je bouwen aan zo&#8217;n werkwijze: melden wordt normaal, en veiligheid en productie [&hellip;]<\/p>\n","protected":false},"author":224244682,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-81262","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/pages\/81262","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=81262"}],"version-history":[{"count":2,"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/pages\/81262\/revisions"}],"predecessor-version":[{"id":81266,"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/pages\/81262\/revisions\/81266"}],"wp:attachment":[{"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/media?parent=81262"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}