:root{--mp-radius:1.25rem;--mp-shadow:0 18px 45px rgba(45,24,57,.11);--mp-red:#D81E45;--mp-purple:#4B246D;--mp-yellow:#E6A72A;--mp-blue:#0087A8;--mp-ink:#2B2B33}
html{scroll-behavior:smooth}body{overflow-x:hidden}.wp-site-blocks{min-height:100vh}.mp-site-header{position:relative;z-index:30;background:#fff}.mp-site-header .wp-block-navigation-item__content{text-decoration:none}.mp-site-header .wp-block-navigation__responsive-container.is-menu-open{padding:2rem}.mp-site-header .wp-block-navigation__submenu-container{border:0!important;box-shadow:var(--mp-shadow)!important;padding:.6rem!important;border-radius:.5rem!important}.mp-site-header .wp-block-navigation__submenu-container a{padding:.65rem .8rem!important}.mp-topbar a{color:inherit}.is-style-mijnplein-card{background:#fff;border-radius:var(--mp-radius);box-shadow:var(--mp-shadow);overflow:hidden}.is-style-mijnplein-panel{border-left:7px solid var(--mp-red);padding:clamp(1.5rem,4vw,3rem);background:var(--wp--preset--color--muted)}.is-style-mijnplein-gradient{color:#fff;background:linear-gradient(110deg,var(--mp-red),var(--mp-purple));padding:clamp(2rem,6vw,5rem);border-radius:var(--mp-radius)}.is-style-mijnplein-gradient :where(h1,h2,h3,h4,p,a){color:inherit}.is-style-mijnplein-shapes{position:relative;isolation:isolate}.is-style-mijnplein-shapes:before,.is-style-mijnplein-shapes:after{content:"";position:absolute;z-index:-1;width:7rem;height:7rem;border-radius:.65rem;transform:rotate(-4deg)}.is-style-mijnplein-shapes:before{background:var(--mp-yellow);right:5%;top:-1.5rem}.is-style-mijnplein-shapes:after{background:var(--mp-purple);right:-1.75rem;bottom:-2rem}.is-style-mijnplein-rounded img{border-radius:var(--mp-radius)}.is-style-mijnplein-offset img{border-radius:var(--mp-radius);transform:rotate(-2deg);box-shadow:var(--mp-shadow)}.is-style-mijnplein-arrow .wp-block-button__link:after{content:" →"}.is-style-mijnplein-accent{position:relative;padding-bottom:.45rem}.is-style-mijnplein-accent:after{content:"";display:block;width:3.5rem;height:.35rem;background:var(--mp-yellow);margin-top:.65rem}.mp-hero{position:relative;overflow:hidden}.mp-hero:after{content:"";position:absolute;right:-8vw;bottom:-12vw;width:32vw;height:32vw;min-width:240px;min-height:240px;background:linear-gradient(135deg,var(--mp-red),var(--mp-purple));border-radius:12%;transform:rotate(10deg);opacity:.98}.mp-hero>*{position:relative;z-index:2}.mp-kicker{letter-spacing:.08em;text-transform:uppercase;font-size:.82rem;font-weight:800}.mp-card-grid .wp-block-group{height:100%}.mp-card-grid .wp-block-image img{aspect-ratio:16/10;object-fit:cover}.mp-image-text img{width:100%;height:100%;min-height:360px;object-fit:cover}.mp-stat strong{display:block;font-size:clamp(2.4rem,5vw,5rem);line-height:1;color:var(--mp-red)}.mp-footer a{color:inherit}.mp-footer .wp-block-navigation{gap:.8rem 1.4rem}.mp-page-intro{max-width:780px}.mp-section{padding-block:clamp(3.5rem,7vw,7rem)}.mp-section-tight{padding-block:clamp(2.25rem,5vw,4.5rem)}.wp-block-query .wp-block-post-template{gap:2rem}.wp-block-post-featured-image img{border-radius:1rem}.wp-block-post-title a{text-decoration:none}.wp-block-post-title a:hover{color:var(--mp-purple)}
@media(max-width:781px){.mp-site-header .wp-block-site-logo{max-width:150px}.mp-hero:after{opacity:.17}.mp-image-text .wp-block-column:first-child{order:2}.mp-image-text .wp-block-column:last-child{order:1}.mp-section{padding-block:3.5rem}}

/* 0.2 component library */
.is-style-mijnplein-feature{height:100%;padding:clamp(1.35rem,3vw,2.1rem);background:#fff;border-radius:var(--mp-radius);box-shadow:0 8px 30px rgba(45,24,57,.07);border-bottom:5px solid var(--mp-red);transition:transform .2s ease,box-shadow .2s ease}.is-style-mijnplein-feature:hover{transform:translateY(-4px);box-shadow:var(--mp-shadow)}.mp-feature-grid{align-items:stretch}.mp-feature-grid>.wp-block-column:nth-child(2) .is-style-mijnplein-feature{border-bottom-color:var(--mp-yellow)}.mp-feature-grid>.wp-block-column:nth-child(3) .is-style-mijnplein-feature{border-bottom-color:var(--mp-blue)}.mp-feature-grid>.wp-block-column:nth-child(4) .is-style-mijnplein-feature{border-bottom-color:var(--mp-purple)}.mp-feature-icon{display:grid;place-items:center;width:3rem;height:3rem;margin:0 0 1.25rem!important;background:var(--wp--preset--color--muted);border-radius:50%;font-size:1.4rem;font-weight:800;color:var(--mp-red)}.mp-stats{gap:1.5rem}.mp-stats .is-style-mijnplein-panel{height:100%;border-left-width:0;border-top:6px solid var(--mp-red)}.mp-stats>div:nth-child(2){border-top-color:var(--mp-yellow)}.mp-stats>div:nth-child(3){border-top-color:var(--mp-purple)}.mp-quote blockquote{margin:0}.mp-quote blockquote p{font-weight:700;line-height:1.18}.mp-quote cite{display:block;margin-top:1.5rem;font-style:normal;font-weight:700}.is-style-mijnplein-details{border-top:1px solid rgba(43,43,51,.15);padding:1.15rem 0}.is-style-mijnplein-details:last-child{border-bottom:1px solid rgba(43,43,51,.15)}.is-style-mijnplein-details summary{cursor:pointer;font-size:1.15rem;font-weight:750;color:var(--mp-purple);list-style:none;display:flex;justify-content:space-between;gap:1rem}.is-style-mijnplein-details summary::-webkit-details-marker{display:none}.is-style-mijnplein-details summary:after{content:"+";font-size:1.5rem;line-height:1}.is-style-mijnplein-details[open] summary:after{content:"−"}.is-style-mijnplein-details>p{padding-right:3rem}.mp-color-tiles{align-items:stretch}.mp-color-tile{height:100%;min-height:260px;padding:clamp(1.75rem,4vw,3rem);border-radius:var(--mp-radius);display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;position:relative}.mp-color-tile:before{content:"";position:absolute;width:8rem;height:8rem;right:-3rem;top:-3rem;border:2rem solid rgba(255,255,255,.14);border-radius:50%}.mp-color-tile :where(h2,h3,h4,p,a){color:inherit}.mp-color-tile a{font-weight:800;text-decoration:none}.mp-contact{border-radius:var(--mp-radius)}
@media(max-width:960px){.mp-feature-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))}.mp-feature-grid>.wp-block-column{margin:0!important}.mp-color-tiles{display:grid!important;grid-template-columns:1fr 1fr}.mp-color-tiles>.wp-block-column{margin:0!important}.mp-color-tiles>.wp-block-column:last-child{grid-column:1/-1}}
@media(max-width:600px){.mp-feature-grid,.mp-color-tiles{grid-template-columns:1fr}.mp-color-tiles>.wp-block-column:last-child{grid-column:auto}.mp-contact .wp-block-buttons{justify-content:flex-start}.mp-stat strong{font-size:3rem}.is-style-mijnplein-gradient{border-radius:.85rem}}

