@view-transition { navigation: auto; }
:root{
--bg:#faf9f6; --ink:#1e1f1d; --ink-soft:#5c5b55; --stone:#8b8a83;
--line:#e7e5de; --card:#ffffff;
--petrol:#019EBD; --petrol-deep:#02768F; --petrol-donker:#065A6B;
--tint:#BFEAF4;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0; background:var(--bg); color:var(--ink); font-family:Lora,Georgia,serif; font-size:18px; line-height:1.7;}
img{max-width:100%; height:auto; display:block;}
a{color:var(--petrol-deep); text-decoration:none;}
a:hover{text-decoration:underline;} .vma-bar{position:sticky; top:0; z-index:50; display:flex; align-items:center; justify-content:space-between; gap:18px; padding:13px clamp(18px,4vw,44px); background:color-mix(in srgb, var(--bg) 90%, transparent); backdrop-filter:blur(10px); border-bottom:1px solid var(--line);}
.vma-logo{display:flex; align-items:center; gap:14px; color:var(--ink); text-decoration:none;}
.vma-logo:hover{text-decoration:none;}
.vma-logo svg{width:52px; height:44px; flex:none;}
.vma-logo .wm{display:flex; flex-direction:column; line-height:1.05;}
.vma-logo .wm small{font-size:10.5px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:var(--petrol-deep); font-family:Lora,Georgia,serif;}
.vma-logo .wm span{font-family:Marcellus,Georgia,serif; font-size:23px; font-weight:400; letter-spacing:.01em;}
.vma-bar nav ul{display:flex; gap:clamp(12px,2.2vw,26px); font-size:15.5px; font-weight:500; flex-wrap:wrap; list-style:none; margin:0; padding:0;}
.vma-bar nav a{color:#4c4c46;}
.vma-bar nav li.current-menu-item > a, .vma-bar nav li.current-post-ancestor > a, .vma-bar nav li.current_page_item > a{color:var(--petrol-deep); font-weight:600;} .held{position:relative; height:min(78vh,680px); min-height:440px; overflow:hidden; background:#141513;}
.dia{position:absolute; inset:0; opacity:0; transition:opacity 1.1s ease;}
.dia.actief{opacity:1;}
.dia img{width:100%; height:100%; object-fit:cover;}
@media (prefers-reduced-motion:no-preference){
.dia.actief img{animation:kenburns 7s ease-out forwards;}
@keyframes kenburns{from{transform:scale(1.001);}to{transform:scale(1.055);}}
}
.held .scrim{position:absolute; inset:0; background:linear-gradient(78deg, rgba(12,20,22,.82) 0%, rgba(12,20,22,.45) 46%, rgba(12,20,22,.05) 75%);}
.held .inhoud{position:absolute; inset:0; display:flex; flex-direction:column; justify-content:center; gap:18px; padding:clamp(24px,5vw,72px); max-width:760px;}
.held .kicker{color:var(--tint);}
.held h1{font-family:Marcellus,Georgia,serif; font-weight:400; font-size:clamp(36px,5.4vw,66px); line-height:1.09; margin:0; color:#fdfdfb; text-wrap:balance;}
.held p{margin:0; color:#d9dcd8; max-width:52ch; font-size:19px;}
.held .knoppen{display:flex; gap:14px; flex-wrap:wrap; margin-top:8px;}
.knop{display:inline-block; padding:12px 24px; font-weight:600; font-size:14.5px; letter-spacing:.03em; border-radius:3px;}
.knop.vol{background:var(--petrol); color:#062a31;}
.knop.vol:hover{background:var(--tint); text-decoration:none;}
.knop.lijn{border:1px solid rgba(253,253,251,.55); color:#fdfdfb;}
.knop.lijn:hover{border-color:#fdfdfb; text-decoration:none;}
.dia-onderschrift{position:absolute; right:0; bottom:0; z-index:3; background:rgba(12,20,22,.72); color:#e8eae6; font-size:12px; letter-spacing:.06em; padding:8px 16px;}
.dia-nav{position:absolute; left:clamp(24px,5vw,72px); bottom:26px; z-index:3; display:flex; gap:9px; align-items:center;}
.stip{width:9px; height:9px; border-radius:50%; border:1px solid rgba(253,253,251,.7); background:transparent; padding:0; cursor:pointer;}
.stip.actief{background:var(--petrol); border-color:var(--petrol);}
.pijl{position:absolute; top:50%; translate:0 -50%; z-index:3; background:rgba(12,20,22,.45); border:0; color:#fdfdfb; width:44px; height:44px; border-radius:50%; font-size:19px; cursor:pointer; display:grid; place-items:center;}
.pijl:hover{background:rgba(12,20,22,.75);}
.pijl.links{left:14px;} .pijl.rechts{right:14px;}
.kicker{font-size:12px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; color:var(--petrol-deep);} .citaat{max-width:880px; margin:0 auto; padding:clamp(44px,7vw,84px) 22px; text-align:center;}
.citaat blockquote{margin:0; border:0; padding:0; font-family:Lora,Georgia,serif; font-style:italic; font-weight:400; font-size:clamp(24px,3.2vw,34px); line-height:1.45; color:var(--ink);}
.citaat cite{display:block; margin-top:18px; font-style:normal; font-size:13px; letter-spacing:.14em; text-transform:uppercase; color:var(--stone);}
.citaat cite b{color:var(--petrol-deep); font-weight:600;} .sectie{padding:clamp(34px,5vw,64px) clamp(18px,4vw,44px); max-width:1280px; margin:0 auto;}
.sectiekop{display:flex; align-items:baseline; justify-content:space-between; gap:16px; margin-bottom:26px;}
.sectiekop h2{font-family:Marcellus,Georgia,serif; font-weight:400; font-size:clamp(26px,3vw,36px); margin:0;}
.sectiekop a{font-size:13.5px; font-weight:600;} .cards{display:grid; grid-template-columns:repeat(4,1fr); gap:clamp(14px,2.2vw,26px);}
.cards > *{min-width:0;}
.kaart{background:var(--card); border:1px solid var(--line); padding:10px 10px 13px; display:flex; flex-direction:column; gap:11px; color:var(--ink); transition:box-shadow .25s, translate .25s;}
.kaart:hover{text-decoration:none; box-shadow:0 18px 38px -24px rgba(20,25,26,.45); translate:0 -3px;}
.kaart .doek{display:block; min-width:0; aspect-ratio:4/5; overflow:hidden; background:#eceae4;}
.kaart .doek img{width:100%; height:100%; object-fit:cover; transition:transform .6s ease;}
.kaart:hover .doek img{transform:scale(1.05);}
.label{border-left:2px solid var(--petrol); padding-left:10px;}
.label b{display:block; font-size:15.5px; font-weight:600; letter-spacing:.01em; overflow-wrap:anywhere;}
.label span{font-size:12.5px; color:var(--stone); letter-spacing:.06em;} .zalen{display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:clamp(14px,2.2vw,26px);}
.zalen > *{min-width:0;}
.zaal{position:relative; aspect-ratio:3/4; overflow:hidden; display:flex; align-items:flex-end; color:#fdfdfb; background:#141513;}
.zaal img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.86; transition:transform .7s ease, opacity .4s;}
.zaal:hover{text-decoration:none;}
.zaal:hover img{transform:scale(1.06); opacity:.95;}
.zaal .zb{position:relative; z-index:2; width:100%; padding:18px 16px; background:linear-gradient(transparent, rgba(10,16,18,.86) 55%);}
.zaal .zb i{font-style:normal; font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--tint);}
.zaal .zb b{display:block; font-family:Marcellus,Georgia,serif; font-size:clamp(16px,2.3vw,23px); font-weight:400; margin-top:3px; overflow-wrap:anywhere; text-wrap:balance;}
.zaal .zb span{font-size:clamp(11px,1.4vw,12.5px); color:#c9ccc8;} .oproep{background:var(--petrol-donker); color:#f2fbfd;}
.oproep .binnen{max-width:1000px; margin:0 auto; padding:clamp(44px,7vw,80px) clamp(18px,4vw,44px); display:grid; grid-template-columns:1.4fr .6fr; gap:clamp(22px,4vw,48px); align-items:center;}
.oproep h2{font-family:Marcellus,Georgia,serif; font-weight:400; font-size:clamp(28px,4vw,44px); line-height:1.18; margin:0 0 12px; text-wrap:balance;}
.oproep p{margin:0; color:#c4e6ee; max-width:56ch;}
.oproep .knop.vol{background:#fdfdfb; color:var(--petrol-donker); justify-self:start;}
.oproep .knop.vol:hover{background:var(--tint);}
.oproep .mono{justify-self:center; width:min(150px,60%); opacity:.28;} .werkkop{max-width:820px; margin:0 auto; padding:clamp(36px,5vw,64px) 20px 10px; text-align:center;}
.werkkop h1{font-family:Marcellus,Georgia,serif; font-weight:400; font-size:clamp(34px,4.6vw,54px); margin:8px 0 10px; line-height:1.15;}
.werkkop .jaren{font-size:13px; letter-spacing:.14em; color:var(--stone); text-transform:uppercase;}
.werkkop p{color:var(--ink-soft); max-width:60ch; margin:10px auto 0;}
.hoofdstuk{max-width:900px; margin:0 auto; padding:10px clamp(18px,4vw,44px) 30px;}
.hoofdstuk img{margin:18px auto; background:var(--card); border:1px solid var(--line); padding:9px; cursor:zoom-in;}
.hoofdstuk p{margin:0 0 1.1em;}
.hoofdstuk h2,.hoofdstuk h3{font-family:Marcellus,Georgia,serif; font-weight:400; line-height:1.2;}
.hoofdstuk .wp-block-gallery, .hoofdstuk .gallery{display:grid; grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); gap:16px;}
.hoofdstuk .wp-block-gallery img, .hoofdstuk .gallery img{margin:0; width:100%; object-fit:cover;}
.hoofdstuk figure{margin:18px 0; max-width:100%;}
.hoofdstuk figcaption, .hoofdstuk .wp-caption-text{font-size:13px; color:var(--stone); text-align:center;}
.hoofdstuk iframe,.hoofdstuk video{max-width:100%;}
.hoofdstuk a{text-decoration:underline; text-decoration-color:var(--tint);}
.hoofdstuk .alignleft{float:left; margin:6px 22px 12px 0;}
.hoofdstuk .alignright{float:right; margin:6px 0 12px 22px;}
.hoofdstuk .aligncenter{margin-left:auto; margin-right:auto;}
.hoofdstuk::after{content:""; display:block; clear:both;}
.blader{display:flex; justify-content:space-between; gap:16px; border-top:1px solid var(--line); margin-top:34px; padding-top:22px; font-size:14px;} .hoofdstuk .wpcf7 label{display:flex; flex-direction:column; gap:7px; font-size:13px; letter-spacing:.1em; text-transform:uppercase; color:var(--stone); font-weight:600; margin-bottom:18px;}
.hoofdstuk .wpcf7 input[type="text"], .hoofdstuk .wpcf7 input[type="email"], .hoofdstuk .wpcf7 input[type="tel"], .hoofdstuk .wpcf7 textarea{font-family:Lora,Georgia,serif; font-size:17px; color:var(--ink); background:var(--card); border:1px solid var(--line); padding:13px 15px; border-radius:3px; width:100%;}
.hoofdstuk .wpcf7 input:focus, .hoofdstuk .wpcf7 textarea:focus{outline:2px solid var(--petrol); outline-offset:1px; border-color:var(--petrol);}
.hoofdstuk .wpcf7 input[type="submit"]{background:var(--petrol); color:#062a31; border:0; cursor:pointer; padding:13px 26px; font-weight:600; font-size:14.5px; letter-spacing:.03em; border-radius:3px; font-family:Lora,Georgia,serif;}
.hoofdstuk .wpcf7 input[type="submit"]:hover{background:var(--petrol-deep); color:#fff;}
.hoofdstuk .wpcf7 form{background:var(--card); border:1px solid var(--line); padding:clamp(22px,3.5vw,38px);}
.hoofdstuk .wpcf7-response-output{border-color:var(--petrol-deep); color:var(--petrol-deep); padding:10px 14px; margin:16px 0 0;} .onthul{opacity:0; translate:0 24px; transition:opacity .7s ease, translate .7s ease;}
.onthul.zichtbaar{opacity:1; translate:0 0;} .vma-voetvlak{background:#141513; color:#b9bcb8; margin-top:56px; padding:clamp(36px,5vw,56px) clamp(18px,4vw,44px) 40px;}
.voet{max-width:1280px; margin:0 auto; display:grid; grid-template-columns:1.2fr .8fr 1fr; gap:clamp(24px,4vw,48px); font-size:14px;}
.voet .fmerk{display:flex; align-items:center; gap:13px; color:#fdfdfb; margin-bottom:12px;}
.voet .fmerk svg{width:46px; height:39px;}
.voet .fmerk div{line-height:1.1;}
.voet .fmerk small{font-size:10px; font-weight:600; letter-spacing:.2em; text-transform:uppercase; color:var(--tint);}
.voet .fmerk b{font-family:Marcellus,Georgia,serif; font-size:19px; font-weight:400; display:block;}
.voet h4{font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:#8b8e8a; margin:0 0 12px; font-weight:600;}
.voet nav{display:flex; flex-direction:column; gap:8px;}
.voet a{color:#d5d8d4;}
.voet a:hover{color:var(--tint);}
.voetnoot{max-width:1280px; margin:30px auto 0; padding-top:18px; border-top:1px solid #2b2c2a; font-size:12.5px; color:#848783; display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap;} .lichtbak{position:fixed; inset:0; z-index:100; background:rgba(12,16,17,.94); display:none; align-items:center; justify-content:center;}
.lichtbak.open{display:flex;}
.lichtbak img{max-width:min(92vw,1200px); max-height:82vh; width:auto; height:auto; box-shadow:0 30px 80px -30px rgba(0,0,0,.8); background:#1c1e1e; padding:0; border:0; margin:0; cursor:default;}
.lb-onderschrift{position:absolute; left:50%; translate:-50% 0; bottom:26px; color:#e8eae6; font-size:14px; letter-spacing:.05em; text-align:center; max-width:80vw;}
.lb-teller{position:absolute; top:20px; left:24px; color:#9aa09e; font-size:13px; letter-spacing:.1em;}
.lb-sluit{position:absolute; top:14px; right:16px; background:none; border:0; color:#fdfdfb; font-size:34px; line-height:1; cursor:pointer; padding:8px;}
.lb-pijl{position:absolute; top:50%; translate:0 -50%; background:rgba(250,249,246,.08); border:1px solid rgba(250,249,246,.25); color:#fdfdfb; width:52px; height:52px; border-radius:50%; font-size:22px; cursor:pointer; display:grid; place-items:center;}
.lb-pijl:hover{background:rgba(250,249,246,.2);}
.lb-pijl.links{left:18px;} .lb-pijl.rechts{right:18px;}
body.lb-actief{overflow:hidden;} .lader{position:fixed; inset:0; z-index:200; background:var(--bg); display:grid; place-items:center; opacity:0; pointer-events:none; transition:opacity .28s ease;}
.lader.aan{opacity:1; pointer-events:auto;}
.lader svg{width:110px; height:92px;}
.lader .m-lijn{stroke-dasharray:520; stroke-dashoffset:520;}
.lader .m-balk{opacity:0;}
.lader.aan .m-lijn{animation:teken 1.15s ease-in-out infinite;}
.lader.aan .m-balk{animation:balk 1.15s ease-in-out infinite;}
@keyframes teken{0%{stroke-dashoffset:520;}55%,80%{stroke-dashoffset:0;}100%{stroke-dashoffset:-520;}}
@keyframes balk{0%,45%{opacity:0;}60%,85%{opacity:1;}100%{opacity:0;}}
@media (prefers-reduced-motion:reduce){
.onthul{opacity:1; translate:0 0; transition:none;}
.kaart, .kaart .doek img, .zaal img{transition:none;}
html{scroll-behavior:auto;}
.lader.aan .m-lijn{animation:none; stroke-dashoffset:0;}
.lader.aan .m-balk{animation:none; opacity:1;}
}
@media (max-width:900px){
.cards,.zalen{grid-template-columns:repeat(2,1fr);}
.oproep .binnen{grid-template-columns:1fr;}
.oproep .mono{display:none;}
.voet{grid-template-columns:1fr 1fr;}
}
@media (max-width:640px){
.held{height:auto; min-height:0;}
.held .inhoud{position:relative; inset:auto; max-width:none; padding:86px 22px 116px;}
.held h1{font-size:clamp(31px,8.6vw,40px);}
.held p{font-size:17px;}
.pijl{display:none;}
.lb-pijl{width:42px;height:42px;}
.lichtbak img{max-width:96vw; max-height:74vh;}
}
@media (max-width:480px){
.vma-bar nav{display:none;}
.voet{grid-template-columns:1fr;}
}
@media (max-width:370px){
.cards,.zalen{grid-template-columns:1fr;}
}@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(//www.museum-aarschot.be/wp-content/themes/fukasawa/assets/fonts/lato-v23-latin-regular.woff2) format('woff2');
}
@font-face {
font-family: 'Lato';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(//www.museum-aarschot.be/wp-content/themes/fukasawa/assets/fonts/lato-v23-latin-italic.woff2) format('woff2');
}
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(//www.museum-aarschot.be/wp-content/themes/fukasawa/assets/fonts/lato-v23-latin-700.woff2) format('woff2');
}
@font-face {
font-family: 'Lato';
font-style: italic;
font-weight: 700;
font-display: swap;
src: url(//www.museum-aarschot.be/wp-content/themes/fukasawa/assets/fonts/lato-v23-latin-700italic.woff2) format('woff2');
}@font-face {
font-family: "Genericons";
src: url(https://www.museum-aarschot.be/wp-content/themes/fukasawa/assets/fonts/genericons/font/Genericons.woff) format( "woff" );
font-weight: normal;
font-style: normal;
} .genericon {
font-size: 16px;
vertical-align: top;
text-align: center;
-moz-transition: color .1s ease-in 0;
-webkit-transition: color .1s ease-in 0;
display: inline-block;
font-family: "Genericons";
font-style: normal;
font-weight: normal;
font-variant: normal;
line-height: 1;
text-decoration: inherit;
text-transform: none;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
speak: none;
} .genericon-404:before { content: "\f423"; }
.genericon-aside:before { content: "\f101"; }
.genericon-attachment:before { content: "\f416"; }
.genericon-audio:before { content: "\f109"; }
.genericon-bold:before { content: "\f471"; }
.genericon-book:before { content: "\f444"; }
.genericon-cart:before { content: "\f447"; }
.genericon-category:before { content: "\f301"; }
.genericon-chat:before { content: "\f108"; }
.genericon-checkmark:before { content: "\f418"; }
.genericon-close:before { content: "\f405"; }
.genericon-close-alt:before { content: "\f406"; }
.genericon-cloud:before { content: "\f426"; }
.genericon-cloud-download:before { content: "\f440"; }
.genericon-cloud-upload:before { content: "\f441"; }
.genericon-code:before { content: "\f462"; }
.genericon-codepen:before { content: "\f216"; }
.genericon-cog:before { content: "\f445"; }
.genericon-collapse:before { content: "\f432"; }
.genericon-comment:before { content: "\f300"; }
.genericon-day:before { content: "\f305"; }
.genericon-digg:before { content: "\f221"; }
.genericon-document:before { content: "\f443"; }
.genericon-dot:before { content: "\f428"; }
.genericon-downarrow:before { content: "\f502"; }
.genericon-draggable:before { content: "\f436"; }
.genericon-dribbble:before { content: "\f201"; }
.genericon-dropbox:before { content: "\f225"; }
.genericon-dropdown:before { content: "\f433"; }
.genericon-dropdown-left:before { content: "\f434"; }
.genericon-edit:before { content: "\f411"; }
.genericon-ellipsis:before { content: "\f476"; }
.genericon-expand:before { content: "\f431"; }
.genericon-external:before { content: "\f442"; }
.genericon-facebook:before { content: "\f203"; }
.genericon-facebook-alt:before { content: "\f204"; }
.genericon-fastforward:before { content: "\f458"; }
.genericon-feed:before { content: "\f413"; }
.genericon-flag:before { content: "\f468"; }
.genericon-flickr:before { content: "\f211"; }
.genericon-foursquare:before { content: "\f226"; }
.genericon-fullscreen:before { content: "\f474"; }
.genericon-gallery:before { content: "\f103"; }
.genericon-github:before { content: "\f200"; }
.genericon-googleplus:before { content: "\f206"; }
.genericon-googleplus-alt:before { content: "\f218"; }
.genericon-heart:before { content: "\f461"; }
.genericon-help:before { content: "\f457"; }
.genericon-hide:before { content: "\f404"; }
.genericon-hierarchy:before { content: "\f505"; }
.genericon-home:before { content: "\f409"; }
.genericon-image:before { content: "\f102"; }
.genericon-info:before { content: "\f455"; }
.genericon-instagram:before { content: "\f215"; }
.genericon-italic:before { content: "\f472"; }
.genericon-key:before { content: "\f427"; }
.genericon-leftarrow:before { content: "\f503"; }
.genericon-link:before { content: "\f107"; }
.genericon-linkedin:before { content: "\f207"; }
.genericon-linkedin-alt:before { content: "\f208"; }
.genericon-location:before { content: "\f417"; }
.genericon-lock:before { content: "\f470"; }
.genericon-mail:before { content: "\f410"; }
.genericon-maximize:before { content: "\f422"; }
.genericon-menu:before { content: "\f419"; }
.genericon-minimize:before { content: "\f421"; }
.genericon-month:before { content: "\f307"; }
.genericon-next:before { content: "\f429"; }
.genericon-notice:before { content: "\f456"; }
.genericon-paintbrush:before { content: "\f506"; }
.genericon-path:before { content: "\f219"; }
.genericon-pause:before { content: "\f448"; }
.genericon-phone:before { content: "\f437"; }
.genericon-picture:before { content: "\f473"; }
.genericon-pinned:before { content: "\f308"; }
.genericon-pinterest:before { content: "\f209"; }
.genericon-pinterest-alt:before { content: "\f210"; }
.genericon-play:before { content: "\f452"; }
.genericon-plugin:before { content: "\f439"; }
.genericon-pocket:before { content: "\f224"; }
.genericon-polldaddy:before { content: "\f217"; }
.genericon-portfolio:before { content: "\f460"; }
.genericon-previous:before { content: "\f430"; }
.genericon-print:before { content: "\f469"; }
.genericon-quote:before { content: "\f106"; }
.genericon-reddit:before { content: "\f222"; }
.genericon-refresh:before { content: "\f420"; }
.genericon-reply:before { content: "\f412"; }
.genericon-reply-alt:before { content: "\f466"; }
.genericon-reply-single:before { content: "\f467"; }
.genericon-rewind:before { content: "\f459"; }
.genericon-rightarrow:before { content: "\f501"; }
.genericon-search:before { content: "\f400"; }
.genericon-send-to-phone:before { content: "\f438"; }
.genericon-send-to-tablet:before { content: "\f454"; }
.genericon-share:before { content: "\f415"; }
.genericon-show:before { content: "\f403"; }
.genericon-sitemap:before { content: "\f507"; }
.genericon-skip-ahead:before { content: "\f451"; }
.genericon-skip-back:before { content: "\f450"; }
.genericon-skype:before { content: "\f220"; }
.genericon-spam:before { content: "\f424"; }
.genericon-standard:before { content: "\f100"; }
.genericon-star:before { content: "\f408"; }
.genericon-status:before { content: "\f105"; }
.genericon-stop:before { content: "\f449"; }
.genericon-stumbleupon:before { content: "\f223"; }
.genericon-subscribe:before { content: "\f463"; }
.genericon-subscribed:before { content: "\f465"; }
.genericon-summary:before { content: "\f425"; }
.genericon-tablet:before { content: "\f453"; }
.genericon-tag:before { content: "\f302"; }
.genericon-time:before { content: "\f303"; }
.genericon-top:before { content: "\f435"; }
.genericon-trash:before { content: "\f407"; }
.genericon-tumblr:before { content: "\f214"; }
.genericon-twitter:before { content: "\f202"; }
.genericon-unapprove:before { content: "\f446"; }
.genericon-unsubscribe:before { content: "\f464"; }
.genericon-unzoom:before { content: "\f401"; }
.genericon-uparrow:before { content: "\f500"; }
.genericon-user:before { content: "\f304"; }
.genericon-video:before { content: "\f104"; }
.genericon-vimeo:before { content: "\f212"; }
.genericon-warning:before { content: "\f414"; }
.genericon-website:before { content: "\f475"; }
.genericon-week:before { content: "\f306"; }
.genericon-wordpress:before { content: "\f205"; }
.genericon-xpost:before { content: "\f504"; }
.genericon-youtube:before { content: "\f213"; }
.genericon-zoom:before { content: "\f402"; }@view-transition { navigation: auto; }
:root{
--bg:#faf9f6; --ink:#1e1f1d; --ink-soft:#5c5b55; --stone:#8b8a83;
--line:#e7e5de; --card:#ffffff;
--petrol:#019EBD; --petrol-deep:#02768F; --petrol-donker:#065A6B;
--tint:#BFEAF4;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0; background:var(--bg); color:var(--ink); font-family:Lora,Georgia,serif; font-size:18px; line-height:1.7;}
img{max-width:100%; height:auto; display:block;}
a{color:var(--petrol-deep); text-decoration:none;}
a:hover{text-decoration:underline;} .vma-bar{position:sticky; top:0; z-index:50; display:flex; align-items:center; justify-content:space-between; gap:18px; padding:13px clamp(18px,4vw,44px); background:color-mix(in srgb, var(--bg) 90%, transparent); backdrop-filter:blur(10px); border-bottom:1px solid var(--line);}
.vma-logo{display:flex; align-items:center; gap:14px; color:var(--ink); text-decoration:none;}
.vma-logo:hover{text-decoration:none;}
.vma-logo svg{width:52px; height:44px; flex:none;}
.vma-logo .wm{display:flex; flex-direction:column; line-height:1.05;}
.vma-logo .wm small{font-size:10.5px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:var(--petrol-deep); font-family:Lora,Georgia,serif;}
.vma-logo .wm span{font-family:Marcellus,Georgia,serif; font-size:23px; font-weight:400; letter-spacing:.01em;}
.vma-bar nav ul{display:flex; gap:clamp(12px,2.2vw,26px); font-size:15.5px; font-weight:500; flex-wrap:wrap; list-style:none; margin:0; padding:0;}
.vma-bar nav a{color:#4c4c46;}
.vma-bar nav li.current-menu-item > a, .vma-bar nav li.current-post-ancestor > a, .vma-bar nav li.current_page_item > a{color:var(--petrol-deep); font-weight:600;} .held{position:relative; height:min(78vh,680px); min-height:440px; overflow:hidden; background:#141513;}
.dia{position:absolute; inset:0; opacity:0; transition:opacity 1.1s ease;}
.dia.actief{opacity:1;}
.dia img{width:100%; height:100%; object-fit:cover;}
@media (prefers-reduced-motion:no-preference){
.dia.actief img{animation:kenburns 7s ease-out forwards;}
@keyframes kenburns{from{transform:scale(1.001);}to{transform:scale(1.055);}}
}
.held .scrim{position:absolute; inset:0; background:linear-gradient(78deg, rgba(12,20,22,.82) 0%, rgba(12,20,22,.45) 46%, rgba(12,20,22,.05) 75%);}
.held .inhoud{position:absolute; inset:0; display:flex; flex-direction:column; justify-content:center; gap:18px; padding:clamp(24px,5vw,72px); max-width:760px;}
.held .kicker{color:var(--tint);}
.held h1{font-family:Marcellus,Georgia,serif; font-weight:400; font-size:clamp(36px,5.4vw,66px); line-height:1.09; margin:0; color:#fdfdfb; text-wrap:balance;}
.held p{margin:0; color:#d9dcd8; max-width:52ch; font-size:19px;}
.held .knoppen{display:flex; gap:14px; flex-wrap:wrap; margin-top:8px;}
.knop{display:inline-block; padding:12px 24px; font-weight:600; font-size:14.5px; letter-spacing:.03em; border-radius:3px;}
.knop.vol{background:var(--petrol); color:#062a31;}
.knop.vol:hover{background:var(--tint); text-decoration:none;}
.knop.lijn{border:1px solid rgba(253,253,251,.55); color:#fdfdfb;}
.knop.lijn:hover{border-color:#fdfdfb; text-decoration:none;}
.dia-onderschrift{position:absolute; right:0; bottom:0; z-index:3; background:rgba(12,20,22,.72); color:#e8eae6; font-size:12px; letter-spacing:.06em; padding:8px 16px;}
.dia-nav{position:absolute; left:clamp(24px,5vw,72px); bottom:26px; z-index:3; display:flex; gap:9px; align-items:center;}
.stip{width:9px; height:9px; border-radius:50%; border:1px solid rgba(253,253,251,.7); background:transparent; padding:0; cursor:pointer;}
.stip.actief{background:var(--petrol); border-color:var(--petrol);}
.pijl{position:absolute; top:50%; translate:0 -50%; z-index:3; background:rgba(12,20,22,.45); border:0; color:#fdfdfb; width:44px; height:44px; border-radius:50%; font-size:19px; cursor:pointer; display:grid; place-items:center;}
.pijl:hover{background:rgba(12,20,22,.75);}
.pijl.links{left:14px;} .pijl.rechts{right:14px;}
.kicker{font-size:12px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; color:var(--petrol-deep);} .citaat{max-width:880px; margin:0 auto; padding:clamp(44px,7vw,84px) 22px; text-align:center;}
.citaat blockquote{margin:0; border:0; padding:0; font-family:Lora,Georgia,serif; font-style:italic; font-weight:400; font-size:clamp(24px,3.2vw,34px); line-height:1.45; color:var(--ink);}
.citaat cite{display:block; margin-top:18px; font-style:normal; font-size:13px; letter-spacing:.14em; text-transform:uppercase; color:var(--stone);}
.citaat cite b{color:var(--petrol-deep); font-weight:600;} .sectie{padding:clamp(34px,5vw,64px) clamp(18px,4vw,44px); max-width:1280px; margin:0 auto;}
.sectiekop{display:flex; align-items:baseline; justify-content:space-between; gap:16px; margin-bottom:26px;}
.sectiekop h2{font-family:Marcellus,Georgia,serif; font-weight:400; font-size:clamp(26px,3vw,36px); margin:0;}
.sectiekop a{font-size:13.5px; font-weight:600;} .cards{display:grid; grid-template-columns:repeat(4,1fr); gap:clamp(14px,2.2vw,26px);}
.cards > *{min-width:0;}
.kaart{background:var(--card); border:1px solid var(--line); padding:10px 10px 13px; display:flex; flex-direction:column; gap:11px; color:var(--ink); transition:box-shadow .25s, translate .25s;}
.kaart:hover{text-decoration:none; box-shadow:0 18px 38px -24px rgba(20,25,26,.45); translate:0 -3px;}
.kaart .doek{display:block; min-width:0; aspect-ratio:4/5; overflow:hidden; background:#eceae4;}
.kaart .doek img{width:100%; height:100%; object-fit:cover; transition:transform .6s ease;}
.kaart:hover .doek img{transform:scale(1.05);}
.label{border-left:2px solid var(--petrol); padding-left:10px;}
.label b{display:block; font-size:15.5px; font-weight:600; letter-spacing:.01em; overflow-wrap:anywhere;}
.label span{font-size:12.5px; color:var(--stone); letter-spacing:.06em;} .zalen{display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:clamp(14px,2.2vw,26px);}
.zalen > *{min-width:0;}
.zaal{position:relative; aspect-ratio:3/4; overflow:hidden; display:flex; align-items:flex-end; color:#fdfdfb; background:#141513;}
.zaal img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.86; transition:transform .7s ease, opacity .4s;}
.zaal:hover{text-decoration:none;}
.zaal:hover img{transform:scale(1.06); opacity:.95;}
.zaal .zb{position:relative; z-index:2; width:100%; padding:18px 16px; background:linear-gradient(transparent, rgba(10,16,18,.86) 55%);}
.zaal .zb i{font-style:normal; font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--tint);}
.zaal .zb b{display:block; font-family:Marcellus,Georgia,serif; font-size:clamp(16px,2.3vw,23px); font-weight:400; margin-top:3px; overflow-wrap:anywhere; text-wrap:balance;}
.zaal .zb span{font-size:clamp(11px,1.4vw,12.5px); color:#c9ccc8;} .oproep{background:var(--petrol-donker); color:#f2fbfd;}
.oproep .binnen{max-width:1000px; margin:0 auto; padding:clamp(44px,7vw,80px) clamp(18px,4vw,44px); display:grid; grid-template-columns:1.4fr .6fr; gap:clamp(22px,4vw,48px); align-items:center;}
.oproep h2{font-family:Marcellus,Georgia,serif; font-weight:400; font-size:clamp(28px,4vw,44px); line-height:1.18; margin:0 0 12px; text-wrap:balance;}
.oproep p{margin:0; color:#c4e6ee; max-width:56ch;}
.oproep .knop.vol{background:#fdfdfb; color:var(--petrol-donker); justify-self:start;}
.oproep .knop.vol:hover{background:var(--tint);}
.oproep .mono{justify-self:center; width:min(150px,60%); opacity:.28;} .werkkop{max-width:820px; margin:0 auto; padding:clamp(36px,5vw,64px) 20px 10px; text-align:center;}
.werkkop h1{font-family:Marcellus,Georgia,serif; font-weight:400; font-size:clamp(34px,4.6vw,54px); margin:8px 0 10px; line-height:1.15;}
.werkkop .jaren{font-size:13px; letter-spacing:.14em; color:var(--stone); text-transform:uppercase;}
.werkkop p{color:var(--ink-soft); max-width:60ch; margin:10px auto 0;}
.hoofdstuk{max-width:900px; margin:0 auto; padding:10px clamp(18px,4vw,44px) 30px;}
.hoofdstuk img{margin:18px auto; background:var(--card); border:1px solid var(--line); padding:9px; cursor:zoom-in;}
.hoofdstuk p{margin:0 0 1.1em;}
.hoofdstuk h2,.hoofdstuk h3{font-family:Marcellus,Georgia,serif; font-weight:400; line-height:1.2;}
.hoofdstuk .wp-block-gallery, .hoofdstuk .gallery{display:grid; grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); gap:16px;}
.hoofdstuk .wp-block-gallery img, .hoofdstuk .gallery img{margin:0; width:100%; object-fit:cover;}
.hoofdstuk figure{margin:18px 0; max-width:100%;}
.hoofdstuk figcaption, .hoofdstuk .wp-caption-text{font-size:13px; color:var(--stone); text-align:center;}
.hoofdstuk iframe,.hoofdstuk video{max-width:100%;}
.hoofdstuk a{text-decoration:underline; text-decoration-color:var(--tint);}
.hoofdstuk .alignleft{float:left; margin:6px 22px 12px 0;}
.hoofdstuk .alignright{float:right; margin:6px 0 12px 22px;}
.hoofdstuk .aligncenter{margin-left:auto; margin-right:auto;}
.hoofdstuk::after{content:""; display:block; clear:both;}
.blader{display:flex; justify-content:space-between; gap:16px; border-top:1px solid var(--line); margin-top:34px; padding-top:22px; font-size:14px;} .hoofdstuk .wpcf7 label{display:flex; flex-direction:column; gap:7px; font-size:13px; letter-spacing:.1em; text-transform:uppercase; color:var(--stone); font-weight:600; margin-bottom:18px;}
.hoofdstuk .wpcf7 input[type="text"], .hoofdstuk .wpcf7 input[type="email"], .hoofdstuk .wpcf7 input[type="tel"], .hoofdstuk .wpcf7 textarea{font-family:Lora,Georgia,serif; font-size:17px; color:var(--ink); background:var(--card); border:1px solid var(--line); padding:13px 15px; border-radius:3px; width:100%;}
.hoofdstuk .wpcf7 input:focus, .hoofdstuk .wpcf7 textarea:focus{outline:2px solid var(--petrol); outline-offset:1px; border-color:var(--petrol);}
.hoofdstuk .wpcf7 input[type="submit"]{background:var(--petrol); color:#062a31; border:0; cursor:pointer; padding:13px 26px; font-weight:600; font-size:14.5px; letter-spacing:.03em; border-radius:3px; font-family:Lora,Georgia,serif;}
.hoofdstuk .wpcf7 input[type="submit"]:hover{background:var(--petrol-deep); color:#fff;}
.hoofdstuk .wpcf7 form{background:var(--card); border:1px solid var(--line); padding:clamp(22px,3.5vw,38px);}
.hoofdstuk .wpcf7-response-output{border-color:var(--petrol-deep); color:var(--petrol-deep); padding:10px 14px; margin:16px 0 0;} .onthul{opacity:0; translate:0 24px; transition:opacity .7s ease, translate .7s ease;}
.onthul.zichtbaar{opacity:1; translate:0 0;} .vma-voetvlak{background:#141513; color:#b9bcb8; margin-top:56px; padding:clamp(36px,5vw,56px) clamp(18px,4vw,44px) 40px;}
.voet{max-width:1280px; margin:0 auto; display:grid; grid-template-columns:1.2fr .8fr 1fr; gap:clamp(24px,4vw,48px); font-size:14px;}
.voet .fmerk{display:flex; align-items:center; gap:13px; color:#fdfdfb; margin-bottom:12px;}
.voet .fmerk svg{width:46px; height:39px;}
.voet .fmerk div{line-height:1.1;}
.voet .fmerk small{font-size:10px; font-weight:600; letter-spacing:.2em; text-transform:uppercase; color:var(--tint);}
.voet .fmerk b{font-family:Marcellus,Georgia,serif; font-size:19px; font-weight:400; display:block;}
.voet h4{font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:#8b8e8a; margin:0 0 12px; font-weight:600;}
.voet nav{display:flex; flex-direction:column; gap:8px;}
.voet a{color:#d5d8d4;}
.voet a:hover{color:var(--tint);}
.voetnoot{max-width:1280px; margin:30px auto 0; padding-top:18px; border-top:1px solid #2b2c2a; font-size:12.5px; color:#848783; display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap;} .lichtbak{position:fixed; inset:0; z-index:100; background:rgba(12,16,17,.94); display:none; align-items:center; justify-content:center;}
.lichtbak.open{display:flex;}
.lichtbak img{max-width:min(92vw,1200px); max-height:82vh; width:auto; height:auto; box-shadow:0 30px 80px -30px rgba(0,0,0,.8); background:#1c1e1e; padding:0; border:0; margin:0; cursor:default;}
.lb-onderschrift{position:absolute; left:50%; translate:-50% 0; bottom:26px; color:#e8eae6; font-size:14px; letter-spacing:.05em; text-align:center; max-width:80vw;}
.lb-teller{position:absolute; top:20px; left:24px; color:#9aa09e; font-size:13px; letter-spacing:.1em;}
.lb-sluit{position:absolute; top:14px; right:16px; background:none; border:0; color:#fdfdfb; font-size:34px; line-height:1; cursor:pointer; padding:8px;}
.lb-pijl{position:absolute; top:50%; translate:0 -50%; background:rgba(250,249,246,.08); border:1px solid rgba(250,249,246,.25); color:#fdfdfb; width:52px; height:52px; border-radius:50%; font-size:22px; cursor:pointer; display:grid; place-items:center;}
.lb-pijl:hover{background:rgba(250,249,246,.2);}
.lb-pijl.links{left:18px;} .lb-pijl.rechts{right:18px;}
body.lb-actief{overflow:hidden;} .lader{position:fixed; inset:0; z-index:200; background:var(--bg); display:grid; place-items:center; opacity:0; pointer-events:none; transition:opacity .28s ease;}
.lader.aan{opacity:1; pointer-events:auto;}
.lader svg{width:110px; height:92px;}
.lader .m-lijn{stroke-dasharray:520; stroke-dashoffset:520;}
.lader .m-balk{opacity:0;}
.lader.aan .m-lijn{animation:teken 1.15s ease-in-out infinite;}
.lader.aan .m-balk{animation:balk 1.15s ease-in-out infinite;}
@keyframes teken{0%{stroke-dashoffset:520;}55%,80%{stroke-dashoffset:0;}100%{stroke-dashoffset:-520;}}
@keyframes balk{0%,45%{opacity:0;}60%,85%{opacity:1;}100%{opacity:0;}}
@media (prefers-reduced-motion:reduce){
.onthul{opacity:1; translate:0 0; transition:none;}
.kaart, .kaart .doek img, .zaal img{transition:none;}
html{scroll-behavior:auto;}
.lader.aan .m-lijn{animation:none; stroke-dashoffset:0;}
.lader.aan .m-balk{animation:none; opacity:1;}
}
@media (max-width:900px){
.cards,.zalen{grid-template-columns:repeat(2,1fr);}
.oproep .binnen{grid-template-columns:1fr;}
.oproep .mono{display:none;}
.voet{grid-template-columns:1fr 1fr;}
}
@media (max-width:640px){
.held{height:auto; min-height:0;}
.held .inhoud{position:relative; inset:auto; max-width:none; padding:86px 22px 116px;}
.held h1{font-size:clamp(31px,8.6vw,40px);}
.held p{font-size:17px;}
.pijl{display:none;}
.lb-pijl{width:42px;height:42px;}
.lichtbak img{max-width:96vw; max-height:74vh;}
}
@media (max-width:480px){
.vma-bar nav{display:none;}
.voet{grid-template-columns:1fr;}
}
@media (max-width:370px){
.cards,.zalen{grid-template-columns:1fr;}
}