/* WLM 2026 – handgeschreven, geen Tailwind-runtime */
@font-face{font-family:"Outfit";font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/outfit-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Outfit";font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/outfit-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--paper:#f1ece3;--snow:#fff;--sand:#e6e0d4;--mist:#d5ddd9;--ink:#141414;--muted:#5c6568;--water:#0f9aa5;--water-light:#6ab5ba;--water-deep:#2c7076;--orange:#fe9f00;--ember:#db6a15;--leaf:#99be4b;--leaf-deep:#6e8b34;--border:#ddd4c4;--card:#faf7f1;--font:"Soleil","Outfit",ui-sans-serif,system-ui,sans-serif;--radius:4px;--shadow:0 18px 40px -24px rgb(20 20 20/.4);--max:80rem;--header-h:4.5rem}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:1.0625rem;line-height:1.6;-webkit-font-smoothing:antialiased;text-wrap:pretty}
img,video,iframe{max-width:100%;height:auto}
a{color:var(--water-deep)}
a:hover{color:var(--water)}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--water);outline-offset:3px}
h1,h2,h3,h4{font-family:var(--font);font-weight:700;letter-spacing:.02em;line-height:1.08;text-transform:uppercase;text-wrap:balance;color:var(--ink);margin:0 0 .5em}
h1{font-size:clamp(2.25rem,5vw,3rem)}h2{font-size:clamp(1.875rem,3.5vw,2.25rem)}h3{font-size:1.25rem}
::selection{background:var(--water);color:var(--paper)}
.container{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:1rem}
@media(min-width:640px){.container{padding-inline:1.5rem}}
.screen-reader-text,.skip-link{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip-link:focus{clip:auto;width:auto;height:auto;left:1rem;top:.75rem;z-index:100;background:var(--paper);color:var(--ink);padding:.5rem .75rem;border-radius:var(--radius)}
.kicker{display:inline-flex;width:fit-content;align-items:center;background:var(--orange);color:var(--ink);font-weight:600;font-size:.75rem;letter-spacing:.08em;line-height:1.25;text-transform:uppercase;padding:.4rem .6rem;margin:0 0 1rem}
.muted{color:var(--muted)}
.icon{flex-shrink:0}
/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;height:2.75rem;padding:0 1.25rem;border-radius:2px;font:600 .9375rem/1 var(--font);text-decoration:none;border:1px solid transparent;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}
.btn-sm{height:2.25rem;padding:0 .75rem;font-size:.875rem}
.btn-lg{height:3rem;padding:0 1.75rem;font-size:1rem}
.btn-primary{background:var(--water);color:var(--paper)}.btn-primary:hover{background:var(--water-deep);color:var(--paper)}
.btn-inverse{background:var(--paper);color:var(--ink)}.btn-inverse:hover{background:var(--sand);color:var(--ink)}
.btn-outline{border-color:var(--border);color:var(--ink);background:transparent}.btn-outline:hover{background:var(--sand);color:var(--ink)}
.btn-ghost-light{border-color:rgb(241 236 227/.3);color:var(--paper)}.btn-ghost-light:hover{background:rgb(241 236 227/.1);color:var(--paper)}
.btn-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}
/* Header */
.site-header{position:fixed;inset:0 0 auto;z-index:40;color:var(--snow);border-bottom:1px solid transparent;transition:background .3s}
.admin-bar .site-header{top:32px}@media(max-width:782px){.admin-bar .site-header{top:46px}}
.site-header.is-scrolled,body:not(.has-hero) .site-header,.nav-open .site-header{background:var(--water-deep);-webkit-backdrop-filter:none;backdrop-filter:none;border-color:var(--water-deep);box-shadow:0 2px 12px -6px rgb(20 20 20/.5)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;height:4rem}
@media(min-width:640px){.header-inner{height:var(--header-h)}}
.brand{display:flex;flex-shrink:0}.site-logo{height:2.25rem;width:auto}@media(min-width:640px){.site-logo{height:2.75rem}}
.header-actions{display:flex;align-items:center;gap:.5rem}
.header-cta{display:none}@media(min-width:640px){.header-cta{display:inline-flex}}
.nav-toggle,.nav-close{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;background:transparent;border:0;color:inherit;border-radius:2px;cursor:pointer}
.nav-toggle:hover{background:rgb(255 255 255/.15)}
.primary-nav .menu{list-style:none;margin:0;padding:0}
.primary-nav a{text-decoration:none}
/* Desktop nav */
@media(min-width:1024px){
 .nav-toggle,.nav-panel-head,.nav-panel-foot,.submenu-toggle{display:none!important}
 .primary-nav .menu{display:flex;gap:.125rem;align-items:center}
 .primary-nav .menu>li{position:relative}
 .primary-nav .menu>li>a{display:inline-flex;align-items:center;gap:.25rem;height:2.75rem;padding:0 .75rem;font-size:.875rem;font-weight:500;color:var(--snow)}
 .primary-nav .menu>li.menu-item-has-children>a::after{content:"";width:.4em;height:.4em;border-right:1.5px solid;border-bottom:1.5px solid;transform:rotate(45deg) translateY(-2px);opacity:.7;margin-left:.25rem}
 .primary-nav .menu>li>a:hover{color:rgb(255 255 255/.8)}
 .primary-nav .current-menu-item>a,.primary-nav .current-menu-ancestor>a,.primary-nav .current_page_item>a{text-decoration:underline;text-decoration-color:var(--orange);text-decoration-thickness:2px;text-underline-offset:8px}
 .primary-nav .sub-menu{list-style:none;margin:0;position:absolute;left:0;top:100%;min-width:14rem;padding:.5rem;background:var(--paper);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);visibility:hidden;opacity:0;transform:translateY(.5rem);transition:.15s}
 .primary-nav li:hover>.sub-menu,.primary-nav li:focus-within>.sub-menu{visibility:visible;opacity:1;transform:none}
 .primary-nav .sub-menu a{display:block;padding:.5rem .75rem;font-size:.875rem;color:var(--ink);border-radius:2px}
 .primary-nav .sub-menu a:hover,.primary-nav .sub-menu .current-menu-item>a{background:var(--sand)}
}
/* Mobile panel (hamburger) */
@media(max-width:1023.98px){
 .primary-nav{position:fixed;top:0;right:0;bottom:0;width:min(22rem,88vw);background:var(--paper);color:var(--ink);padding:1.25rem 1.5rem 6rem;overflow-y:auto;transform:translateX(100%);transition:transform .25s;z-index:60;visibility:hidden}
 .nav-open .primary-nav{transform:none;visibility:visible}
 .nav-backdrop{position:fixed;inset:0;background:rgb(20 20 20/.5);z-index:55}
 .nav-panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}
 .nav-panel-title{font-weight:700;text-transform:uppercase;letter-spacing:.04em}
 .primary-nav .menu>li{position:relative;border-bottom:1px solid var(--border)}
 .primary-nav .menu>li>a{display:block;padding:.75rem 3rem .75rem 0;font-weight:600;font-size:1.125rem;color:var(--ink)}
 .submenu-toggle{position:absolute;right:0;top:.35rem;width:2.5rem;height:2.5rem;background:none;border:0;cursor:pointer;color:var(--ink)}
 .submenu-toggle span{display:inline-block;width:.55rem;height:.55rem;border-right:2px solid;border-bottom:2px solid;transform:rotate(45deg);transition:transform .2s}
 .is-open>.submenu-toggle span{transform:rotate(-135deg)}
 .primary-nav .sub-menu{list-style:none;margin:0 0 .75rem;padding:0;display:none}
 .primary-nav li.is-open>.sub-menu{display:block}
 .primary-nav .sub-menu a{display:block;padding:.4rem 0;color:var(--muted)}
 .nav-panel-foot{margin-top:1.5rem;font-size:.875rem;color:var(--muted)}
 .nav-panel-foot .btn{width:100%;margin-bottom:1rem}
 .nav-panel-foot a:not(.btn){font-weight:600;color:var(--water)}
}
.mobile-bar{position:fixed;inset:auto 0 0;z-index:39;display:flex;gap:.5rem;padding:.75rem;background:var(--paper);border-top:1px solid var(--border)}
.mobile-bar .btn-outline{flex:1}.mobile-bar .btn-primary{flex:1.4}
@media(min-width:640px){.mobile-bar{display:none}}
@media(max-width:639.98px){body{padding-bottom:4.25rem}}
/* Heroes */
.home-hero,.page-hero{position:relative;isolation:isolate;overflow:hidden;background:var(--ink);color:var(--snow)}
.home-hero{min-height:min(100svh,46rem);display:flex;align-items:center}
@media(min-width:640px){.home-hero{min-height:44rem}}
.page-hero{min-height:28rem;display:flex;align-items:center}@media(min-width:640px){.page-hero{min-height:34rem}}
.hero-bg,.hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.hero-slide{opacity:0;transition:opacity 1s}.hero-slide.is-active{opacity:1}
.hero-slide:first-child{object-position:center 32%}
.hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgb(20 20 20/.7),rgb(20 20 20/.35) 55%,rgb(20 20 20/.1))}
.home-hero .hero-shade{background:linear-gradient(90deg,rgb(20 20 20/.72),rgb(20 20 20/.4) 60%,rgb(20 20 20/.15)),linear-gradient(0deg,rgb(20 20 20/.4),transparent 40%)}
.hero-content{padding-top:7rem;padding-bottom:4rem}
.hero-content>*{max-width:42rem}
.page-hero .hero-content>*{max-width:36rem}
.home-hero h1,.page-hero h1{color:var(--snow)}
.hero-title{font-size:clamp(2.5rem,7vw,4.5rem)}
.hero-lead{font-size:clamp(1.125rem,2vw,1.25rem);color:rgb(255 255 255/.9);margin:1.25rem 0 0}
.hero-text{color:rgb(255 255 255/.8);margin:.75rem 0 0}
.hero-dots{display:flex;gap:.5rem;margin-top:2rem}
.hero-dots button{height:6px;width:1.25rem;border:0;padding:0;background:rgb(241 236 227/.55);cursor:pointer;transition:.3s}
.hero-dots button.is-active{width:2.5rem;background:var(--orange)}
/* Info strip */
.info-strip{background:var(--water);color:var(--paper)}
.info-grid{display:grid;gap:1.5rem;padding-block:1.25rem}@media(min-width:640px){.info-grid{grid-template-columns:repeat(3,1fr)}}
.info-item{display:flex;align-items:center;gap:.75rem}
.info-item p{margin:0}.info-item .t{font-size:.875rem;font-weight:600}.info-item .s{font-size:.75rem;opacity:.75}
/* Sections */
.section{padding-block:4rem}@media(min-width:640px){.section{padding-block:5rem}}
.section-head{margin-bottom:2.5rem}.section-head.narrow{max-width:42rem}
.section-head.split{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem}
.section-head h2{margin:.25rem 0 0}.section-head p.muted{margin-top:1rem;max-width:62ch}
.band-sand{background:var(--sand)}
/* Shape cards */
.shape-grid,.card-grid{display:grid;gap:1.5rem}@media(min-width:768px){.shape-grid,.card-grid{grid-template-columns:repeat(3,1fr)}}
.shape-card{display:block;overflow:hidden;background:var(--card);text-decoration:none;color:var(--ink)}
.shape-img{aspect-ratio:16/9;overflow:hidden}.shape-img img,.ex-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.shape-card:hover img,.ex-card:hover img{transform:scale(1.05)}
.shape-label{position:relative;display:flex;align-items:center;height:4rem;background:var(--paper)}
.shape-plane{position:absolute;inset:0 auto 0 0;width:30%;background:var(--ink);clip-path:polygon(0 0,62% 0,100% 100%,0 100%)}
.shape-label>div{position:relative;padding:.375rem .75rem .375rem 34%;min-width:0}
.shape-title{margin:0;font-weight:700;font-size:.875rem;line-height:1.2}
.shape-sub{margin:0;font-size:11px;line-height:1.35;color:rgb(20 20 20/.7)}
.shape-bar{height:1rem}.bar-water{background:var(--water)}.bar-leaf{background:var(--leaf)}.bar-orange{background:var(--orange)}
/* Exhibition + activity cards */
.ex-card{display:block;overflow:hidden;background:var(--card);border-radius:var(--radius);text-decoration:none;color:var(--ink)}
.ex-img{height:12rem;overflow:hidden}.ex-body{padding:1.25rem}
.meta{margin:0;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--water)}
.ex-body h3,.activity-body h3{margin:.4rem 0 .25rem}
.excerpt{margin:.25rem 0 0;font-size:.875rem;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.activity-grid{display:grid;gap:1rem}@media(min-width:768px){.activity-grid{grid-template-columns:repeat(2,1fr)}}
.activity-card a{display:flex;overflow:hidden;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;color:var(--ink);height:100%}
.activity-card img{width:8rem;height:10rem;object-fit:cover;flex-shrink:0}@media(min-width:640px){.activity-card img{width:10rem;height:11rem}}
.activity-body{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:1rem 1.25rem}
.activity-card a:hover h3{color:var(--water-deep)}
/* Feature band */
.feature-band{position:relative;isolation:isolate;overflow:hidden;background:var(--ink);color:var(--paper)}
.feature-band .hero-bg{opacity:.4}.feature-shade{position:absolute;inset:0;z-index:-1;background:rgb(20 20 20/.55)}
.feature-content{padding-block:5rem}.feature-content>*{max-width:36rem}
.feature-content .icon{width:2rem;height:2rem;color:var(--water-light);margin-bottom:1rem}
.feature-content h2{color:var(--snow)}.feature-content p{color:rgb(255 255 255/.9)}
/* Partners */
.partners{padding-block:3rem}.partners-label{text-align:center;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:0 0 2rem}
.partner-logos{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2rem 3rem}
.partner-logos img{height:3.5rem;width:auto;max-width:10rem;object-fit:contain}
/* Entry content (ook paginabouwers) */
.entry-content{max-width:48rem;margin-inline:auto;padding:3.5rem 1rem 4rem}
.entry-content::after{content:"";display:table;clear:both}
.entry-content>*{max-width:100%}
.entry-content p,.entry-content li{max-width:68ch}
.entry-content img{border-radius:2px}
.entry-content .alignwide{max-width:64rem;margin-inline:auto}
.entry-content .alignfull{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw)}
.entry-content .alignleft{float:left;margin:0 1.5rem 1rem 0}.entry-content .alignright{float:right;margin:0 0 1rem 1.5rem}.entry-content .aligncenter{display:block;margin-inline:auto}
.entry-content table{width:100%;border-collapse:collapse}.entry-content th,.entry-content td{border-bottom:1px solid var(--border);padding:.5rem;text-align:left}
.entry-content blockquote{border-left:4px solid var(--orange);margin:1.5rem 0;padding:.25rem 0 .25rem 1.25rem}
.entry-content .wp-block-button__link,.entry-content .vc_btn3,.entry-content .elementor-button{background:var(--water);color:var(--paper);border-radius:2px}
.has-builder-content .entry-content{max-width:var(--max)}
.has-builder-content .entry-content p,.has-builder-content .entry-content li{max-width:none}
.elementor-section.elementor-section-stretched{left:0!important;width:100%!important}
.narrow-content{max-width:48rem}
.post-nav{display:flex;justify-content:space-between;gap:1rem;max-width:48rem;padding-bottom:3rem;font-weight:600}
.pagination .nav-links{display:flex;gap:.5rem;justify-content:center;margin-top:3rem}
.pagination .page-numbers{display:inline-flex;min-width:2.5rem;height:2.5rem;align-items:center;justify-content:center;border:1px solid var(--border);text-decoration:none;color:var(--ink)}
.pagination .current{background:var(--water);color:var(--paper);border-color:var(--water)}
.search-form{display:flex;gap:.5rem;margin:1.5rem 0}.search-field,input[type=email],input[type=text]{flex:1;height:2.75rem;padding:0 .75rem;border:1px solid var(--border);background:var(--card);font:inherit;border-radius:2px}
.search-submit{height:2.75rem;padding:0 1.25rem;border:0;background:var(--water);color:var(--paper);font:600 .9375rem var(--font);cursor:pointer}
/* Footer */
.site-footer{background:var(--ink);color:var(--paper)}
.footer-grid{display:grid;gap:3rem;padding-block:3.5rem}
@media(min-width:640px){.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.footer-grid{grid-template-columns:4fr 2fr 2fr 2fr 2fr}}
.footer-logo{height:3rem;width:auto;margin-bottom:1.5rem}
.footer-about p,.footer-about address{font-size:.875rem;color:rgb(241 236 227/.75);font-style:normal;max-width:24rem}
.footer-about address{margin-top:1.5rem;color:rgb(241 236 227/.8)}
.site-footer a{color:rgb(241 236 227/.8);text-decoration:none}.site-footer a:hover{color:var(--water-light)}
.brand-dots{display:flex;gap:.5rem;margin-top:1.5rem}.brand-dots span{width:10px;height:10px}.brand-dots .o{background:var(--orange)}.brand-dots .l{background:var(--leaf)}.brand-dots .w{background:var(--water-light)}
.footer-label,.footer-col h2,.footer-menu-list>li>a{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--water-light)!important;margin:1.5rem 0 .75rem}
.footer-col h2{margin-top:0}
.footer-col ul{list-style:none;margin:0;padding:0;font-size:.875rem}.footer-col li{margin-bottom:.5rem}
.footer-menu{grid-column:span 1}@media(min-width:1024px){.footer-menu{grid-column:span 3}.footer-menu-list{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}}
.footer-menu-list .sub-menu{list-style:none;padding:0;margin:.75rem 0 0}
.footer-newsletter p{font-size:.875rem;color:rgb(241 236 227/.75)}
.footer-newsletter .btn{color:var(--paper)}
.social-links{list-style:none;display:flex;gap:.5rem;margin:0;padding:0}
.social-links a{display:inline-flex;width:2.25rem;height:2.25rem;align-items:center;justify-content:center;border:1px solid rgb(241 236 227/.2);border-radius:2px}
.footer-bottom{border-top:1px solid rgb(241 236 227/.1);font-size:.75rem;color:rgb(241 236 227/.55)}
.footer-bottom .container{display:flex;flex-direction:column;gap:.75rem;padding-block:1.25rem}
@media(min-width:640px){.footer-bottom .container{flex-direction:row;justify-content:space-between;align-items:center}}
.footer-bottom p{margin:0}.footer-bottom ul{list-style:none;display:flex;flex-wrap:wrap;gap:1rem;margin:0;padding:0}
.footer-bottom a{color:rgb(241 236 227/.55)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.footer-newsletter .widget-title{font-size:.875rem;color:var(--water-light);margin:1rem 0 .5rem}.footer-newsletter ul{list-style:none;padding:0;font-size:.875rem}
/* Hardening tegen globale h1/body-regels uit oude plugin-CSS */
html body{background:var(--paper);font-family:var(--font)}
.home-hero h1,.page-hero h1{font-family:var(--font);font-weight:700;text-transform:uppercase;letter-spacing:.02em;line-height:1.08;margin:0 0 .5em;font-size:clamp(2.25rem,5vw,3rem)}
.home-hero h1.hero-title{font-size:clamp(2.5rem,7vw,4.5rem)}
.section h2,.feature-band h2,.site-footer h2{font-family:var(--font);text-transform:uppercase;font-weight:700}
/* Agenda (/nieuwsberichten/) */
.agenda-intro{max-width:46rem;font-size:1.075rem;line-height:1.7;color:var(--ink);padding-bottom:0}
.agenda-intro p{margin:0 0 1rem}
.agenda-section{padding-top:2rem}
.activity-body .meta{text-transform:uppercase;letter-spacing:.04em;font-weight:600;font-size:.8rem;color:var(--water-deep);margin:0}
.agenda-grid .excerpt{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 .75rem;color:var(--ink);opacity:.85}
.activity-more{align-self:flex-start;margin-top:auto;padding:.4rem .9rem;font-size:.875rem}
@media(min-width:1100px){.agenda-grid{grid-template-columns:repeat(3,1fr)}.agenda-grid .activity-card a{flex-direction:column}.agenda-grid .activity-card img{width:100%;height:12rem}.agenda-grid .activity-body{justify-content:flex-start;flex:1}}
.agenda-more{text-align:center;margin-top:2rem}
.agenda-empty{font-size:1.05rem}