/* Voorstel 'stijlkaart' (concept 27-10-2026) — laag bovenop montelbaan-huisstijl-v1.css.
   Alleen locked tokens (--pf-*). Volgt stijlkaarten/00 + 04 en templates/social-post-1200x627 (tekst links, beeld rechts). */
.sk .section-vlak{background:var(--pf-mist-wit)}
/* Split hero: links mist met tekst, rechts de zeiler volledig zichtbaar */
.sk-hero{display:grid;grid-template-columns:1fr;background:var(--pf-mist);border-bottom:var(--pf-lijn)}
.sk-hero-foto{position:relative;order:-1;aspect-ratio:3/2;overflow:hidden}
.sk-hero-foto img{width:100%;height:100%;object-fit:cover;object-position:30% 50%;filter:saturate(.85)}
.sk-hero-foto::after{content:"";position:absolute;inset:auto 0 0 0;height:22%;background:linear-gradient(to bottom,rgba(230,235,233,0),var(--pf-mist))}
.sk-hero-tekst{padding:var(--pf-space-6) var(--pf-space-5) var(--pf-space-8)}
.sk-hero-tekst h1{font-size:clamp(32px,6vw,var(--pf-fs-display));max-width:14ch}
@media(min-width:900px){
 .sk-hero{grid-template-columns:1fr 1fr;min-height:560px}
 .sk-hero-foto{order:0;aspect-ratio:auto}
 .sk-hero-foto img{position:absolute;inset:0;object-position:22% 45%}
 .sk-hero-foto::after{inset:0 auto 0 0;width:28%;height:auto;background:linear-gradient(to right,var(--pf-mist),rgba(230,235,233,0))}
 .sk-hero-tekst{display:flex;flex-direction:column;justify-content:center;padding:var(--pf-space-9) var(--pf-space-7) var(--pf-space-9) max(var(--pf-space-7),calc((100vw - 1160px)/2 + var(--pf-space-7)))}
}
/* 8 dienstkaarten als stijlkaart */
.sk-grid{list-style:none;margin:0;padding:0;display:grid;gap:var(--pf-space-5);grid-template-columns:1fr}
@media(min-width:760px){.sk-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1200px){.sk-grid{grid-template-columns:repeat(4,1fr)}}
.sk-kaart{background:var(--pf-wit);border:1px solid var(--pf-glas);border-radius:var(--pf-radius-m);display:flex;flex-direction:column;overflow:hidden}
.sk-beeld{background:var(--pf-mist-wit);border-bottom:1px solid var(--pf-glas);display:flex;justify-content:center;align-items:center;padding:var(--pf-space-4)}
.sk-beeld img{height:170px;width:auto}
.sk-body{padding:var(--pf-space-5);display:flex;flex-direction:column;gap:var(--pf-space-3);flex:1}
.sk-kop{display:flex;justify-content:space-between;align-items:center;gap:var(--pf-space-3)}
.sk-kop .label{margin:0}
.sk-icoon{width:36px;height:36px}
.sk-body h3{margin:0;font-size:var(--pf-fs-h3)}
.sk-body p{margin:0;font-size:var(--pf-fs-klein);line-height:var(--pf-lh-klein);color:var(--pf-nevel)}
.sk-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.sk-chips li{background:var(--pf-lichtgolf);color:var(--pf-ink);font-size:var(--pf-fs-caption);line-height:1.3;padding:4px 10px;border-radius:var(--pf-radius-pil)}
.sk-meer{margin-top:auto;padding-top:var(--pf-space-2);font-weight:600;font-size:var(--pf-fs-klein);color:var(--pf-diep-teal)}
.sk-meer::after{content:" →"}
/* v6: foto loopt diagonaal achter het motief: stijl (mist) linksboven, foto zichtbaar rechtsonder */
.sk-beeld-foto{position:relative;display:flex;justify-content:flex-start;align-items:center;padding:var(--pf-space-4) var(--pf-space-4);min-height:210px;background:var(--foto) center/cover no-repeat;isolation:isolate}
.sk-beeld-foto::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(135deg,var(--pf-mist-wit) 0%,var(--pf-mist-wit) 30%,rgba(243,248,246,.72) 52%,rgba(243,248,246,.15) 78%,rgba(243,248,246,0) 100%)}
.sk-beeld-foto>img{height:170px;width:auto;position:relative;z-index:1}

