/* CollabSpace als consultancybureau (wbp-collabspace.html) + blok op wbp-specialisatie.html */
.wc-section{padding:72px 0}
.wc-head{max-width:760px;margin-bottom:36px}
.wc-head h2{font-family:var(--font-display);font-size:clamp(28px,3.4vw,42px);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin:10px 0 0;color:var(--ink-900);text-wrap:balance}
.wc-head p{margin:14px 0 0;font-size:17px;line-height:1.6;color:var(--ink-600);text-wrap:pretty}
.wc-glass,.wc-party,.wc-card,.wc-norm,.wc-gain,.wc-limit{background:var(--g-fill,rgba(255,255,255,.7));-webkit-backdrop-filter:var(--g-blur,blur(20px));backdrop-filter:var(--g-blur,blur(20px));border:1px solid var(--g-brd,rgba(255,255,255,.8));box-shadow:var(--g-sh,0 10px 30px rgba(14,19,36,.08));border-radius:24px}
.wc-parties{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) minmax(0,1fr);gap:18px;align-items:stretch}
.wc-parties>*{display:flex}
.wc-party{flex:1;padding:28px 28px 24px;display:flex;flex-direction:column;gap:18px}
.wc-party-top{display:flex;gap:14px;align-items:center}
.wc-mono{flex:none;width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font:800 22px/1 var(--font-display);color:var(--ink-900)}
.wc-op .wc-mono{background:var(--c-orange,#F0A15E)}
.wc-cs .wc-mono{background:var(--c-blue)}
.wc-ol .wc-mono{background:var(--c-green)}
.wc-party h3{font:800 22px/1.15 var(--font-display);letter-spacing:-.02em;margin:0;color:inherit}
.wc-as{margin:4px 0 0;font-size:14px;font-weight:600;color:var(--ink-500)}
.wc-party ul{list-style:none;margin:0;padding:0}
.wc-party li{padding:11px 0;border-top:1px solid rgba(14,19,36,.08);font-size:15px;line-height:1.45;color:var(--ink-700)}
.wc-party.wc-cs{background:linear-gradient(180deg,rgba(43,51,80,.95),rgba(14,19,36,.95));color:#fff;border-color:rgba(255,255,255,.16)}
.wc-party.wc-cs .wc-as{color:var(--ink-300)}
.wc-party.wc-cs li{color:#fff;border-color:rgba(255,255,255,.14)}
.wc-you{margin:18px auto 0;max-width:760px;text-align:center;padding:22px 28px}
.wc-you h3{font:800 20px/1.2 var(--font-display);margin:0 0 6px;color:var(--ink-900)}
.wc-you p{margin:0;font-size:16px;line-height:1.6;color:var(--ink-700);text-wrap:pretty}
.wc-card h3,.wc-norm h3,.wc-gain h3{font:800 18px/1.2 var(--font-display);letter-spacing:-.015em;margin:0;color:var(--ink-900)}
.wc-card p,.wc-norm p,.wc-gain p{margin:0;font-size:15px;line-height:1.55;color:var(--ink-600);text-wrap:pretty}
.wc-link{margin-top:auto;padding-top:8px;font-size:14px;font-weight:700;color:var(--ink-900);text-decoration:none}
.wc-link:hover{text-decoration:underline;color:var(--ink-900)}
.wc-gains>*{display:flex}
.wc-gain{flex:1;padding:24px 24px 22px;display:flex;flex-direction:column;gap:8px}
.wc-gains{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.wc-limit{margin-top:18px;padding:22px 26px;border-left:0}
.wc-limit h3{font:800 18px/1.2 var(--font-display);margin:0 0 6px;color:var(--ink-900)}
.wc-limit p{margin:0;font-size:15px;line-height:1.6;color:var(--ink-700);max-width:820px;text-wrap:pretty}
@media (max-width:1100px){.wc-gains{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:860px){.wc-parties{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.wc-gains{grid-template-columns:minmax(0,1fr)}.wc-section{padding:48px 0}}
/* Blok op wbp-specialisatie.html */
.wc-intro .wc-parties{margin-top:8px}
.wc-intro .wc-party{padding:22px 22px 18px;gap:14px}
.wc-intro .wc-party li{padding:9px 0;font-size:14.5px}
.wc-intro-more{display:flex;justify-content:center;margin-top:18px}
/* Van opdracht tot oplevering */
.wc-flowwrap{position:relative}
.wc-phases{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));column-gap:14px;row-gap:10px;margin-bottom:22px}
.wc-phase.team{grid-column:4/6}
.wc-phase{position:relative;display:flex;justify-content:center;font:800 12px/1 var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-500);padding-bottom:12px}
.wc-phase::after{content:"";position:absolute;left:8px;right:8px;bottom:0;height:10px;border:2px solid var(--ink-200);border-bottom:0;border-radius:10px 10px 0 0}
.wc-flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;position:relative}
.wc-flow::before{content:"";position:absolute;top:27px;left:10%;right:10%;height:4px;border-radius:4px;background:linear-gradient(90deg,#B47BB8,#7FB8D4,#A6CE89,#F0A15E,#E26C5A);opacity:.85}
.wc-step{display:flex;min-width:0}
.wc-step>.reveal{flex:1;display:flex;flex-direction:column;align-items:center;min-width:0}
.wc-node{position:relative;z-index:1;width:58px;height:58px;border-radius:99px;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 6px color-mix(in oklch,var(--c) 28%,transparent),0 8px 20px rgba(14,19,36,.12)}
.wc-node>span{width:42px;height:42px;border-radius:99px;background:var(--c);display:flex;align-items:center;justify-content:center;font:800 18px/1 var(--font-display);color:var(--ink-900)}
.wc-card{position:relative;margin-top:22px;flex:1;width:100%;padding:24px 22px 22px;display:flex;flex-direction:column;gap:8px;border-top:4px solid var(--c)!important}
.wc-card::before{content:"";position:absolute;top:-14px;left:50%;width:2px;height:10px;background:var(--c);transform:translateX(-50%)}
.wc-by{display:none;font:800 11px/1 var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-500)}
@media (max-width:1100px){.wc-card{padding:20px 16px 18px}.wc-card h3{font-size:16px}.wc-card p{font-size:14px}}
@media (max-width:860px){
.wc-phases{display:none}
.wc-by{display:block}
.wc-flow{grid-template-columns:minmax(0,1fr);gap:16px;padding-left:0}
.wc-flow::before{top:29px;bottom:29px;left:27px;right:auto;width:4px;height:auto;background:linear-gradient(180deg,#B47BB8,#7FB8D4,#A6CE89,#F0A15E,#E26C5A)}
.wc-step>.reveal{flex-direction:row;align-items:flex-start;gap:18px}
.wc-node{flex:none}
.wc-card{margin-top:0}
.wc-card::before{display:none}
}
/* Normen en waarden */
.wc-norms{display:grid;grid-template-columns:minmax(0,1.1fr) repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,auto);gap:16px}
.wc-norms>.reveal{display:flex}
.wc-norms>.wc-norm-lead{grid-row:span 2}
.wc-norm{flex:1;position:relative;overflow:hidden;padding:26px 26px 24px;display:flex;flex-direction:column;gap:18px}
.wc-norm::after{content:"";position:absolute;right:-40px;top:-40px;width:140px;height:140px;border-radius:50%;background:var(--c);opacity:.18;filter:blur(8px);pointer-events:none}
.wc-fact{align-self:flex-start;display:inline-flex;align-items:center;gap:10px;padding:9px 16px 9px 12px;border-radius:99px;background:color-mix(in oklch,var(--c) 26%,white);font:800 15px/1.1 var(--font-display);letter-spacing:-.01em;color:var(--ink-900)}
.wc-fact::before{content:"";width:10px;height:10px;border-radius:99px;background:var(--c);flex:none}
.wc-norm-body{display:flex;flex-direction:column;gap:8px;flex:1}
.wc-norm.lead{background:linear-gradient(160deg,rgba(43,51,80,.96),rgba(14,19,36,.96))!important;border-color:rgba(255,255,255,.14)!important;color:#fff;justify-content:space-between;padding:34px 32px 30px}
.wc-norm.lead::after{width:280px;height:280px;right:-90px;top:-90px;opacity:.35;filter:blur(30px)}
.wc-norm.lead .wc-fact{background:none;padding:0;font-size:clamp(30px,3.2vw,44px);line-height:1.02;letter-spacing:-.035em;color:#fff;flex-direction:column;align-items:flex-start;gap:18px;text-wrap:balance}
.wc-norm.lead .wc-fact::before{width:44px;height:6px;border-radius:6px}
.wc-norm.lead h3{color:#fff;font-size:20px}
.wc-norm.lead p{color:var(--ink-300)}
@media (max-width:980px){.wc-norms{grid-template-columns:repeat(2,minmax(0,1fr))}.wc-norms>.wc-norm-lead{grid-row:auto;grid-column:1/-1}.wc-norm.lead{min-height:0;gap:22px}}
@media (max-width:600px){.wc-norms{grid-template-columns:minmax(0,1fr)}}
/* Netwerk */
.wc-net{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:0;overflow:hidden;border-radius:28px;background:var(--g-fill,rgba(255,255,255,.7));-webkit-backdrop-filter:var(--g-blur,blur(20px));backdrop-filter:var(--g-blur,blur(20px));border:1px solid var(--g-brd,rgba(255,255,255,.8));box-shadow:var(--g-sh,0 10px 30px rgba(14,19,36,.08))}
.wc-net-img{margin:0;min-height:100%;position:relative}
.wc-net-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.wc-net-body{padding:44px 44px 40px;display:flex;flex-direction:column;gap:16px}
.wc-net-body h2{font-family:var(--font-display);font-size:clamp(28px,3.2vw,40px);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin:0;color:var(--ink-900);text-wrap:balance}
.wc-net-lead{margin:0;font-size:17px;line-height:1.6;color:var(--ink-700);text-wrap:pretty}
.wc-net-ways{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.wc-net-ways li{padding:8px 14px;border-radius:99px;background:var(--ink-900);color:#fff;font:700 13.5px/1 var(--font-display)}
.wc-net-goals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:8px}
.wc-net-goal{padding:18px 18px 16px;border-radius:18px;background:color-mix(in oklch,var(--c) 22%,white);border-top:4px solid var(--c)}
.wc-net-goal h3{font:800 17px/1.2 var(--font-display);letter-spacing:-.015em;margin:0 0 6px;color:var(--ink-900)}
.wc-net-goal p{margin:0;font-size:14.5px;line-height:1.5;color:var(--ink-700);text-wrap:pretty}
@media (max-width:900px){.wc-net{grid-template-columns:minmax(0,1fr)}.wc-net-img{aspect-ratio:16/9;min-height:0}.wc-net-body{padding:30px 24px 26px}}
@media (max-width:520px){.wc-net-goals{grid-template-columns:minmax(0,1fr)}}