/* Figma groene vlakken zijn beeld-placeholders, geen huisstijlkleur. */
.mp-photo-block{margin:0;overflow:hidden;border-radius:var(--mp-radius);min-height:320px}
.mp-photo-block img{display:block;width:100%;height:100%;min-height:320px;object-fit:cover}
.wp-block-cover.mp-photo-placeholder{min-height:420px;overflow:hidden;border-radius:var(--mp-radius)}
@media(max-width:781px){.mp-photo-block,.mp-photo-block img{min-height:240px}.wp-block-cover.mp-photo-placeholder{min-height:300px}}

/* 0.3.0 — Figma frame-aware responsive system
 * Desktop: >= 1200px
 * Compact desktop/tablet landscape: 782–1199px
 * Tablet portrait/mobile landscape: 601–781px
 * Mobile: <= 600px
 */
:root{
  --mp-gutter:clamp(20px,4vw,64px);
  --mp-section-y:clamp(56px,7vw,112px);
  --mp-content-wide:1280px;
}

/* Shared fluid page geometry */
.wp-site-blocks{width:100%}
.mp-section,.mp-section-tight{padding-left:var(--mp-gutter);padding-right:var(--mp-gutter)}
.mp-section{padding-top:var(--mp-section-y);padding-bottom:var(--mp-section-y)}
.mp-section-tight{padding-top:clamp(40px,5vw,72px);padding-bottom:clamp(40px,5vw,72px)}