/* ===== v7 (27-10): tijdloos, citaat+CyMon, verkenningsband, dienstpagina's ===== */
.hero-actions{display:flex;flex-wrap:wrap;gap:var(--pf-space-3)}
.sk-groot{font-size:clamp(34px,6vw,var(--pf-fs-display));line-height:var(--pf-lh-display);letter-spacing:var(--pf-tr-display);margin:var(--pf-space-4) 0 0}
.sk-lijn{width:96px;margin:var(--pf-space-6) 0}
.sk-tijd-grid{display:grid;gap:var(--pf-space-7);grid-template-columns:1fr}
@media(min-width:900px){.sk-tijd-grid{grid-template-columns:1.1fr .9fr;gap:var(--pf-space-8)}}
.sk-groep h3{font-size:var(--pf-fs-h3);margin:0 0 var(--pf-space-4)}
.sk-groep+.sk-groep{margin-top:var(--pf-space-5);padding-top:var(--pf-space-5);border-top:1px solid var(--pf-glas)}
.sk-chips-groot li{font-size:var(--pf-fs-klein);padding:8px 16px;font-weight:500}
.sk-chips-groot b{font-weight:600;color:var(--pf-diep-teal)}
.sk-citaat{position:relative;overflow:hidden;padding:var(--pf-space-6)}
@media(min-width:900px){.sk-citaat{padding:var(--pf-space-8)}}
.sk-citaat::before{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--pf-lichtlijn)}
.sk-citaat blockquote{margin:var(--pf-space-5) 0 var(--pf-space-5);font:600 clamp(24px,3.6vw,34px)/1.2 var(--pf-font-display);letter-spacing:-.03em;max-width:860px}
.sk-citaat cite{display:block;font-style:normal;font-size:var(--pf-fs-klein);color:var(--pf-nevel);margin-bottom:var(--pf-space-7)}
.sk-citaat cite b{color:var(--pf-ink);font-weight:600}
.sk-cta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--pf-space-5);padding-top:var(--pf-space-6);border-top:1px solid var(--pf-glas)}
.sk-cta p{margin:0;font-size:var(--pf-fs-intro);line-height:var(--pf-lh-intro);max-width:560px}
.sk-band{background:var(--pf-lichtgolf);padding:var(--pf-space-8) 0}
.sk-band-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--pf-space-5)}
.sk-band h2{margin:0 0 var(--pf-space-3)}
.sk-band p{margin:0;max-width:620px}
/* dienstpagina kop-hero: stijl links, foto loopt diagonaal uit naar rechts */
.skd-hero{position:relative;background:var(--pf-mist-wit);border-bottom:1px solid var(--pf-glas);isolation:isolate}
.skd-hero-foto{background:var(--foto) right center/cover no-repeat}
.skd-hero-foto::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,var(--pf-mist-wit) 0%,var(--pf-mist-wit) 62%,rgba(243,248,246,.6) 80%,rgba(243,248,246,.1) 100%)}
@media(min-width:900px){.skd-hero-foto::before{background:linear-gradient(105deg,var(--pf-mist-wit) 0%,var(--pf-mist-wit) 48%,rgba(243,248,246,.72) 62%,rgba(243,248,246,.15) 82%,rgba(243,248,246,0) 100%)}}
.skd-hero-in{display:grid;gap:var(--pf-space-6);padding-top:var(--pf-space-7);padding-bottom:var(--pf-space-8)}
@media(min-width:900px){.skd-hero-in{grid-template-columns:1.2fr .8fr;align-items:center;padding-top:var(--pf-space-9);padding-bottom:var(--pf-space-9)}}
.skd-hero-tekst h1{font-size:clamp(32px,5vw,var(--pf-fs-h1));margin:var(--pf-space-3) 0 var(--pf-space-4)}
.skd-hero-tekst .pf-intro{max-width:56ch}
.skd-hero-motief{display:flex;align-items:flex-end;gap:var(--pf-space-3)}
.skd-hero-motief img:first-child{height:220px;width:auto}
@media(max-width:899px){.skd-hero-motief img:first-child{height:150px}}
.skd-grid{display:grid;gap:var(--pf-space-5);grid-template-columns:1fr}
@media(min-width:900px){.skd-grid{grid-template-columns:1.2fr .8fr}}
.skd-blok h2{font-size:var(--pf-fs-h2);margin:0 0 var(--pf-space-3)}
.skd-lijst{margin:0;padding-left:1.1em}
.skd-lijst li{margin-bottom:var(--pf-space-3);color:var(--pf-ink)}
.skd-blok .sk-body p{color:var(--pf-ink);font-size:var(--pf-fs-body);line-height:var(--pf-lh-body)}
.sk-pager{display:grid;grid-template-columns:1fr 1fr;gap:var(--pf-space-4);padding:var(--pf-space-4) 0 var(--pf-space-8)}
.sk-pager a{display:flex;flex-direction:column;gap:4px;padding:var(--pf-space-5);background:var(--pf-wit);border:1px solid var(--pf-glas);border-radius:var(--pf-radius-m);text-decoration:none;font-size:var(--pf-fs-klein);font-weight:600;color:var(--pf-diep-teal)}
.sk-pager-next{text-align:right}
.sk-pager-t{font:600 var(--pf-fs-h3) var(--pf-font-display);color:var(--pf-ink)}

