{"id":81259,"date":"2026-08-22T13:02:29","date_gmt":"2026-08-22T11:02:29","guid":{"rendered":"https:\/\/inr.institute\/?page_id=81259"},"modified":"2026-08-22T13:03:44","modified_gmt":"2026-08-22T11:03:44","slug":"energy-sector-in-india","status":"publish","type":"page","link":"https:\/\/inr.institute\/en\/inr-energiesector\/","title":{"rendered":"INR for the Energy Sector"},"content":{"rendered":"<!-- ============================================================================\n     INR SECTORPAGINA \u00b7 ENERGIESECTOR\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: Energiesector (bliksem).\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=\"M13 2 4 14h7l-1 8 9-12h-7z\"><\/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 that embraces the <span class=\"grad\">transitions<\/span>, instead of being overwhelmed by it.<\/h1>\n    <p class=\"lead\">The energy sector is in the middle of the biggest upheaval it has ever experienced. Those who move forward are organizations where people drive the transition, not organizations where people buckle under it. <strong>INR helps you build that kind of organization\u2014a place where people drive change, rather than hiding behind protocol.<\/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>Energy sector<\/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><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=\"M13 2 4 14h7l-1 8 9-12h-7z\"><\/path><\/svg>Energy sector<\/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\/inr-industry-and-technology\/\"><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=\"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\/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 blocks it.<\/h2>\n    <p class=\"intro rev\">The intention is there. Yet it keeps getting stuck at the same point. It is not unwillingness, it is a transition that rests on everyone's shoulders.<\/p>\n    <div class=\"tussenin\">\n      <div class=\"tkaart rev d1\"><div class=\"rol\">The grid operator<\/div><p>Sells \u201cno\u201d day in and day out to customers who used to be connected without any hassle.<\/p><\/div>\n      <div class=\"tkaart rev d2\"><div class=\"rol\">The service employee<\/div><p>Wrap up angry calls within the clock, while the customer needs more.<\/p><\/div>\n      <div class=\"tkaart rev d3\"><div class=\"rol\">The installer<\/div><p>Delivering under a mountain of work happens faster than feels right.<\/p><\/div>\n    <\/div>\n    <p class=\"slot rev\">Will that voltage remain present, <strong>precisely that energy disappears from your organization that the transition of your people requires.<\/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 resolutions do not fix it<\/span>\n      <h2>Those who feel they have no influence hide behind the protocol.<\/h2>\n      <p>Urging people to have \u201cmore flexibility\u201d doesn't achieve much. Behavior stems from the story a person forms about themselves through what they do, day after day. Anyone who constantly has to explain a scarcity they didn't create will start to see themselves as someone who has no influence anyway, and will later hide behind the protocol.<\/p>\n      <p>INR operates precisely on that level\u2014the story and the circumstances that confirm that story time and time again.<\/p>\n      <p><strong>No soft cultural action, but intervention in what continually obstructs the transition.<\/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 root.<\/h2>\n    <p>Imagine an organization in which that tension has indeed 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\">Employees who can deliver bad news without freezing up.<\/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\">Service conversations that truly help customers further in the transition.<\/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\">Installers who continue to deliver quality, even under pressure.<\/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\">A chain of supplier, grid operator, and installer acting together.<\/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\">People who drive change, instead of succumbing to it.<\/span><\/div>\n  <\/div>\n  <p class=\"belofte-slot rev\">Then the transition becomes something you give direction to, not something that happens to you.<\/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 type someone falls into, but insight into where movement begins.<\/h2>\n    <p>Many models categorize people into types. INR makes this visible <strong>why<\/strong> Someone does what he does. Two people can both hold on to \u201chow things used to be,\u201d while their stories are completely different: one out of pride in craftsmanship, the other out of fear that the new cannot be learned. If you treat them as the same type, you will reach neither 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 would begin<\/span>\n    <h2>Where we would begin.<\/h2>\n    <p>The best starting point depends on where the most tension lies for you. In an initial conversation, we will figure that out together. As a guideline:<\/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> is the tension in the collaboration between departments or chain partners.<\/div>\n      <div class=\"belofte\">Makes visible where the coordination is getting stuck.<\/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 to bring people along in a change that no one has asked for.<\/div>\n      <div class=\"belofte\">Develops leadership as a 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> is \u201cthere's nothing we can do about it anyway\u201d already ingrained in the culture.<\/div>\n      <div class=\"belofte\">Address the collective norm.<\/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-pulse) !important;\">\n      <span class=\"badge\">P<\/span>\n      <div class=\"naam\">INR Pulse<\/div>\n      <div class=\"conditie\"><b>When:<\/b> does the tension arise on the commercial front at the supplier.<\/div>\n      <div class=\"belofte\">From holding onto the customer to truly connecting with them.<\/div>\n      <a class=\"plink\" href=\"https:\/\/inr.institute\/en\/inr\/inr-dynamics\/inr-pulse\/\">View INR Pulse <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\">Often it is a combination. Which order yields the most, we will clarify in the initial meeting.<\/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>In an initial conversation, we will map out together where the transition is getting stuck regarding your people, and where development yields the most results. You will walk away with a sharper image of your organization, whether we work together afterward or not.<\/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 die de transitie draagt, in plaats van erdoor overvallen te worden. De energiesector zit midden in de grootste omwenteling die zij ooit heeft meegemaakt. Wie vooruitkomt, zijn organisaties waarin mensen de transitie dragen, niet organisaties waarin mensen eronder bezwijken. INR helpt je zo&#8217;n organisatie neer te zetten, een plek waar mensen richting geven [&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-81259","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/pages\/81259","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=81259"}],"version-history":[{"count":2,"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/pages\/81259\/revisions"}],"predecessor-version":[{"id":81261,"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/pages\/81259\/revisions\/81261"}],"wp:attachment":[{"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/media?parent=81259"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}