/* Hero follows the composition of the separate Figma frames rather than one fixed crop. */
.mp-hero{min-height:clamp(560px,49vw,760px)!important}
.mp-hero .wp-block-cover__inner-container{width:100%}
.mp-hero .alignwide{padding-left:var(--mp-gutter);padding-right:var(--mp-gutter)}
.mp-hero h1{max-width:12ch;text-wrap:balance}
.mp-hero p:not(.mp-kicker){max-width:48ch}
.mp-hero .wp-block-cover__image-background{object-position:center center}

/* Image/text is explicitly two-column on large frames. */
.mp-image-text.wp-block-columns{gap:clamp(40px,6vw,96px);align-items:center}
.mp-image-text>.wp-block-column{min-width:0}
.mp-image-text>.wp-block-column:first-child{flex-basis:52%}
.mp-image-text>.wp-block-column:last-child{flex-basis:48%}
.mp-image-text .wp-block-image,.mp-image-text .mp-photo-block{height:100%}
.mp-image-text img{min-height:480px;aspect-ratio:1.12/1}

/* Component grids: widths match the visual rhythm used in the different frame sizes. */
.mp-feature-grid,.mp-color-tiles,.mp-stats{gap:clamp(18px,2vw,32px)}
.mp-card-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.5vw,36px)}
.mp-card-grid>.wp-block-column{margin:0!important;min-width:0}
.mp-color-tile{min-height:clamp(260px,23vw,360px)}
.mp-contact{padding:clamp(28px,5vw,72px)!important}

/* Header desktop composition. */
@media(min-width:1200px){
  .mp-site-header>.wp-block-group,.mp-site-header .alignwide{max-width:var(--mp-content-wide);margin-left:auto;margin-right:auto}
  .mp-site-header .wp-block-navigation__container{gap:clamp(18px,2vw,34px)}
  .mp-site-header .wp-block-navigation__responsive-container-open{display:none}
  .mp-site-header .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open){display:block;width:100%;position:relative;z-index:auto;background-color:inherit}
}

/* Compact desktop / tablet landscape. */
@media(min-width:782px) and (max-width:1199px){
  :root{--mp-gutter:clamp(28px,4.5vw,52px)}
  .mp-hero{min-height:600px!important}
  .mp-hero h1{font-size:clamp(3rem,6vw,5rem)!important;max-width:13ch}
  .mp-hero .wp-block-cover__image-background{object-position:58% center}
  .mp-image-text.wp-block-columns{gap:clamp(30px,4vw,56px)}
  .mp-image-text img{min-height:400px}
  .mp-feature-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))}
  .mp-feature-grid>.wp-block-column{margin:0!important}
  .mp-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mp-card-grid>.wp-block-column:last-child:nth-child(odd){grid-column:1/-1;max-width:calc(50% - 10px)}
  .mp-color-tiles{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))}
  .mp-color-tiles>.wp-block-column{margin:0!important}
  .mp-color-tiles>.wp-block-column:last-child{grid-column:1/-1}
  .mp-site-header .wp-block-site-logo{max-width:180px}
}

/* Tablet portrait: use the alternate Figma-like stacked composition, while retaining purposeful image sizing. */
@media(min-width:601px) and (max-width:781px){
  :root{--mp-gutter:32px;--mp-section-y:72px}
  .mp-hero{min-height:560px!important}
  .mp-hero .wp-block-cover__image-background{object-position:64% center}
  .mp-hero h1{font-size:clamp(2.8rem,8vw,4.5rem)!important;max-width:12ch}
  .mp-hero:after{width:300px;height:300px;right:-120px;bottom:-130px;opacity:.35}
  .mp-image-text.wp-block-columns{display:flex!important;flex-direction:column;gap:36px}
  .mp-image-text>.wp-block-column:first-child,.mp-image-text>.wp-block-column:last-child{flex-basis:auto;width:100%}
  .mp-image-text .wp-block-column:first-child{order:2}
  .mp-image-text .wp-block-column:last-child{order:1}
  .mp-image-text img{min-height:0;aspect-ratio:16/10}
  .mp-feature-grid,.mp-card-grid,.mp-color-tiles{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))}
  .mp-feature-grid>.wp-block-column,.mp-card-grid>.wp-block-column,.mp-color-tiles>.wp-block-column{margin:0!important}
  .mp-color-tiles>.wp-block-column:last-child{grid-column:1/-1}
  .mp-stats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))}
  .mp-stats>*{margin:0!important}
}

