/* Progressive enhancement of the existing story blocks; no CMS copy duplicated. */
body:has(.wzm-story) .content-wrapper{width:100%!important;left:0!important;margin:0!important;background:var(--color_subtlebg,#f1f4e4)}
.wzm-story{padding-top:135px;color:var(--color_text,#194a60);background:var(--color_subtlebg,#f1f4e4)}
.wzm-story *{box-sizing:border-box;min-width:0}
.wzm-story-heading,.wzm-story-tabs{width:min(1240px,calc(100% - 80px));margin:auto}
.wzm-story-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}
.wzm-story h1{font-family:"futura-pt",sans-serif;font-size:54px;text-transform:uppercase;font-weight:600;margin:0!important;line-height:1.1}
.wzm-story-controls{display:flex;align-items:center;gap:20px;white-space:nowrap}
.wzm-story-controls button{width:45px;height:45px;border-radius:50%;border:1px solid #194a6050;background:transparent;color:#194a60;font-size:25px;cursor:pointer}
.wzm-story-controls button:disabled{opacity:.3;cursor:default}
.wzm-story-status{font-size:14px;font-variant-numeric:tabular-nums}
.wzm-story-tabs{display:flex;gap:30px;padding:30px 0 20px}
.wzm-story-tabs button{padding:8px 0;border:0;border-bottom:2px solid transparent;background:none;font:inherit;font-size:14px;color:#194a60;cursor:pointer}
.wzm-story-tabs button[aria-pressed="true"]{border-color:#31a7db;font-weight:600}
.wzm-story :focus-visible{outline:3px solid #31a7db;outline-offset:5px}
.wzm-story-track{display:flex;position:relative;width:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-mask:url('/themes/wezienmekaar2027/images/masks/gulfmask-bottom.svg') center bottom/100% 100% no-repeat;mask:url('/themes/wezienmekaar2027/images/masks/gulfmask-bottom.svg') center bottom/100% 100% no-repeat}
.wzm-story-track::-webkit-scrollbar{display:none}
.wzm-story-slide{flex:0 0 100%;width:100%;scroll-snap-align:start;scroll-snap-stop:always;background:#f1f4e4 url('/themes/wezienmekaar2027/images/bierviltjes/biervilt-grain.png') center/800px}
.wzm-story .wzm-story-inner{display:grid;align-items:center;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:70px;width:min(1240px,calc(100% - 80px));min-height:650px;margin:auto;padding:55px 0 115px}
.wzm-story .wzm-story-copy{width:100%;max-width:100%;overflow:hidden}
.wzm-story .wzm-story-copy,.wzm-story .wzm-story-copy *{min-width:0;max-width:100%!important}
.wzm-story-copy > h2{font-family:"futura-pt",sans-serif;font-size:42px;line-height:1.15;font-weight:600;text-transform:uppercase;margin:0 0 28px!important;max-width:650px}
.wzm-story-slide [ro-block-template="text-fullwidth"],.wzm-story-slide [ro-block-template="text-fullwidth"] > div,.wzm-story-slide .max-width-lock,.wzm-story-slide .medium-padding-h,.wzm-story-slide .group{padding:0!important;margin:0!important;max-width:none!important;width:100%!important;background:none!important;mask:none!important;min-height:0!important}
.wzm-story-slide p{width:100%!important;max-width:100%!important;font-size:17px;line-height:1.8!important;text-align:left!important;white-space:normal!important;overflow-wrap:anywhere;margin:0 0 22px!important}
.wzm-story-slide hr{display:none}
.wzm-story-portraits .images-set-wrapper{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:24px;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}
.wzm-story-portraits .images-set-wrapper > a{display:block!important;width:100%!important;max-width:none!important;height:auto!important;margin:0!important;padding:10px;background:#f1f4e4!important;box-shadow:0 5px 15px #194a602b;transform:rotate(-2deg)}
.wzm-story-portraits .images-set-wrapper > a:nth-child(2){transform:translateY(20px) rotate(2deg)}
.wzm-story-portraits img{position:static!important;display:block!important;width:100%!important;height:auto!important;max-height:none!important;opacity:1!important;border-radius:0!important;object-fit:contain}
.wzm-story-slide--1{background:linear-gradient(#194a60ed,#194a60ed),url('/themes/wezienmekaar2027/images/bierviltjes/contra-w2.jpg') center/cover}
.wzm-story-slide--1 .wzm-story-inner,.wzm-story-slide--2 .wzm-story-inner{grid-template-columns:1fr;max-width:900px}
.wzm-story-slide--1 :is(h2,p,strong){color:#f1f4e4}
.wzm-story-slide--1 .wzm-story-copy > h2{font-size:52px;max-width:800px}
.wzm-story-slide--2 [ro-block-id="35"] h3{display:none}
.wzm-story-slide--2 h4{font-family:"futura-pt",sans-serif;font-size:30px;line-height:1.2;text-align:left!important;margin:25px 0!important}
.wzm-story-slide [ro-block-template="donatie-button"]{padding:12px 0!important;margin:0!important}
.wzm-story-slide [ro-block-template="donatie-button"] .group{text-align:left!important}
@media(max-width:900px){
 .wzm-story{padding-top:115px}
 .wzm-story .wzm-story-inner{gap:30px;grid-template-columns:minmax(0,1fr);min-height:0;padding:40px 0 100px}
 .wzm-story-portraits{max-width:500px;width:100%;margin:0 auto 20px}
 .wzm-story-copy > h2,.wzm-story-slide--1 .wzm-story-copy > h2{font-size:34px}
 .wzm-story-slide--1 .wzm-story-inner,.wzm-story-slide--2 .wzm-story-inner{max-width:none}
}
@media(max-width:600px){
 .wzm-story-heading,.wzm-story-tabs,.wzm-story-inner{width:calc(100% - 40px)}
 .wzm-story h1{font-size:36px}
 .wzm-story-controls{gap:9px}
 .wzm-story-controls button{width:34px;height:34px;font-size:21px}
 .wzm-story-tabs{gap:15px;justify-content:space-between;padding-top:22px}
 .wzm-story-tabs button{font-size:12px;text-align:left}
 .wzm-story-slide p{font-size:15px;line-height:1.7!important}
 .wzm-story-portraits .images-set-wrapper{gap:18px}
 .wzm-story-slide--2 h4{font-size:26px}
}

.wzm-story-portrait-dialog{position:fixed;inset:0;margin:auto;padding:22px;border:0;border-radius:12px;max-width:min(94vw,1100px);max-height:94vh;background:#f1f4e4;box-shadow:0 20px 70px #0008}
.wzm-story-portrait-dialog::backdrop{background:#0b2635d9}
.wzm-story-portrait-dialog img{display:block;max-width:calc(94vw - 44px);max-height:calc(94vh - 60px);width:auto;height:auto;object-fit:contain}
.wzm-story-portrait-dialog button{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:0;border-radius:50%;background:#194a60;color:white;font-size:28px;cursor:pointer}
