{"id":81274,"date":"2026-08-22T13:19:39","date_gmt":"2026-08-22T11:19:39","guid":{"rendered":"https:\/\/inr.institute\/?page_id=81274"},"modified":"2026-08-22T13:19:39","modified_gmt":"2026-08-22T11:19:39","slug":"inr-media-and-marketing","status":"publish","type":"page","link":"https:\/\/inr.institute\/en\/inr-media-en-marketing\/","title":{"rendered":"INR for Media and Marketing"},"content":{"rendered":"<!-- ============================================================================\n     INR SECTORPAGINA \u00b7 MEDIA EN MARKETING\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: Media en Marketing (megafoon).\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 9v6h4l6 4V5L7 9z\"><\/path>\n    <path d=\"M16 8a5 5 0 0 1 0 8\"><\/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 agency where the best work truly <span class=\"grad\">goes<\/span> outside.<\/h1>\n    <p class=\"lead\">Talent exists in media and marketing, but it too often disappears behind caution. The agencies that make a difference are not only good at producing sharp work, they also dare to stand behind it. <strong>INR helps you build an organization where people choose what works rather than what feels safe.<\/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>Media and Marketing<\/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><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><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 9v6h4l6 4V5L7 9z\"><\/path><path d=\"M16 8a5 5 0 0 1 0 8\"><\/path><\/svg>Media and Marketing<\/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-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 holds it back.<\/h2>\n    <p class=\"intro rev\">The intention is right. Yet it keeps getting blocked at the same point. That is not unwillingness, it is a system that rewards playing it safe.<\/p>\n    <div class=\"tussenin\">\n      <div class=\"tkaart rev d1\"><div class=\"rol\">The creative<\/div><p>Keep the best idea, because last time it was ruthlessly crossed off.<\/p><\/div>\n      <div class=\"tkaart rev d2\"><div class=\"rol\">The account manager<\/div><p>Say yes anyway to an unreachable deadline, because saying no feels like gambling with the relationship.<\/p><\/div>\n      <div class=\"tkaart rev d3\"><div class=\"rol\">The desk<\/div><p>Delivers what is requested, while everyone knows it is not the strongest.<\/p><\/div>\n    <\/div>\n    <p class=\"slot rev\">If that tension remains, you are driving toward mediocrity, <strong>while the capability for better work is already in-house.<\/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 notices that sharp work is perishing will wait and see.<\/h2>\n      <p>Challenging people on their courage rarely leads to lasting change. Behavior grows out of the story a person comes to believe about themselves, fueled by what they do and the consequences that follow. Anyone who repeatedly notices that sharp ideas are shot down will start seeing themselves as someone who is better off waiting or going with the flow.<\/p>\n      <p>INR focuses precisely on that\u2014on the story and on the circumstances that reaffirm that story day after day.<\/p>\n      <p><strong>No soft cultural action, but intervening in what continually holds back the best work.<\/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\">The edgy work that does get released, instead of ending up in a drawer.<\/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\">Creativity, strategy, and account management that seek each other out and work 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\">Account managers who defend the work, not those who automatically bend along.<\/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\">Work that stands out, and attracts clients who consciously seek it out.<\/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\">Makers who are proud again, instead of getting stuck in frustration.<\/span><\/div>\n  <\/div>\n  <p class=\"belofte-slot rev\">Then daring becomes normal, not something you only do when you dare to take the risk.<\/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>No category that someone falls into, but insight into where movement begins.<\/h2>\n    <p>Many models categorize people. INR makes this visible <strong>why<\/strong> Someone does what they do. Two creatives can both play it safe while their driving motivation is opposite: one is protecting themselves after a public blunder, the other doubts their own abilities. If you treat them as the same type, you will reach neither.<\/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 start<\/span>\n    <h2>Where we would start.<\/h2>\n    <p>The best entry point depends on where the tension is highest for you. We will figure that out together in an initial conversation. 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> Is there tension in the handoff between creation, strategy, and account management?.<\/div>\n      <div class=\"belofte\">Highlights where coordination breaks down.<\/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 give a team more courage and ownership.<\/div>\n      <div class=\"belofte\">Develops leadership as an active force 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-pulse) !important;\">\n      <span class=\"badge\">P<\/span>\n      <div class=\"naam\">INR Pulse<\/div>\n      <div class=\"conditie\"><b>When:<\/b> is the tension between keeping the customer happy and defending the best work.<\/div>\n      <div class=\"belofte\">From saying yes to the conversation that truly moves the customer forward.<\/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 class=\"pcard rev d4\" 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 \u201csafe play\u201d meanwhile become part of 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>\n  <p class=\"route-slot rev\">Often it is a combination. Which order has the most effect, we determine in the 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 an initial conversation, we map out together where the pattern between daring and playing it safe gets stuck, and where development yields the most results. You walk away with a sharper picture of your own 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 bureau waar het beste werk ook echt naar buiten gaat. Talent is er in media en marketing, alleen verdwijnt het te vaak achter voorzichtigheid. De bureaus die het verschil maken, zijn niet alleen goed in scherp werk maken, ze durven het ook te dragen. INR helpt je bouwen aan zo&#8217;n organisatie, waar mensen kiezen [&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-81274","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/pages\/81274","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=81274"}],"version-history":[{"count":2,"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/pages\/81274\/revisions"}],"predecessor-version":[{"id":81276,"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/pages\/81274\/revisions\/81276"}],"wp:attachment":[{"href":"https:\/\/inr.institute\/en\/wp-json\/wp\/v2\/media?parent=81274"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}