/* =====================================================================
   NX-DIENSTPAGINA'S — BRANDBOOK 2.0 (laadt na dienst-next.css)
   Effen vlakken, geen verlopen of gloed, vlag als merkelement,
   markeerstift op licht en terracotta kernwoorden op donker.
   ===================================================================== */
:root{--terra6:#C84E1F;--terra7:#B8461B;--nacht:#0B161D;--nacht2:#13242E;--kalk:#F4F4F3;--leisteenL:#A9B0B4}

/* ---------- hero ---------- */
.nx-paneel{background:var(--terra) !important;display:flex;flex-direction:column}
.nx-paneel::before{display:none !important}
.nx-hero h1 .accent{color:inherit}
.nx-hero h1 .accent svg{display:none}
.nx-praktijk{position:relative;margin-top:auto;padding-top:26px;color:#fff;font-size:1rem;line-height:1.45;max-width:30rem}
.nx-praktijk .k{display:block;font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.75);margin-bottom:8px}

/* vlaggetjes in plaats van vinkjes */
.nx-checks{list-style:none;margin:36px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:12px 28px}
.nx-checks li{position:relative;padding-left:22px;font-size:.94rem;font-weight:500;color:var(--ink,#0b161d)}
.nx-checks li::before{content:"";position:absolute;left:0;top:.42em;width:10px;height:10px;background:var(--terra);clip-path:polygon(0 0,100% 0,100% 100%)}

/* ---------- kopstijl: markeerstift op licht ---------- */
.nx-hero h1 .mk,.nx-blok h2 .mk,.nx-slot h2 .mk{font-weight:700;color:var(--ink,#0b161d);
  -webkit-box-decoration-break:clone;box-decoration-break:clone;
  background:linear-gradient(transparent 60%,#F6CBB8 60%,#F6CBB8 92%,transparent 92%)}

/* ---------- statement-hoofdstuk ---------- */
.nx-chapter::before{display:none !important}
.nx-chapter::after{opacity:.05}

/* ---------- geen schaduwen op kaarten ---------- */
.nx-kaart:hover{box-shadow:none;transform:none;border-color:var(--ink,#0b161d);border-radius:14px}
.nx-apunt:hover{box-shadow:none;transform:none;border-color:var(--ink,#0b161d)}
.nx-tegel .wl img.raw{filter:none}

/* ---------- wat we bouwen ---------- */
.nx-modules{padding:clamp(72px,8vw,110px) 0}
.nx-modules .kop{max-width:56ch;margin-bottom:clamp(36px,4vw,54px)}
.nx-modules .kop h2{font-weight:400;letter-spacing:-.03em;line-height:1.14;font-size:clamp(2rem,3.4vw,2.8rem)}
.nx-modules .kop h2 b{font-weight:700}
.nx-modules .kop p{color:var(--muted,#63666b);margin-top:16px;font-size:1.06rem}
.nx-mgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.nx-mod{position:relative;overflow:hidden;background:var(--kalk);border-radius:18px;padding:30px 28px 28px}
.nx-mod::after{content:"";position:absolute;top:0;right:0;width:26px;height:26px;background:var(--terra);clip-path:polygon(0 0,100% 0,100% 100%)}
.nx-mod h3{font-size:1.12rem;font-weight:700;letter-spacing:-.01em;margin-bottom:8px}
.nx-mod p{color:var(--muted,#63666b);font-size:.95rem;line-height:1.55}

/* ---------- uitgelicht: volle breedte, donker ---------- */
.nx-uitgelicht{position:relative;overflow:hidden;background:var(--nacht);color:#fff;padding:clamp(80px,9vw,120px) 0}
.nx-uitgelicht::after{content:"";position:absolute;top:0;right:0;width:56px;height:56px;background:var(--terra);clip-path:polygon(0 0,100% 0,100% 100%)}
.nx-uitgelicht .kop{max-width:64ch;margin-bottom:clamp(40px,4.5vw,60px)}
.nx-uitgelicht h2{font-weight:400;letter-spacing:-.03em;line-height:1.16;font-size:clamp(1.9rem,3.1vw,2.6rem);color:#fff}
.nx-uitgelicht h2 b{font-weight:700;color:var(--terra)}
.nx-uitgelicht p{color:var(--leisteenL);margin-top:20px;line-height:1.7;font-size:1.06rem}
.nx-uitgelicht .nx-eyebrow{color:var(--terra)}
.nx-ukolommen{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:clamp(20px,2.5vw,36px);
  border-top:1px solid rgba(255,255,255,.18);padding-top:clamp(28px,3vw,40px)}
.nx-ukolom{position:relative;padding-left:26px;color:#fff;font-size:1rem;line-height:1.5}
.nx-ukolom::before{content:"";position:absolute;left:0;top:.42em;width:11px;height:11px;background:var(--terra);clip-path:polygon(0 0,100% 0,100% 100%)}

/* ---------- vlag- en kruislijsten ---------- */
.nx-vlaglijst,.nx-kruislijst{list-style:none;margin:0;padding:0}
.nx-vlaglijst li,.nx-kruislijst li{position:relative;padding-left:26px;margin-bottom:14px;line-height:1.5}
.nx-vlaglijst li::before{content:"";position:absolute;left:0;top:.42em;width:11px;height:11px;background:var(--terra);clip-path:polygon(0 0,100% 0,100% 100%)}
.nx-kruislijst li::before,.nx-kruislijst li::after{content:"";position:absolute;left:1px;top:.62em;width:10px;height:1.75px;background:currentColor;opacity:.45}
.nx-kruislijst li::before{transform:rotate(45deg)}
.nx-kruislijst li::after{transform:rotate(-45deg)}
.nx-vlaglijst a,.nx-kruislijst a{color:var(--terra6);text-decoration:underline;text-underline-offset:3px}

/* ---------- het probleem: genummerde lijst ---------- */
.nx-probleem{padding:clamp(80px,9vw,120px) 0;background:var(--kalk)}
.nx-probleem .kop{max-width:60ch;margin-bottom:clamp(36px,4vw,52px)}
.nx-probleem h2{font-weight:400;letter-spacing:-.03em;line-height:1.14;font-size:clamp(2rem,3.4vw,2.8rem)}
.nx-probleem h2 b{font-weight:700}
.nx-probleem .kop p{color:var(--muted,#63666b);margin-top:18px;font-size:1.08rem;line-height:1.6}
.nx-plijst{list-style:none;margin:0 0 clamp(36px,4vw,48px);padding:0;border-top:1px solid #e0e0dd}
.nx-plijst li{display:grid;grid-template-columns:96px 1fr;gap:clamp(16px,3vw,40px);
  padding:26px 0;border-bottom:1px solid #e0e0dd;align-items:baseline}
.nx-plijst .n{font-size:1.5rem;font-weight:700;color:var(--terra);letter-spacing:-.02em;line-height:1}
.nx-plijst h3{font-size:clamp(1.15rem,1.8vw,1.45rem);font-weight:700;letter-spacing:-.015em;line-height:1.3}
.nx-plijst p{color:var(--muted,#63666b);margin-top:6px;max-width:58ch;line-height:1.6}

/* ---------- onze aanpak: drie kolommen met bovenlijn ---------- */
.nx-aanpak{padding:clamp(80px,9vw,120px) 0}
.nx-aanpak .kop{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(32px,5vw,80px);
  align-items:end;margin-bottom:clamp(44px,5vw,64px)}
.nx-aanpak .kop>*{min-width:0}
.nx-aanpak h2{font-weight:400;letter-spacing:-.03em;line-height:1.14;font-size:clamp(2rem,3.4vw,2.8rem)}
.nx-aanpak h2 b{font-weight:700}
.nx-aanpak .kop p{color:var(--muted,#63666b);font-size:1.08rem;line-height:1.65}
.nx-akolommen{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,3vw,44px)}
.nx-akolom{border-top:2.5px solid var(--nacht);padding-top:22px}
.nx-akolom:first-child{border-top-color:var(--terra)}
.nx-akolom h3{font-size:1.2rem;font-weight:700;letter-spacing:-.01em;margin-bottom:10px}
.nx-akolom p{color:var(--muted,#63666b);line-height:1.6}

/* ---------- eerlijk advies: split donker/licht over de volle breedte ---------- */
.nx-split{display:grid;grid-template-columns:1fr 1fr}
.nx-split .sd{background:var(--nacht);color:#fff;padding:clamp(72px,8vw,110px) 60px clamp(72px,8vw,110px) 48px}
.nx-split .sd .inner{max-width:600px;margin-left:auto;padding-right:40px}
.nx-split .sl{background:var(--kalk);color:var(--ink,#0b161d);padding:clamp(72px,8vw,110px) 48px clamp(72px,8vw,110px) 60px}
.nx-split .sl .inner{max-width:600px;padding-left:40px}
.nx-split h2{font-weight:400;letter-spacing:-.03em;line-height:1.18;font-size:clamp(1.7rem,2.6vw,2.2rem);margin-bottom:28px}
.nx-split h2 b{font-weight:700}
.nx-split .sd h2{color:#fff}
.nx-split .sd .nx-eyebrow{color:var(--terra)}
.nx-split .sd li{color:rgba(255,255,255,.88)}
.nx-split .sl li{color:var(--muted,#63666b)}
.nx-split .btn-terra{margin-top:30px}
.nx-slotnoot{color:var(--muted,#63666b);font-size:.97rem;line-height:1.6;margin-top:26px;max-width:46ch}

/* ---------- werkwijze ---------- */
.nx-stap h4 .dur{background:#FBE9E1;color:var(--terra6)}

/* ---------- FAQ ---------- */
.nx-faq-sub{color:var(--muted,#63666b);margin-top:16px;max-width:36ch}
.nx-vraag .ant p a{color:var(--terra6);text-decoration:underline;text-underline-offset:3px}

/* ---------- slot: Nacht in plaats van oranje verloop ---------- */
.nx-paneel2{background:var(--nacht) !important}
.nx-paneel2::before{display:none !important}
.nx-paneel2::after{content:"";position:absolute;top:0;right:0;width:40px;height:40px;background:var(--terra);clip-path:polygon(0 0,100% 0,100% 100%)}
.nx-call{background:transparent;border:1.5px solid rgba(255,255,255,.28)}
.nx-call .ic{background:var(--nacht2)}
.nx-reas{color:var(--leisteenL)}

/* ---------- responsief ---------- */
@media (max-width:1100px){
  .nx-mgrid{grid-template-columns:1fr 1fr}
  .nx-uitgelicht .box{grid-template-columns:1fr;gap:28px}
}
@media (max-width:980px){
  .nx-aanpak .kop{grid-template-columns:1fr;gap:20px;align-items:start}
  .nx-akolommen{grid-template-columns:1fr}
  .nx-split{grid-template-columns:1fr}
  .nx-split .sd,.nx-split .sl{padding:64px 24px}
  .nx-split .sd .inner,.nx-split .sl .inner{max-width:none;margin:0;padding:0}
}
@media (max-width:860px){
  .nx-mgrid{grid-template-columns:1fr}
  .nx-plijst li{grid-template-columns:1fr;gap:6px}
  .nx-plijst .n{font-size:1.1rem}
  .nx-uitgelicht .box{border-radius:22px}
}
.nx-aanpak .kop p + p{margin-top:16px}

/* ---------- cases: drie gelijke kaarten in een slider ---------- */
.nx-cases{background:var(--kalk);padding:clamp(72px,8vw,110px) 0;border-radius:0}
.nx-cases .kop{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:clamp(36px,4vw,50px)}
.nx-cases-nav{display:flex;gap:10px}
.nx-cases-nav button{width:48px;height:48px;border-radius:50%;border:1px solid var(--line,#e7e7e4);background:#fff;font-size:1.1rem;cursor:pointer;transition:.2s;color:var(--ink,#0b161d)}
.nx-cases-nav button:hover{background:var(--terra);color:#fff;border-color:var(--terra)}
.nx-cases-vp{overflow:hidden}
.nx-cases-track{display:flex;gap:28px;align-items:flex-start;cursor:grab;transition:transform .45s cubic-bezier(.6,.05,.2,1)}
.nx-cases-track.dragging{cursor:grabbing}
.nx-mcase{flex:0 0 calc((100% - 56px)/3);text-decoration:none;color:var(--ink,#0b161d)}
.nx-mcase .ph{border-radius:18px;overflow:hidden;aspect-ratio:3/4;background:var(--nacht2);margin-bottom:18px}
.nx-mcase .ph img{width:100%;height:100%;object-fit:cover;transition:.5s}
.nx-mcase:hover .ph img{transform:scale(1.04)}
.nx-mcase h3{font-weight:600;font-size:1.2rem;margin-bottom:8px}
.nx-mcase p{color:var(--muted,#63666b);font-size:.98rem;line-height:1.5;margin-bottom:12px}
.nx-mcase .more{color:var(--terra6);font-weight:600;font-size:.95rem}
.nx-cases-meer{margin-top:clamp(32px,4vw,44px);display:flex;justify-content:center}

/* ---------- procesplaat ---------- */
.nx-flow{padding:0 0 clamp(72px,8vw,110px)}
.nx-flow .kop{max-width:60ch;margin-bottom:clamp(32px,4vw,46px)}
.nx-flow .kop h2{font-weight:400;letter-spacing:-.03em;line-height:1.14;font-size:clamp(1.9rem,3.1vw,2.6rem)}
.nx-flow .kop h2 b{font-weight:700}
.nx-flow .kop p{color:var(--muted,#63666b);margin-top:16px;font-size:1.06rem}
.nx-flow-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.nx-flow-steps li{position:relative;overflow:hidden;border-radius:16px;padding:26px 22px 22px;display:flex;flex-direction:column;min-height:210px}
.nx-flow-steps li .n{font-size:.85rem;font-weight:700;margin-bottom:14px}
.nx-flow-steps li h3{font-size:1.1rem;font-weight:700;line-height:1.3;margin-bottom:10px}
.nx-flow-steps li p{font-size:.93rem;line-height:1.55;flex:1}
.nx-flow-steps li .who{font-size:.78rem;font-weight:600;margin-top:16px}
.nx-flow-steps li.auto{background:var(--nacht);color:#fff}
.nx-flow-steps li.auto::after{content:"";position:absolute;top:0;right:0;width:28px;height:28px;background:var(--terra);clip-path:polygon(0 0,100% 0,100% 100%)}
.nx-flow-steps li.auto .n,.nx-flow-steps li.auto .who{color:var(--terra)}
.nx-flow-steps li.auto p{color:var(--leisteenL)}
.nx-flow-steps li.mens{background:#fff;border:1px solid var(--line,#e7e7e4)}
.nx-flow-steps li.mens .n,.nx-flow-steps li.mens .who,.nx-flow-steps li.mens p{color:var(--muted,#63666b)}

/* ---------- welke heb je nodig ---------- */
.nx-which{padding:clamp(72px,8vw,110px) 0;background:var(--kalk)}
.nx-which .kop{max-width:60ch;margin-bottom:clamp(30px,3.5vw,44px)}
.nx-which .kop h2{font-weight:400;letter-spacing:-.03em;line-height:1.14;font-size:clamp(1.9rem,3.1vw,2.6rem)}
.nx-which .kop h2 b{font-weight:700}
.nx-which .kop p{color:var(--muted,#63666b);margin-top:16px;font-size:1.06rem}
.nx-which-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media (max-width:1200px){.nx-which-grid{grid-template-columns:repeat(2,1fr)}}
.nx-which-card{position:relative;overflow:hidden;display:block;background:#fff;border:1px solid var(--line,#e7e7e4);border-radius:18px;padding:32px 30px;color:var(--ink,#0b161d);transition:border-color .2s}
.nx-which-card .tag{display:block;font-size:.82rem;font-weight:600;color:var(--terra6);margin-bottom:14px}
.nx-which-card h3{font-size:1.2rem;font-weight:700;margin-bottom:10px}
.nx-which-card p{color:var(--muted,#63666b);line-height:1.55}
a.nx-which-card:hover{border-color:var(--ink,#0b161d)}
.nx-which-card.cur{background:var(--nacht);border-color:var(--nacht);color:#fff}
.nx-which-card.cur::after{content:"";position:absolute;top:0;right:0;width:30px;height:30px;background:var(--terra);clip-path:polygon(0 0,100% 0,100% 100%)}
.nx-which-card.cur .tag{color:var(--terra)}
.nx-which-card.cur p{color:var(--leisteenL)}

/* ---------- compactere koppen op subpagina's ---------- */
.nx-hero h1{font-size:clamp(2.05rem,3.5vw,3rem);line-height:1.15}
.nx-chapter h2{font-size:clamp(1.8rem,3.1vw,2.7rem)}

/* ---------- ritme tussen de blokken ---------- */
.nx-aanpak{padding:clamp(72px,8vw,104px) 0 clamp(56px,6vw,76px)}
.nx-modules{padding:clamp(56px,6vw,76px) 0 clamp(72px,8vw,104px)}
.nx-logos{padding:clamp(56px,6vw,80px) 0 clamp(64px,7vw,96px)}

@media (max-width:1100px){
  .nx-flow-steps{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:980px){
  .nx-which-grid{grid-template-columns:1fr}
}
@media (max-width:860px){
  .nx-mcase{flex:0 0 78%}
  .nx-flow-steps{grid-template-columns:1fr 1fr}
  .nx-flow-steps li{min-height:0}
}
@media (max-width:560px){
  .nx-flow-steps{grid-template-columns:1fr}
  .nx-mcase{flex:0 0 86%}
}

/* ---------- hero: meer lucht ---------- */
.nx-hero .lead{margin:30px 0 40px;font-size:1.08rem;line-height:1.7}
.nx-hero .acts{gap:22px}
.nx-checks{margin-top:44px;gap:14px 32px}
.nx-marq{margin-top:clamp(72px,7vw,104px)}
.nx-hero .crumbs{padding:26px 0 34px}

/* ---------- cases: verspringend ritme ---------- */
.nx-mcase:nth-child(even){margin-top:48px}
@media (max-width:860px){.nx-mcase:nth-child(even){margin-top:0}}

/* ---------- ritme rond de scheiding ---------- */
.nx-aanpak{padding-bottom:clamp(72px,8vw,104px)}
.nx-modules{padding-top:clamp(72px,8vw,104px)}

/* ---------- wie je spreekt ---------- */
.nx-persoon{padding:0 0 clamp(72px,8vw,104px)}
.nx-pkaart{display:grid;grid-template-columns:auto 1fr;gap:clamp(24px,3vw,44px);align-items:start;
  background:var(--kalk);border-radius:22px;padding:clamp(32px,4vw,52px)}
.nx-pkaart .av{width:88px;height:88px;border-radius:50%;background:var(--nacht);color:#fff;
  display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.6rem;letter-spacing:.02em}
.nx-pkaart h2{font-weight:400;letter-spacing:-.02em;line-height:1.2;font-size:clamp(1.5rem,2.4vw,2rem);margin-bottom:14px}
.nx-pkaart h2 b{font-weight:700}
.nx-pkaart p{color:var(--muted,#63666b);line-height:1.65;max-width:60ch}
.nx-pkaart .acties{display:flex;flex-wrap:wrap;gap:14px 30px;margin-top:22px}
@media (max-width:640px){.nx-pkaart{grid-template-columns:1fr}}

/* ---------- volgorde: logo's (wit) daarna cases (kalk) ---------- */
.nx-logos{padding:clamp(64px,7vw,96px) 0 clamp(64px,7vw,96px);background:#fff}
.nx-which{background:#fff}
.nx-which-card{background:var(--kalk);border-color:transparent}
a.nx-which-card:hover{border-color:var(--ink,#0b161d)}

/* =====================================================================
   CASE-PAGINA'S
   ===================================================================== */
.cs-hero .grid{align-items:center;gap:clamp(32px,4vw,64px)}
.cs-beeld{border-radius:22px;overflow:hidden;aspect-ratio:4/3;background:var(--nacht2)}
.cs-beeld img{width:100%;height:100%;object-fit:cover;display:block}
.cs-meta{border-top:1px solid var(--line,#e7e7e4);border-bottom:1px solid var(--line,#e7e7e4);margin-top:clamp(56px,6vw,84px)}
.cs-meta .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(20px,3vw,44px);padding-top:28px;padding-bottom:28px}
.cs-meta-item .lbl{display:block;font-size:.76rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted2,#9a9a9e);margin-bottom:8px}
.cs-meta-item .val{font-weight:600;font-size:1.02rem;line-height:1.4;color:var(--ink,#0b161d)}
.nx-unoot{margin-top:clamp(32px,4vw,44px);color:var(--leisteenL);font-size:.95rem;line-height:1.6;max-width:70ch;
  border-left:3px solid var(--terra);padding-left:20px}
@media (max-width:860px){
  .cs-meta .wrap{grid-template-columns:1fr 1fr;gap:22px}
  .cs-beeld{aspect-ratio:16/10}
}
@media (max-width:560px){.cs-meta .wrap{grid-template-columns:1fr}}
.cs-aanpak .kop{align-items:start}
.cs-aanpak .kop p + p{margin-top:16px}

/* ---------- case: wat we bouwden op kalk ---------- */
.cs-modules{background:var(--kalk)}
.cs-modules .nx-mod{background:#fff}

/* ---------- case: uitgelicht stappenproces ---------- */
.cs-stappen{padding:clamp(72px,8vw,110px) 0}
.cs-stappen .kop{max-width:62ch;margin-bottom:clamp(36px,4vw,52px)}
.cs-stappen h2{font-weight:400;letter-spacing:-.03em;line-height:1.14;font-size:clamp(1.9rem,3.1vw,2.6rem)}
.cs-stappen h2 b{font-weight:700}
.cs-stappen .kop p{color:var(--muted,#63666b);margin-top:16px;font-size:1.06rem;line-height:1.65}
.cs-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.cs-steps li{position:relative;border-top:2.5px solid var(--line,#e7e7e4);padding:20px 12px 0 0}
.cs-steps li:first-child{border-top-color:var(--terra)}
.cs-steps .n{display:block;font-size:.85rem;font-weight:700;color:var(--terra);margin-bottom:12px}
.cs-steps h3{font-size:1.05rem;font-weight:700;line-height:1.3;margin-bottom:8px;letter-spacing:-.01em}
.cs-steps p{color:var(--muted,#63666b);font-size:.93rem;line-height:1.55}
.cs-stapnoot{margin-top:clamp(28px,3vw,40px);color:var(--muted,#63666b);font-size:.97rem;line-height:1.6;max-width:70ch;
  border-left:3px solid var(--terra);padding-left:20px}
@media (max-width:1100px){.cs-steps{grid-template-columns:repeat(3,1fr)}}
@media (max-width:760px){.cs-steps{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.cs-steps{grid-template-columns:1fr}}

/* ---------- procescheck-blok: meer lucht aan de bovenkant ---------- */
.nx-slot{padding-top:clamp(80px,9vw,120px)}

/* ---- Case-overzicht ---- */
.cs-ohero{padding-bottom:clamp(40px,5vw,64px)}
.cs-ohero .wrap>.nx-rv{max-width:820px}
.cs-ohero h1{margin:14px 0 20px}
.cs-list{padding:clamp(20px,3vw,40px) 0 clamp(72px,8vw,110px)}
.cs-logos{background:var(--kalk);padding:clamp(72px,8vw,110px) 0}
.cs-logos-head{max-width:760px;margin:0 auto clamp(32px,4vw,48px);text-align:center}
.cs-logos-head h2{margin:14px 0 14px}

/* 404 */
.e404{padding-bottom:clamp(40px,5vw,70px)}
.e404 .wrap>.nx-rv{max-width:760px}
.e404 h1{margin:14px 0 18px}
.nx-mod[href]{text-decoration:none;transition:transform .2s,border-color .2s}
.nx-mod[href]:hover{transform:translateY(-3px)}

/* ---------------------------------------------------------------
   Over ons: uitlijning en witruimte
   --------------------------------------------------------------- */

/* Verhaalblok: titel en tekst beginnen op dezelfde hoogte */
.ov-verhaal .kop{align-items:start}

/* Hoe we naar AI kijken: tekst en lijst naast elkaar, met lucht ertussen */
.nx-uitgelicht .box{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(36px,5vw,72px);align-items:start}
.nx-uitgelicht .box .nx-vlaglijst{margin-top:6px}
.nx-uitgelicht .box .nx-vlaglijst li{color:var(--leisteenL,#c9ccd1);margin-bottom:18px;font-size:1.04rem}
.nx-uitgelicht .box .nx-vlaglijst li:last-child{margin-bottom:0}
@media(max-width:860px){
  .nx-uitgelicht .box{grid-template-columns:1fr;gap:34px}
}

/* Wie je spreekt sluit strakker aan op het blok eronder */
.nx-persoon{padding-bottom:clamp(28px,3vw,40px)}
.nx-persoon + .nx-modules{padding-top:clamp(48px,5vw,68px)}

/* Logostrip: label dichter op de logo's, meer ruimte eronder */
.nx-logos .lbl{margin-bottom:10px}
.nx-logos .logo-carousel{margin-top:22px;padding-bottom:0}

/* Kernbelofte onder de hero-tekst */
.nx-belofte{margin:-18px 0 34px;max-width:34rem;font-size:1.12rem;font-weight:600;line-height:1.5;color:var(--ink,#0b161d);
  border-left:3px solid var(--terra);padding-left:18px}
@media(max-width:700px){.nx-belofte{font-size:1.05rem;margin:-10px 0 28px}}
/* Foto in 'Wie je spreekt' */
.nx-pkaart .av.av-foto{width:120px;height:120px;padding:0;overflow:hidden;background:none}
.nx-pkaart .av.av-foto img{width:100%;height:100%;object-fit:cover;display:block}
.nx-akolommen.nx-ak4{grid-template-columns:repeat(4,1fr)}
@media (max-width:1100px){.nx-akolommen.nx-ak4{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.nx-akolommen.nx-ak4{grid-template-columns:1fr}}
/* Procesplaat: automatische stappen lichtgrijs in plaats van donker */
.nx-flow-steps li.auto{background:#eeeeeb;color:var(--nacht)}
.nx-flow-steps li.auto p{color:var(--muted,#63666b)}
.nx-flow-steps li.auto .n,.nx-flow-steps li.auto .who{color:var(--terra-d,#c84e1f)}
.nx-ukolom b{display:block;margin-bottom:4px;font-size:1.1rem}
.nx-uitgelicht-na{margin-top:48px;padding:28px 32px;border:1px solid rgba(255,255,255,.18);border-radius:16px;max-width:760px}
.nx-uitgelicht-na h3{margin:0 0 8px;color:#fff;font-size:1.2rem}
.nx-uitgelicht-na p{margin:0;color:rgba(255,255,255,.75);line-height:1.6}