/* v8: projecten als vierkante tegels in de stijl van de dienstkaarten */
.sk-tegels-kop{font-size:var(--pf-fs-h3);margin:var(--pf-space-7) 0 var(--pf-space-4)}
.sk-tegels{list-style:none;margin:0;padding:0;display:grid;gap:var(--pf-space-4);grid-template-columns:repeat(2,1fr)}
@media(min-width:760px){.sk-tegels{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1100px){.sk-tegels{grid-template-columns:repeat(5,1fr)}}
.sk-tegel{background:var(--pf-wit);border:1px solid var(--pf-glas);border-radius:var(--pf-radius-m);overflow:hidden;display:flex;flex-direction:column;aspect-ratio:1/1}
.sk-tegel-beeld{background:var(--pf-mist-wit);border-bottom:1px solid var(--pf-glas);display:flex;justify-content:center;align-items:center;height:42%}
.sk-tegel-beeld img{height:78%;width:auto}
.sk-tegel-tekst{padding:var(--pf-space-4);display:flex;flex-direction:column;gap:var(--pf-space-2);flex:1;justify-content:center}
.sk-tegel-kort{font:600 var(--pf-fs-h3)/1.1 var(--pf-font-display);letter-spacing:-.02em;color:var(--pf-diep-teal)}
.sk-tegel-naam{font-size:var(--pf-fs-klein);line-height:var(--pf-lh-klein);color:var(--pf-ink)}
.sk-tegel-zonder .sk-tegel-naam{font:600 var(--pf-fs-body)/1.25 var(--pf-font-display);color:var(--pf-diep-teal)}
/* v9: adviseurs */
@media(min-width:1200px){.sk-grid-3{grid-template-columns:repeat(3,1fr)}}
.fp-foto{padding:0}.fp-foto img{height:auto;width:100%;aspect-ratio:4/3;object-fit:cover}
.sk-body p{margin:0}

/* v10: motief links boven in het mistvlak, niet midden in de foto */
.sk-beeld{justify-content:flex-start;align-items:flex-start}
.sk-beeld img{height:96px}
.sk-beeld-foto{align-items:flex-start;min-height:200px}
.sk-beeld-foto>img{height:96px}
.skd-hero-in{grid-template-columns:1fr}
@media(min-width:900px){.skd-hero-in{grid-template-columns:1.2fr .8fr;align-items:center}}
.skd-hero-motief{display:block;margin:0 0 var(--pf-space-4)}
.skd-hero-motief img:first-child{height:88px;width:auto}
@media(max-width:899px){.skd-hero-motief img:first-child{height:72px}}
.skd-label{display:flex;align-items:center;gap:var(--pf-space-2);margin:0}
.skd-label .sk-icoon{width:28px;height:28px}
.skd-label .label{margin:0}
.sk-kop{justify-content:flex-start}

/* v12: Adviseurs (Huisstijl-voorbeeld): initialenavatar met lichtlijn-boog, geen foto's */
.adv-grid{display:grid;gap:var(--pf-space-5);grid-template-columns:1fr}
@media(min-width:700px){.adv-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1100px){.adv-grid{grid-template-columns:repeat(4,1fr)}}
.adv-kaart{background:var(--pf-wit);border:1px solid var(--pf-glas);border-radius:var(--pf-radius-m);padding:var(--pf-space-5);display:flex;flex-direction:column}
.adv-av{width:72px;height:72px;border-radius:50%;background:var(--pf-mist);border:1px solid var(--pf-glas);display:grid;place-items:center;font:600 24px var(--pf-font-display);letter-spacing:-.03em;position:relative;margin-bottom:var(--pf-space-4)}
.adv-av::after{content:"";position:absolute;inset:-1px;border-radius:50%;border:3px solid transparent;border-top-color:var(--pf-lichtlijn);border-right-color:var(--pf-lichtlijn);transform:rotate(-20deg)}
.adv-kaart h3{margin:0 0 4px;font-size:var(--pf-fs-h3)}
.adv-rol{margin:0 0 var(--pf-space-4);color:var(--pf-nevel);font-size:var(--pf-fs-klein)}
.adv-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}
.adv-chips .chip{background:var(--pf-lichtgolf);color:var(--pf-ink);border-radius:var(--pf-radius-pil);padding:4px 12px;font-size:var(--pf-fs-caption);font-weight:500;text-decoration:none}
.adv-chips a.chip:hover{background:var(--pf-diep-teal);color:var(--pf-wit)}
.adv-chips .chip.n{background:var(--pf-mist)}
.adv-li{display:inline-flex;align-items:center;gap:8px;margin-top:var(--pf-space-4);padding-top:var(--pf-space-3);border-top:1px solid var(--pf-mist);font-weight:600;font-size:var(--pf-fs-klein);color:var(--pf-diep-teal);text-decoration:none}
.adv-li:hover{text-decoration:underline}
.adv-voet{margin-top:var(--pf-space-7);display:flex;flex-wrap:wrap;align-items:center;gap:var(--pf-space-5)}
.adv-voet p{margin:0;font-size:var(--pf-fs-intro);line-height:var(--pf-lh-intro);max-width:560px}