/* Mobile frame: separate spacing, crop and component stacking rather than scaled desktop. */
@media(max-width:600px){
  :root{--mp-gutter:20px;--mp-section-y:52px}
  body{font-size:1rem}
  .mp-site-header .wp-block-site-logo{max-width:138px}
  .mp-site-header .wp-block-navigation__responsive-container.is-menu-open{padding:24px var(--mp-gutter)}
  .mp-site-header .wp-block-navigation__responsive-container-content{padding-top:48px}
  .mp-site-header .wp-block-navigation__container{gap:0!important;align-items:stretch!important;width:100%}
  .mp-site-header .wp-block-navigation-item{width:100%;border-bottom:1px solid rgba(43,43,51,.12)}
  .mp-site-header .wp-block-navigation-item__content{padding:14px 0!important;width:100%}
  .mp-hero{min-height:620px!important;align-items:flex-end}
  .mp-hero .wp-block-cover__inner-container{padding-bottom:36px}
  .mp-hero .wp-block-cover__image-background{object-position:67% center}
  .mp-hero h1{font-size:clamp(2.55rem,12vw,4rem)!important;max-width:10.5ch}
  .mp-hero p:not(.mp-kicker){font-size:1.05rem!important;line-height:1.5}
  .mp-hero .wp-block-buttons{gap:10px;align-items:stretch}
  .mp-hero .wp-block-button{width:100%}
  .mp-hero .wp-block-button__link{display:block;width:100%;text-align:center}
  .mp-hero:after{width:220px;height:220px;min-width:0;min-height:0;right:-105px;bottom:-90px;opacity:.28}
  .mp-image-text.wp-block-columns{display:flex!important;flex-direction:column;gap:28px}
  .mp-image-text>.wp-block-column{width:100%}
  .mp-image-text .wp-block-column:first-child{order:2}
  .mp-image-text .wp-block-column:last-child{order:1}
  .mp-image-text img{min-height:0;aspect-ratio:4/3}
  .mp-feature-grid,.mp-card-grid,.mp-color-tiles,.mp-stats{display:grid!important;grid-template-columns:1fr}
  .mp-feature-grid>.wp-block-column,.mp-card-grid>.wp-block-column,.mp-color-tiles>.wp-block-column,.mp-stats>*{margin:0!important;max-width:none!important;grid-column:auto!important}
  .mp-color-tile{min-height:230px}
  .mp-stat strong{font-size:clamp(2.8rem,15vw,4.25rem)}
  .mp-quote blockquote p{font-size:clamp(1.8rem,8vw,2.8rem)!important}
  .mp-contact{padding:28px 22px!important}
  .mp-contact .wp-block-buttons,.mp-contact .wp-block-button{width:100%}
  .mp-contact .wp-block-button__link{display:block;text-align:center;width:100%}
  .mp-photo-block,.mp-photo-block img{min-height:0;aspect-ratio:4/3}
  .wp-block-cover.mp-photo-placeholder{min-height:280px}
}

/* Very narrow phones. */
@media(max-width:380px){
  :root{--mp-gutter:16px}
  .mp-hero{min-height:580px!important}
  .mp-hero h1{font-size:2.5rem!important}
}

