/* Subpagina's in de stijl van de nieuwe homepage (29-09-2026).
   Laag bovenop styles.css en v3.css: zelfde kopbalk, kaders, koppen en contactpaneel. */
body.sub{background-color:var(--paper)}
.sub .pagina>main{display:flex;flex-direction:column;gap:20px;margin-top:20px}
.sub main .wrap{max-width:none;padding-left:0;padding-right:0}
.sub main>section,.sub main>article{background:#fff;border:1px solid var(--blue);border-radius:6px;padding:52px 56px!important;margin:0!important;position:relative}
.sub main>section.contact{background:var(--blue);border:0;color:#fff;
  background-image:repeating-linear-gradient(to right,rgba(255,255,255,.16) 0 1px,transparent 1px 124px),repeating-linear-gradient(to bottom,rgba(255,255,255,.16) 0 1px,transparent 1px 124px)}
.sub main>section.contact>.wrap{padding:0}
.sub main>section::before{display:none!important}
.sub .band-donker,.sub .practice,.sub .mm-startups{background:var(--blue)!important;color:#fff!important;border:0!important;
  background-image:repeating-linear-gradient(to right,rgba(255,255,255,.16) 0 1px,transparent 1px 124px),repeating-linear-gradient(to bottom,rgba(255,255,255,.16) 0 1px,transparent 1px 124px)!important}
.sub .band-donker p,.sub .band-donker li,.sub .practice p,.sub .mm-startups p,.sub .mm-startups li,.sub .mm-startups dd{color:#e4eaff!important}
.sub .band-donker h2,.sub .band-donker h3,.sub .practice h2,.sub .practice h3,.sub .mm-startups h2,.sub .mm-startups h3{color:#fff!important}

/* koppen */
.sub h1{font-family:var(--display)!important;font-weight:400!important;text-transform:uppercase;letter-spacing:.005em!important;line-height:.95!important;color:var(--blue);font-size:clamp(52px,8vw,128px)!important;margin:14px 0 28px!important;max-width:1300px}
.sub h2{font-family:var(--display)!important;font-weight:400!important;text-transform:uppercase;letter-spacing:.005em!important;line-height:.98!important;color:var(--blue);font-size:clamp(36px,4.6vw,72px)!important;margin-bottom:22px}
.sub .contact h2{color:#fff;font-size:clamp(46px,7vw,120px)!important}
.sub h3{letter-spacing:-.02em}
.sub .serif{font-family:inherit!important;font-style:normal!important}
.sub .sec-label{color:var(--blue)!important}
.sub .sec-label:before{background:var(--blue)}
.sub .contact .sec-label,.sub .band-donker .sec-label,.sub .practice .sec-label,.sub .mm-startups .sec-label{color:#fff!important}
.sub .contact .sec-label:before,.sub .band-donker .sec-label:before,.sub .mm-startups .sec-label:before{background:#fff}
.sub p{max-width:880px}

/* knoppen en links */
.sub .button.primary,.sub .button{background:var(--blue);color:#fff;font-family:var(--display);text-transform:uppercase;font-size:18px;letter-spacing:.02em;border-radius:4px}
.sub .button.primary:hover{background:var(--deep)}
.sub .contact .button,.sub .contact-email{color:#fff}
.sub .contact-email{font-family:var(--display);text-transform:none;font-size:clamp(28px,3vw,44px)!important;border-bottom:2px solid #fff}
.sub .text-link{color:var(--blue)}
.sub .contact .text-link,.sub .band-donker .text-link{color:#fff}

/* kaarten en rasters binnen subpagina's: blauwe lijnen in plaats van grijze kaarten */
.sub .mm-onderdeel,.sub .example,.sub .case,.sub .situation-detail,.sub .inzet-drie>div,.sub [id^="inzet-"]{border-color:var(--blue)!important}
.sub .mm-onderdeel{border:1.5px solid var(--blue)!important;border-radius:4px;padding:22px!important;background:#fff}
.sub .mm-onderdeel h3{font-family:var(--display);text-transform:uppercase;font-weight:400;font-size:34px;color:var(--blue)}
.sub table{border-color:var(--blue)}
.sub th{color:var(--blue)}

/* case- en ervaringspagina's */
.sub .case-page h1{margin-top:6px!important}
.sub .case-page img{max-height:60px;width:auto}

.sub .voet{padding-top:26px}
@media(max-width:760px){
  .sub main>section,.sub main>article{padding:30px 20px!important}
  .sub h1{font-size:clamp(44px,13vw,80px)!important}
  .sub h2{font-size:clamp(32px,9vw,52px)!important}
}
/* reparaties na eerste controle */
.sub #inzetvormen [id^="inzet-"]{display:block!important}
.sub #inzetvormen [id^="inzet-"] p{position:static!important;opacity:1!important;margin:0 0 12px}
.sub .case-subtitle{color:var(--blue)!important}
.sub h2::before{content:none!important;display:none!important}
.sub .mm-startups b,.sub .mm-startups strong,.sub .mm-startups dt{color:#fff!important}
.sub .mm-startups span,.sub .mm-startups dd{color:#e4eaff!important}
.kopnav .knop{gap:0}
.sub .mm-verdeling>*{background:#fff!important}
.sub .mm-verdeling h3{color:var(--blue)!important;font-family:var(--display);text-transform:uppercase;font-weight:400;font-size:28px}
.sub .mm-verdeling li,.sub .mm-verdeling p{color:var(--ink)!important}

/* werkbeelden in cases */
.sub .werkbeelden{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:22px 0 10px}
.sub .werkbeelden figure{margin:0}
.sub .werkbeelden img{width:100%!important;max-height:none!important;height:auto;border-radius:3px;border:1px solid var(--line)}
.sub .werkbeelden figcaption{font-size:13px;color:var(--muted);padding-top:8px}
@media(max-width:760px){.sub .werkbeelden{grid-template-columns:1fr}}
.sub .werkbeelden{align-items:start}.sub .werkbeelden .product img{max-height:420px!important;width:auto!important;margin:0 auto;border:0}
.sub .kopnav a[href*="rode-draad"],.sub .kopnav a[href*="#ronald"]{text-decoration:underline wavy #ff4b3e;text-decoration-thickness:2px;text-underline-offset:7px}
.sub .contact-wa{color:#fff;font-size:20px;display:block;margin-bottom:10px}
/* designer-review 29-09 */
.sub h1,.sub h2{overflow-wrap:anywhere;hyphens:auto;-webkit-hyphens:auto}
.sub main>section.contact{background-color:var(--blue)!important}
.sub .case-page .case-foto img,.sub .case-foto img{max-height:none!important;width:100%!important;height:auto}
.sub .case-outcome{background:var(--blue)!important;border-radius:4px!important;color:#fff}
.sub .case-outcome p,.sub .case-outcome a{color:#fff!important}
.sub .case-outcome h2{color:#fff!important}
.sub .case-brief,.sub .case-brief>div,.sub .case-result,.sub .case-brief dl>div{border-radius:4px!important;border-color:var(--blue)!important}
.sub .case-result{background:#f2f5ff!important}
.sub .eyebrow{color:var(--blue)!important;display:inline-flex;align-items:center;gap:10px}
.sub .mm-onderdeel h3{font-family:var(--display)!important;font-weight:400!important;text-transform:uppercase}
@media(max-width:760px){
  .sub h1{font-size:clamp(34px,10.5vw,60px)!important}
  .sub .kopnav .knop{display:inline-flex!important}
}
/* Typografie-regel (29-09), subpagina's: labels en tussenkoppen in Anton, lopende tekst DM Sans 400/700 */
.sub .sec-label,.sub .eyebrow,.sub .case-subtitle,.sub .case-brief dt,.sub .case-brief h3,.sub .case-brief .label,
.sub dt,.sub th,.sub .soort,.sub .button,.sub .text-link.caps{
  font-family:var(--display)!important;font-weight:400!important;text-transform:uppercase;letter-spacing:.04em!important}
.sub .sec-label,.sub .eyebrow,.sub .case-brief dt,.sub dt,.sub th{font-size:15px!important}
.sub h3{font-family:var(--display)!important;font-weight:400!important;text-transform:uppercase;letter-spacing:.01em!important;color:var(--blue);font-size:clamp(22px,2vw,30px)!important;line-height:1.05!important}
.sub b,.sub strong{font-weight:700}
.sub p,.sub li,.sub dd,.sub td{font-weight:400}
.sub h1,.sub h2{hyphens:manual;-webkit-hyphens:manual;overflow-wrap:break-word}
.sub h1{font-size:clamp(44px,6.6vw,104px)!important}
@media(max-width:760px){.sub h1{font-size:clamp(32px,10vw,56px)!important}}