/* v13: tagwolk bij de diensten */
.tw-intro{max-width:640px;margin:0 0 var(--pf-space-6)}
.tw-layout{display:grid;gap:var(--pf-space-6);grid-template-columns:1fr;align-items:start}
@media(min-width:1000px){.tw-layout{grid-template-columns:300px 1fr;gap:var(--pf-space-7)}}
.tw-wolk{background:var(--pf-glas-paneel);border:1px solid var(--pf-glas);border-radius:var(--pf-radius-m);padding:var(--pf-space-5)}
@media(min-width:1000px){.tw-wolk{position:sticky;top:24px}}
.tw-wolk h2{font-size:var(--pf-fs-h3);margin:6px 0 4px}
.tw-wolk p{font-size:var(--pf-fs-caption);color:var(--pf-nevel);margin:0 0 var(--pf-space-4);line-height:1.45}
.tw-tags{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.tw-tag,.tw-chip{font:inherit;border:1px solid transparent;cursor:pointer;background:var(--pf-lichtgolf);color:var(--pf-ink);border-radius:var(--pf-radius-pil);padding:4px 12px;font-size:13px;font-weight:500;transition:.15s}
.tw-tag:hover,.tw-chip:hover{border-color:var(--pf-diep-teal)}
.tw-tag.tw-m{font-size:15px;padding:6px 14px}.tw-tag.tw-l{font-size:18px;padding:8px 18px;font-weight:600}
.tw-tag.aan,.tw-chip.aan{background:var(--pf-diep-teal);color:var(--pf-wit)}
.tw-tag:focus-visible,.tw-chip:focus-visible{outline:3px solid var(--pf-lichtlijn);outline-offset:2px}
.tw-chip{font-size:var(--pf-fs-caption);padding:4px 10px}
.tw-reset{font:inherit;background:none;border:0;color:var(--pf-diep-teal);font-weight:600;font-size:14px;cursor:pointer;margin-top:var(--pf-space-4);padding:0}
.tw-status{font-size:var(--pf-fs-klein);color:var(--pf-nevel);margin:0 0 var(--pf-space-4);min-height:24px}
.tw-grid{grid-template-columns:1fr}
@media(min-width:760px){.tw-grid{grid-template-columns:repeat(2,1fr)}}
.sk-kaart{transition:opacity .2s}
.sk-kaart.tw-uit{opacity:.28;filter:grayscale(.6)}
/* v14: tagwolk bij de adviseurs */
.tw-layout .adv-grid{grid-template-columns:1fr}
@media(min-width:700px){.tw-layout .adv-grid{grid-template-columns:repeat(2,1fr)}}
.adv-kaart{transition:opacity .2s}
.adv-kaart.tw-uit{opacity:.28;filter:grayscale(.6)}
.adv-chips button.chip{font:inherit;font-size:var(--pf-fs-caption);font-weight:500;cursor:pointer;border:1px solid transparent}
.adv-chips .chip.aan{background:var(--pf-diep-teal);color:var(--pf-wit)}
.adv-voet{margin-top:var(--pf-space-7)}
/* v15: labels onder de adviseurs niet zichtbaar; ze blijven in de HTML als bron voor de tagwolk */
.tw-layout .adv-chips{display:none}
/* v16: founders bovenaan */
.adv-founder{display:inline-block;align-self:flex-start;margin:0 0 6px;padding:2px 10px;border-radius:var(--pf-radius-pil);background:var(--pf-diep-teal);color:var(--pf-wit);font-size:var(--pf-fs-caption);font-weight:600}

/* v26: tags onder dienstkaarten niet zichtbaar; wolk blijft werken */
.tw-grid .sk-kaart .sk-chips{display:none}

/* v27: adviseurs-constellatie (Huisstijl-ontwerp) */
.cst-podium{position:relative;background:radial-gradient(ellipse at 50% 38%,#10209a 0%,#0a1260 38%,#050824 78%,#03051a 100%);border-radius:16px;height:860px;overflow:hidden;margin:0 0 8px}
.cst-podium svg{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.cst-hint{position:absolute;left:24px;bottom:18px;margin:0;font-size:13px;color:#9fb0ff}
.cst-reset{position:absolute;right:20px;top:20px;z-index:5;font:600 15px Inter,system-ui,sans-serif;background:transparent;color:#70f8f8;border:1px solid rgba(112,248,248,.45);border-radius:999px;padding:8px 16px;cursor:pointer}
.cst-reset:hover,.cst-reset:focus-visible{border-color:#70f8f8;outline:none;color:#fff}
.cst-tag{position:absolute;z-index:2;left:0;top:0;font:500 13px/1 Inter,system-ui,sans-serif;white-space:nowrap;padding:6px 11px;border-radius:999px;border:1px solid rgba(112,248,248,.30);background:rgba(112,248,248,.07);color:#d6fdfd;cursor:pointer;transition:opacity .35s,background .35s,color .35s,border-color .35s,box-shadow .35s;will-change:transform}
.cst-tag:focus-visible{outline:2px solid #70f8f8;outline-offset:2px}
.cst-tag.lit{color:#050824;background:#70f8f8;border-color:#70f8f8;box-shadow:0 0 22px rgba(112,248,248,.65)}
.cst-tag.sel{color:#1c2cf8;background:#fff;border-color:#fff;box-shadow:0 0 0 3px rgba(112,248,248,.8),0 0 28px rgba(112,248,248,.6)}
.cst-tag.dim{opacity:.22}
.cst-adv{position:absolute;width:210px;margin-left:-105px;text-align:center;cursor:pointer;background:none;border:0;padding:0;color:inherit;font:inherit;z-index:3}
.cst-node{width:96px;height:96px;margin:0 auto 10px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.72);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 0 0 2px #70f8f8,0 0 0 9px rgba(28,44,248,.38),0 0 26px rgba(112,248,248,.25);font:600 30px 'Space Grotesk',system-ui,sans-serif;color:#1c2cf8;letter-spacing:-.02em;transition:box-shadow .35s,transform .35s,opacity .35s}
.cst-nm{display:block;font:600 15px Inter,system-ui,sans-serif;color:#fff}
.cst-rl{display:block;font-size:13px;color:#b9c4ff;line-height:1.35}
.cst-adv.lit .cst-node{box-shadow:0 0 0 2px #70f8f8,0 0 0 12px rgba(112,248,248,.25),0 0 48px rgba(112,248,248,.7);transform:scale(1.06)}
.cst-adv.dim{opacity:.3}
.cst-adv:focus-visible{outline:none}.cst-adv:focus-visible .cst-node{box-shadow:0 0 0 3px #fff,0 0 0 9px rgba(112,248,248,.4)}
.cst-res{margin-top:28px}.cst-res h2{margin:0 0 6px}.cst-sub{color:#58625f;font-size:15px;margin:0 0 18px;min-height:1.2em}
.cst-res .adv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px}
.cst-mob{display:none}
@media (max-width:760px){.cst-podium{display:none}.cst-mob{display:block}
.cst-mbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:15px;color:#58625f}
.cst-mbar button{font:600 15px Inter,system-ui,sans-serif;background:none;border:0;color:#00625a;padding:4px 0;cursor:pointer}
.cst-mtags{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 18px}
.cst-mtags button{font:500 13px Inter,system-ui,sans-serif;padding:6px 11px;border-radius:999px;border:1px solid #cedad8;background:#fff;color:#58625f;cursor:pointer}
.cst-mtags button[aria-pressed=true]{background:#00625a;color:#fff;border-color:#00625a}}
@media (prefers-reduced-motion:reduce){.cst-tag,.cst-node{transition:none}}

/* v29: dienstkaart AI-governance met neon-dobbelsteen (huisstijl voorop, steen klein ernaast) */
.sk-beeld-dice{position:relative;display:flex;justify-content:flex-start;align-items:flex-start;min-height:200px;padding:var(--pf-space-4);background:var(--pf-mist-wit)}
.sk-beeld-dice>img{height:96px;width:auto;position:relative;z-index:1}
.sk-beeld-dice::after{content:"";position:absolute;right:var(--pf-space-4);bottom:var(--pf-space-4);width:130px;height:130px;background:var(--dice) center/contain no-repeat}

/* v30: AI-governance-pagina met neon-dobbelsteen, klein naast de tekst */
.skd-hero-dice{display:flex;justify-content:flex-start}
.skd-hero-dice img{width:200px;height:auto}
@media(min-width:900px){.skd-hero-dice{justify-content:center}.skd-hero-dice img{width:260px}}

/* v31: vorige/volgende dienst subtiel: smalle tekstregel, boven en onder */
.sk-pager{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--pf-space-4);padding:var(--pf-space-3) 0}
.sk-pager a{display:inline;padding:6px 0;background:none;border:0;border-radius:0;font-size:var(--pf-fs-klein);font-weight:500;color:var(--pf-nevel);text-decoration:none}
.sk-pager a:hover,.sk-pager a:focus-visible{color:var(--pf-diep-teal);text-decoration:underline;text-underline-offset:3px}
.sk-pager .sk-pg-prev{justify-self:start}.sk-pager .sk-pg-next{justify-self:end;text-align:right}
.sk-pager .sk-pg-all{justify-self:center;font-size:var(--pf-fs-caption);letter-spacing:.04em;text-transform:uppercase}
.sk-pager-top{background:var(--pf-wit);border-bottom:1px solid var(--pf-mist)}
.wrap>.sk-pager:last-child{border-top:1px solid var(--pf-mist);margin-top:var(--pf-space-6);padding-bottom:var(--pf-space-7)}
@media(max-width:640px){.sk-pager{grid-template-columns:1fr 1fr}.sk-pager .sk-pg-all{display:none}.sk-pager a{font-size:14px}}
.sk-pager-top .sk-pager{border-top:0;margin-top:0;padding:var(--pf-space-2) 0}

/* v32: dienstblok 3x3 (lichtgevende dobbelsteenstijl) in de hero van /diensten/*; de neon-kleuren gelden bewust alleen voor dit blok */
.dblok{position:relative;border-radius:20px;padding:24px;background:radial-gradient(ellipse at 50% 38%,#10209a 0%,#0a1260 40%,#050824 85%);overflow:hidden;width:100%;max-width:440px;justify-self:center}
.dblok h2{margin:0 0 14px;font:600 12px Inter,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#b9c4ff}
.kubus{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.kubus li{display:flex;aspect-ratio:1/1;min-width:0}
.kubus a{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:10px;border-radius:16px;text-decoration:none;color:#e8fefe;background:linear-gradient(145deg,rgba(112,248,248,.22),rgba(28,44,248,.30) 55%,rgba(5,8,36,.5));border:1px solid rgba(112,248,248,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -14px 22px rgba(28,44,248,.25),0 0 14px rgba(112,248,248,.18);transition:transform .25s,box-shadow .25s,background .25s;overflow-wrap:anywhere}
.kubus a:hover,.kubus a:focus-visible{outline:none;transform:scale(1.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 0 28px rgba(112,248,248,.75),0 0 0 2px #70f8f8;background:linear-gradient(145deg,rgba(112,248,248,.5),rgba(28,44,248,.4) 60%,rgba(5,8,36,.5))}
.kubus .nr{font:600 28px/1 'Space Grotesk',system-ui,sans-serif;letter-spacing:-.03em;color:#70f8f8;text-shadow:0 0 14px rgba(112,248,248,.7)}
.kubus .nm{font:600 12.5px/1.25 Inter,system-ui,sans-serif}
.kubus a[aria-current=page]{background:#70f8f8;color:#050824;box-shadow:0 0 30px rgba(112,248,248,.8)}
.kubus a[aria-current=page] .nr{color:#1c2cf8;text-shadow:none}
.kubus .home a{align-items:center;justify-content:center;text-align:center;gap:4px}
.kubus .home img{width:56%;height:auto;filter:drop-shadow(0 0 10px rgba(112,248,248,.6))}
.kubus .home .nm{color:#fff}
.skd-hero-dobbel{height:96px;width:auto}
@media(max-width:760px){.kubus .nm{font-size:11.5px}.kubus .nr{font-size:22px}.dblok{padding:16px}}
@media(prefers-reduced-motion:reduce){.kubus a{transition:none}}

/* v37: banner /diensten/ met 3D-glaskubus (Huisstijl banner v5), scoped onder .rbh */
.rbh{--rx:-22deg;--ry:-30deg;--mist:#e6ebe9;--nevel:#58625f;--teal:#00625a;--licht:#00a99d;--nblauw:#1c2cf8;--ncyaan:#70f8f8;--nnacht:#050824;--S:340px;color:#333}
.rbh *{box-sizing:border-box}
.rbh .rb-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.rbh .rb-hero{display:grid;grid-template-columns:1fr;background:var(--mist);border-bottom:1px solid #cedad8;position:relative}
.rbh .rb-tekst{padding:56px 24px 40px;display:flex;flex-direction:column;justify-content:center}
.rbh .rb-lichtlijn{width:52px;height:2px;background:var(--licht);margin-bottom:22px}
.rbh .rb-label{font:600 12px Inter,system-ui;letter-spacing:.06em;text-transform:uppercase;color:var(--teal);margin:0 0 10px}
.rbh .rb-h1{font:600 clamp(40px,6vw,64px)/1.05 'Space Grotesk',system-ui;letter-spacing:-.035em;margin:0 0 18px}
.rbh .rb-intro{font-size:20px;color:var(--nevel);max-width:30ch;margin:0}
.rbh .rb-podium{position:relative;min-height:560px;background:radial-gradient(ellipse at 55% 45%,#10209a 0%,#0a1260 40%,#050824 85%);display:grid;place-items:center;overflow:hidden;order:2}
.rbh .rb-podium::after{content:"";position:absolute;inset:0 auto 0 0;width:26%;background:linear-gradient(to right,var(--mist),rgba(230,235,233,0));pointer-events:none}
@media(max-width:899px){.rbh .rb-podium::after{inset:0 0 auto 0;width:auto;height:18%;background:linear-gradient(to bottom,var(--mist),rgba(230,235,233,0))}
}
@media(min-width:900px){.rbh .rb-hero{grid-template-columns:5fr 6fr;min-height:560px}
.rbh .rb-tekst{padding:72px 24px 72px max(48px,calc((100vw - 1160px)/2 + 48px))}
.rbh .rb-podium{order:0}
}
.rbh .rb-scene{width:var(--S);height:var(--S);perspective:1300px;margin:90px 0}
.rbh .rb-rub{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.rbh .rb-scene:hover,.rbh .rb-scene:focus-within{--rx:-10deg;--ry:-14deg}
.rbh .rb-face{position:absolute;inset:0;list-style:none;margin:0;padding:10px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:8px;border-radius:18px;background:rgba(5,8,50,.18);box-shadow:inset 0 0 0 2px rgba(112,248,248,.28),inset 0 0 40px rgba(112,248,248,.12)}
.rbh .rb-f-front{transform:translateZ(calc(var(--S)/2))}
.rbh .rb-f-right{transform:rotateY(90deg) translateZ(calc(var(--S)/2))}
.rbh .rb-f-top{transform:rotateX(90deg) translateZ(calc(var(--S)/2))}
.rbh .rb-f-left{transform:rotateY(-90deg) translateZ(calc(var(--S)/2))}
.rbh .rb-f-bottom{transform:rotateX(-90deg) translateZ(calc(var(--S)/2))}
.rbh .rb-f-back{transform:rotateY(180deg) translateZ(calc(var(--S)/2))}
.rbh .rb-face li{display:flex;min-width:0;min-height:0}
.rbh .rb-t,.rbh .rb-face a{flex:1;border-radius:12px;background:linear-gradient(145deg,rgba(60,80,255,.62),rgba(28,44,248,.42) 55%,rgba(12,20,150,.38));border:1px solid rgba(160,255,255,.75);backdrop-filter:blur(2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -12px 18px rgba(28,44,248,.25)}
.rbh .rb-face a{display:flex;flex-direction:column;justify-content:space-between;padding:9px;text-decoration:none;color:#e8fefe;transition:transform .25s,box-shadow .25s,background .25s}
.rbh .rb-nr{font:600 26px/1 'Space Grotesk',system-ui;letter-spacing:-.03em;color:var(--ncyaan);text-shadow:0 0 12px rgba(112,248,248,.7)}
.rbh .rb-nm{font:600 11.5px/1.2 Inter,system-ui}
.rbh .rb-face a:hover,.rbh .rb-face a:focus-visible{outline:none;transform:translateZ(22px);box-shadow:0 0 30px rgba(112,248,248,.9),0 0 0 2px var(--ncyaan);background:linear-gradient(145deg,#a6ffff,#70f8f8 60%,#3fd8e8)}
.rbh .rb-face a:hover .rb-nr,.rbh .rb-face a:focus-visible .rb-nr,.rbh .rb-face a:hover .rb-nm,.rbh .rb-face a:focus-visible .rb-nm{color:#050824;text-shadow:none}
.rbh .rb-home a{align-items:center;justify-content:center;text-align:center;gap:3px}
.rbh .rb-home .rb-hm{font-size:34px;color:#fff}
.rbh .rb-f-top .rb-home a,.rbh .rb-f-right .rb-home a{background:linear-gradient(145deg,#a6ffff,#70f8f8 60%,#3fd8e8);color:#050824}
.rbh .rb-f-top .rb-home .rb-hm,.rbh .rb-f-right .rb-home .rb-hm,.rbh .rb-f-top .rb-home .rb-nm,.rbh .rb-f-right .rb-home .rb-nm{color:#050824;text-shadow:none}
.rbh .rb-vraag a.rb-leeg{background:linear-gradient(145deg,rgba(166,255,255,.12),rgba(112,248,248,.05));border:1px dashed rgba(190,255,255,.75);box-shadow:inset 0 0 22px rgba(112,248,248,.28);backdrop-filter:none}
.rbh .rb-vraag a.rb-leeg:hover,.rbh .rb-vraag a.rb-leeg:focus-visible{background:rgba(112,248,248,.35);box-shadow:0 0 30px rgba(112,248,248,.9),0 0 0 2px var(--ncyaan)}
.rbh .rb-home .rb-nm{color:#fff}
.rbh .rb-t{background:linear-gradient(145deg,rgba(60,80,255,.55),rgba(28,44,248,.35) 60%,rgba(15,27,184,.3));border-color:rgba(160,255,255,.6)}
.rbh .rb-t:nth-child(3n){background:linear-gradient(145deg,rgba(166,255,255,.6),rgba(112,248,248,.38) 60%,rgba(63,216,232,.3))}
.rbh .rb-t:nth-child(5n+2){background:linear-gradient(145deg,rgba(243,255,255,.55),rgba(214,253,253,.3))}
.rbh .rb-f-top .rb-t{background:linear-gradient(145deg,rgba(184,255,255,.7),rgba(112,248,248,.4))}
.rbh .rb-f-top .rb-t:nth-child(2n){background:linear-gradient(145deg,rgba(60,80,255,.6),rgba(28,44,248,.38))}
.rbh .rb-core{position:absolute;left:50%;top:50%;width:58%;aspect-ratio:1;margin:-29% 0 0 -29%;transform:rotateY(calc(var(--ry) * -1)) rotateX(calc(var(--rx) * -1));display:grid;place-items:center;pointer-events:none;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.rbh .rb-core img{position:relative;width:62%;filter:drop-shadow(0 0 14px #70f8f8) drop-shadow(0 0 34px rgba(112,248,248,.9))}
.rbh .rb-halo{position:absolute;inset:-10%;border-radius:50%;background:radial-gradient(circle,#fff 0%,rgba(190,255,255,.95) 14%,rgba(112,248,248,.8) 30%,rgba(28,44,248,.5) 52%,transparent 72%);animation:rbpuls 3.6s ease-in-out infinite}
@keyframes rbpuls{50%{transform:scale(1.18);opacity:.8}}
@media(prefers-reduced-motion:reduce){.rbh .rb-halo{animation:none}
}
.rbh .rb-glow{position:absolute;left:50%;bottom:-70px;width:var(--S);height:60px;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(112,248,248,.45),transparent 70%);filter:blur(14px)}
/* huisstijl-voorstel 27-10: lijst met volledige namen onder de kubus, alleen op smal scherm */
.rb-lijst{display:none}
@media(max-width:520px){.rbh{--S:min(340px,90vw)}
.rbh .rb-face{padding:6px;gap:5px}
.rbh .rb-face a{padding:6px}
.rbh .rb-nr{font-size:17px}
.rbh .rb-nm{font-size:var(--pf-fs-caption,12.5px);line-height:1.15;hyphens:auto;overflow-wrap:anywhere}
.rb-lijst{display:block;list-style:none;margin:0;padding:20px 20px 28px;background:#050824}
.rb-lijst a{display:flex;gap:12px;align-items:baseline;padding:10px 0;border-bottom:1px solid rgba(112,248,248,.2);color:#e8fefe;text-decoration:none;font:500 16px/1.35 Inter,system-ui}
.rb-lijst b{font:600 18px 'Space Grotesk',system-ui;color:#70f8f8;min-width:1.4em}
}
@media(prefers-reduced-motion:reduce){.rbh .rb-rub,.rbh .rb-face a{transition:none}
}

/* v37: tagwolk /diensten/ woorden klein en dun */
.tw-tag,.tw-tag.tw-m,.tw-tag.tw-l{font-size:12px;font-weight:300;padding:3px 10px}
.tw-tag.aan{font-weight:400}

/* v40: kaart op /contact/ (OpenStreetMap, interactief) */
.ct-kaart{margin:var(--pf-space-5) 0}
.ct-kaart iframe{display:block;width:100%;height:340px;border:1px solid var(--pf-glas);border-radius:var(--pf-radius-m)}
.ct-kaart figcaption{margin-top:8px;font-size:var(--pf-fs-caption);color:var(--pf-nevel)}
@media(max-width:700px){.ct-kaart iframe{height:280px}}

/* v42: slider "Meer van Montelbaan" (links + klantquote) — alleen --pf-* tokens */
.sl{padding-bottom:var(--pf-space-7);overflow:hidden}
.sl-kop{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--pf-space-4);margin-bottom:var(--pf-space-5)}
.sl-kop h2{margin:0}
.sl-pauze{min-height:40px;font-size:15px;background:var(--pf-wit);cursor:pointer}
.sl-pauze[hidden]{display:none}
.sl-rij{display:flex;width:max-content;max-width:none}
.sl:not(.sl-loopt) .sl-rij{width:auto;overflow-x:auto;padding:0 var(--pf-space-5) var(--pf-space-4);scroll-snap-type:x proximity}
.sl-track{list-style:none;margin:0;padding:0 var(--pf-space-5) 0 0;display:flex;gap:var(--pf-space-5);flex:none}
.sl:not(.sl-loopt) .sl-track{padding:0}
.sl-loopt .sl-rij{animation:sl-loop 60s linear infinite}
.sl-loopt:hover .sl-rij,.sl-loopt:focus-within .sl-rij,.sl-loopt.sl-stil .sl-rij{animation-play-state:paused}
@keyframes sl-loop{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.sl-kaart{flex:none;width:300px;background:var(--pf-wit);border:var(--pf-lijn);border-radius:var(--pf-radius-l);padding:var(--pf-space-5);display:flex;flex-direction:column;gap:var(--pf-space-3);scroll-snap-align:start}
.sl-kaart h3{margin:0;font-size:var(--pf-fs-h3)}
.sl-kaart p{margin:0;color:var(--pf-nevel);font-size:var(--pf-fs-klein);line-height:var(--pf-lh-klein);flex:1}
.sl-kaart .btn{align-self:flex-start;min-height:44px}
.sl-ico{display:grid;place-items:center;width:48px;height:48px;border-radius:var(--pf-radius-m);background:var(--pf-lichtgolf)}
.sl-ico svg{width:26px;height:26px}
.sl-quote{width:380px;background:var(--pf-lichtgolf);border-color:var(--pf-lichtgolf);position:relative}
.sl-quote::before{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--pf-lichtlijn)}
.sl-label{font-size:var(--pf-fs-label);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--pf-diep-teal)}
.sl-quote blockquote{margin:0;font:600 19px/1.35 var(--pf-font-display);letter-spacing:-.02em}
.sl-quote cite{font-style:normal;font-size:var(--pf-fs-klein);color:var(--pf-ink);margin-top:auto}
@media(max-width:600px){.sl-kaart{width:260px}.sl-quote{width:300px}}
@media(prefers-reduced-motion:reduce){.sl-loopt .sl-rij{animation:none}}

/* v42: slider sneller-knop */
.sl-knoppen{display:flex;flex-wrap:wrap;gap:var(--pf-space-3)}
.sl-sneller{min-height:40px;font-size:15px;background:var(--pf-wit);cursor:pointer}
.sl-sneller[hidden]{display:none}
.sl-sneller[aria-pressed="true"]{border-color:var(--pf-diep-teal)}
.sl-loopt.sl-rap .sl-rij{animation-duration:20s}

/* test 27-10: lijnen achter de tags (tags dekkend), noscript-lijst adviseurs */
.cst-tag{background:linear-gradient(rgba(112,248,248,.07),rgba(112,248,248,.07)),#081050}
.cst-tag.lit{background:#70f8f8}.cst-tag.sel{background:#fff}
.adv-nojs{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--pf-space-5);margin:var(--pf-space-5) 0}
.adv-nojs h3{margin:0}.adv-nojs p{margin:4px 0}
.cst-tag:hover{border-color:#70f8f8;color:#fff}
/* huisstijl-voorstel 27-10: contact-hero, zeilboot kleiner rechts in beeld */
.ct-hero.skd-hero-foto{background-size:70% auto;background-position:right center;background-color:#0b2a33}
@media(max-width:899px){.ct-hero.skd-hero-foto{background-size:cover;background-position:48% 50%}}

/* v45: kaart "Over deze dienst" op de dienstpagina's */
.skd-lang-sectie{padding-top:0}
.skd-lang .sk-body{max-width:760px}
.skd-lang .sk-body p+p{margin-top:var(--pf-space-3)}

/* tester-fixes 27-10 (2): projecttegels op mobiel, kubuslabels 900-1100px, gekozen tag + hover */
.sk-tegel{min-width:0}
.sk-tegel-kort,.sk-tegel-naam{overflow-wrap:break-word;hyphens:auto}
@media(max-width:759px){.sk-tegel{aspect-ratio:auto}
.sk-tegel-beeld{height:96px}
.sk-tegel-tekst{padding:var(--pf-space-3)}}
.rbh .rb-nm{hyphens:manual;overflow-wrap:normal;word-break:normal}
@media(min-width:900px) and (max-width:1100px){.rbh{--S:300px}
.rbh .rb-face a{padding:7px}
.rbh .rb-nr{font-size:22px}
.rbh .rb-nm{font-size:10.5px;line-height:1.15}}
.cst-tag.sel:hover,.cst-tag.sel:focus-visible,.cst-tag.lit:hover,.cst-tag.lit:focus-visible{color:var(--pf-diep-teal);border-color:var(--pf-diep-teal)}