/* 0.7.0 — production component layer */
:root{
  --mp-radius:var(--wp--custom--mijnplein--radius,20px);
  --mp-gutter:var(--wp--custom--mijnplein--content-gutter,clamp(20px,4vw,64px));
  --mp-section-y:var(--wp--custom--mijnplein--section-space,clamp(56px,7vw,112px));
}
.mp-query-card{height:100%}.mp-query-card>.wp-block-post-featured-image{margin:0}.mp-query-card .wp-block-post-excerpt__more-link{font-weight:700}
.mp-agenda-row{padding:1rem 0;border-top:1px solid rgba(43,43,51,.14)}.mp-agenda-row:last-child{border-bottom:1px solid rgba(43,43,51,.14)}.mp-agenda-row .wp-block-post-title{margin-bottom:.35rem}.mp-agenda-row .wp-block-post-excerpt{margin-top:0}
.mp-link-list{padding:clamp(1.25rem,3vw,2rem);background:var(--wp--preset--color--muted);border-radius:var(--mp-radius)}.mp-link-list ul{list-style:none;padding:0;margin:0}.mp-link-list li{border-top:1px solid rgba(43,43,51,.13)}.mp-link-list li:last-child{border-bottom:1px solid rgba(43,43,51,.13)}.mp-link-list a{display:flex;justify-content:space-between;gap:1rem;padding:.9rem 0;text-decoration:none;font-weight:700}.mp-link-list a:after{content:'→'}
.mp-split-feature>.wp-block-columns{gap:clamp(32px,6vw,96px)}
.mp-content-hub>.wp-block-columns{gap:clamp(36px,6vw,84px)}
.mp-site-header{position:sticky;top:0;box-shadow:0 1px 0 rgba(43,43,51,.08)}.admin-bar .mp-site-header{top:32px}
@media(max-width:782px){.admin-bar .mp-site-header{top:46px}.mp-content-hub>.wp-block-columns,.mp-split-feature>.wp-block-columns{gap:32px}}
@media(max-width:600px){.mp-site-header{position:relative;top:auto}.admin-bar .mp-site-header{top:auto}.mp-link-list{padding:1.1rem}.mp-content-hub>.wp-block-columns{display:block}.mp-content-hub>.wp-block-columns>.wp-block-column+ .wp-block-column{margin-top:48px}}

/* === v0.8 component library === */
.mp-section-heading{max-width:850px;margin-inline:auto;text-align:center}.mp-eyebrow{font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--wp--preset--color--mijnplein-red);margin-bottom:.65rem}.mp-section-heading h2{margin-top:0}.mp-logo-strip{padding-block:clamp(42px,6vw,84px);background:var(--wp--preset--color--muted)}.mp-logo-grid{align-items:center;gap:clamp(20px,4vw,56px)}.mp-logo-placeholder{min-height:74px;display:grid;place-items:center}.mp-logo-placeholder img:not([src]){min-height:74px;width:100%;border:2px dashed rgba(43,43,51,.18);border-radius:12px}.mp-people-grid{gap:clamp(18px,3vw,34px)}.mp-person-card h3{margin-bottom:.2rem}.mp-person-card p{margin-top:0}.mp-photo-placeholder img{width:100%;border-radius:var(--wp--custom--mijnplein--radius)}.mp-download-list{list-style:none;padding:0;margin:0;border-top:1px solid rgba(43,43,51,.14)}.mp-download-list li{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 4px;border-bottom:1px solid rgba(43,43,51,.14)}.mp-download-list li a{font-weight:750;text-decoration:none}.mp-download-list li span{font-size:.78rem;font-weight:800;letter-spacing:.06em}.mp-timeline{position:relative}.mp-timeline-item{align-items:flex-start;gap:20px!important;padding-block:18px}.mp-timeline-number{flex:0 0 48px;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;margin:0;background:var(--wp--preset--color--mijnplein-red);color:#fff;font-weight:850;font-size:1.1rem}.mp-timeline-item h3{margin-top:.2rem;margin-bottom:.35rem}.mp-contact-cards{gap:20px}.mp-contact-card{padding:clamp(24px,3vw,40px);border-radius:var(--wp--custom--mijnplein--radius);background:var(--wp--preset--color--muted)}.mp-contact-card h3{margin-top:0}.mp-contact-card a{font-weight:700}.wp-site-blocks a:focus-visible,.wp-site-blocks button:focus-visible{outline:3px solid currentColor;outline-offset:4px;border-radius:4px}.skip-link.screen-reader-text:focus{clip:auto!important;clip-path:none;height:auto;width:auto;top:8px;left:8px;padding:12px 16px;background:#fff;color:#111;z-index:100000}.wp-block-button__link{transition:transform .18s ease,box-shadow .18s ease}.wp-block-button__link:hover{transform:translateY(-1px)}
@media(max-width:781px){.mp-logo-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))}.mp-people-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))}.mp-contact-cards{display:grid!important;grid-template-columns:1fr}.mp-download-list li{align-items:flex-start}.mp-timeline-item{gap:14px!important}.mp-timeline-number{flex-basis:42px;width:42px;height:42px}}
@media(max-width:520px){.mp-people-grid{grid-template-columns:1fr}.mp-logo-grid{grid-template-columns:1fr 1fr}.mp-section-heading{text-align:left}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}