@font-face{font-family:'ABC Diatype';src:url(/assets/fonts/ABCDiatypeVariable.woff2) format('woff2');font-weight:100 1000;font-display:swap}
body{margin:0;background:#f4f4f4}
a{color:#000000}a:hover{color:#000000;text-decoration-thickness:2px}
.page{--m:20px;--g:18px;--L:76px;--M:29px;--S:16px;--stroke:4.4px;position:relative;font-family:'ABC Diatype','Helvetica Neue',Helvetica,Arial,sans-serif;color:#000000}
@media (max-width:1279px){.page{--m:16px;--g:14px;--L:50px;--M:22px;--S:15px;--stroke:3.4px}}
@media (max-width:759px){.page{--m:14px;--g:12px;--L:calc((100vw - 2 * var(--m)) * 0.1485 * 0.75);--M:max(17px, calc(var(--L) * 0.4));--S:14px;--stroke:2.8px}}
.L{font-size:var(--L);line-height:1.02;letter-spacing:-0.0174em;margin:0;font-weight:400}
.M{font-size:var(--M);line-height:1.3;letter-spacing:-0.003em;margin:0;font-weight:400}
.S{font-size:var(--S);line-height:1.3;font-weight:500;text-transform:uppercase;margin:0}
.sec{position:relative;padding:calc(var(--L) * 2.2) var(--m) calc(var(--L) * 1.4);display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:var(--g);row-gap:calc(var(--L) * 1.2);align-items:start}
.full{grid-column:1 / -1} .a3{grid-column:1 / span 3} .a4{grid-column:1 / span 4} .r2{grid-column:5 / span 2} .b5{grid-column:3 / span 4}
.dblock{aspect-ratio:614 / 511;width:100%}
.dblock path{vector-effect:non-scaling-stroke;stroke-width:var(--stroke)}
.air{row-gap:calc(var(--L) * 3.2);padding-top:calc(var(--L) * 3.4);padding-bottom:calc(var(--L) * 2.4)}
.rule{border-top:1.5px solid #55595f;padding-top:calc(var(--g) * 1.1)}
.groen .rule{border-color:#0b2e10}.geel .rule{border-color:#524217}.grijs .rule{border-color:#343335}
.rows{display:flex;flex-direction:column;gap:var(--g)}
.row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));column-gap:var(--g);row-gap:calc(var(--g) * 0.6)}
.row .w{grid-column:1 / span 2} .row .t{grid-column:3 / span 2}
.cols3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--g);row-gap:calc(var(--L) * 1)}
.case{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:var(--g);width:100%;background:none;border:0;border-top:1.5px solid #55595f;padding:calc(var(--g) * 1.1) 0 calc(var(--g) * 1.1);text-align:left;cursor:pointer;font:inherit;color:#000000;position:relative;align-items:start}
.case .w{grid-column:1 / span 4} .case .t{grid-column:5 / span 2;padding-right:calc(var(--L) * 0.9)} .case .p{position:absolute;right:0;top:calc(var(--g) * 1.1 + var(--L) * 0.115)}
.detail{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:var(--g);row-gap:var(--g);padding:var(--g) 0 calc(var(--g) * 2)}
.detail .txt{grid-column:1 / span 3} .detail .img{grid-column:4 / span 3;aspect-ratio:4 / 3;width:100%;object-fit:cover;display:block}
.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--g)}
.tile{background:#ffffff;aspect-ratio:298 / 158;display:flex;align-items:center;justify-content:center}
.panel{background:#e9bc43;padding:24px;display:flex;flex-direction:column;justify-content:space-between;gap:var(--g)}
.portrait{width:min(100%,298px);aspect-ratio:1 / 1;object-fit:cover;display:block}
.li{width:0.8em;height:0.8em;margin-left:0.3em;vertical-align:-0.05em}
.nav{position:fixed;left:0;right:0;top:0;z-index:40;background:#f4f4f4;transform:translateY(-105%);transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.nav.show{transform:none}
.pm{display:block;position:relative;width:calc(var(--L) * 0.705);height:calc(var(--L) * 0.705);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.pm::before,.pm::after{content:'';position:absolute;background:#000000}
.pm::before{left:0;right:0;top:50%;height:calc(var(--L) * 0.078);transform:translateY(-50%)}
.pm::after{top:0;bottom:0;left:50%;width:calc(var(--L) * 0.078);transform:translateX(-50%)}
.hero{position:relative;overflow:hidden;background:#f4f4f4}
.herobar{position:absolute;left:0;right:0;top:0;z-index:4;will-change:transform}
.bloem{position:absolute;left:var(--m);width:calc(100% - 2 * var(--m));will-change:top,height}
.sq{transform-origin:top center;will-change:transform}
@keyframes rise{from{opacity:0;transform:translateY(80px) scale(.985)}to{opacity:1;transform:none}}
@supports (animation-timeline: view()){.rv{animation:rise both cubic-bezier(.2,.8,.2,1);animation-timeline:view();animation-range:entry 0% cover 22%}}
.bar-in{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:var(--g);padding:var(--m);align-items:start}
.logo{grid-column:1 / span 2;text-decoration:none;margin-left:-0.08em;margin-top:calc(var(--L) * -0.115);margin-bottom:calc(var(--L) * -0.205)}
.bar-itu{grid-column:3 / span 3;margin-top:calc(var(--L) * -0.115);margin-bottom:calc(var(--L) * -0.205);white-space:nowrap}
.plus{grid-column:6 / span 1;justify-self:end;background:none;border:0;padding:0;margin:0;cursor:pointer;min-width:44px;min-height:44px;display:flex;justify-content:flex-end;align-items:flex-start}
.menu{position:fixed;inset:0;z-index:30;background:#e9bc43;padding:calc(var(--L) * 2.2) var(--m) var(--m);display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:0;--mfs:min(calc((100vw - 2 * var(--m)) * 0.1485), calc((100vh - var(--L) * 2.6 - var(--m)) / 3.9))}
.menu a{text-decoration:none}
.menu a.L{font-size:var(--mfs);line-height:0.92;letter-spacing:-0.0174em}
.fadr{grid-column:1 / span 2}
.fcol{grid-column:3 / span 4}
.msub{position:absolute;right:var(--m);bottom:var(--m);margin:0;text-align:right}
.itu{display:block;width:100%;height:auto;overflow:visible}
.form{display:flex;flex-wrap:wrap;gap:var(--g);align-items:stretch}
.form input{flex:1 1 260px;min-height:48px;font:inherit;font-size:var(--M);padding:10px 14px;border:0;background:#f4f4f4;color:#000000}
.form button{min-height:48px;font:inherit;font-size:var(--S);font-weight:500;text-transform:uppercase;padding:10px 22px;border:0;background:#000000;color:#f4f4f4;cursor:pointer}
.ra{grid-column:1 / span 2}
.rb{grid-column:3 / span 4}
.row .rt{grid-column:3 / span 3}
.tiles-wrap{grid-column:1 / span 4}
.tiles-wrap.tb{grid-row:2}
.panel-wrap{grid-column:5 / span 2;grid-row:2}
.bloem-m{display:block}
.bloem:not(.bloem-m){display:none}
.qarrow{grid-column:1 / -1;width:100%;aspect-ratio:1248 / 300}
.qa-d,.qa-m{width:100%;height:100%;overflow:visible}
.qa-d{display:block}
.qa-m{display:none}
.tl{display:none}
@media (max-width:1099px){
 .row{grid-template-columns:minmax(0,1fr)} .row .w,.row .t{grid-column:1 / span 1}
 .case .w{grid-column:1 / span 5} .case .t{grid-column:1 / span 5;grid-row:2;padding-right:0} .case .p{grid-column:6 / span 1;grid-row:1}
}
@media (max-width:899px){
 .dbr{display:none}
 .cols3{grid-template-columns:minmax(0,1fr)}
 .a3,.a4,.b5{grid-column:1 / -1} .r2{grid-column:4 / span 3}
 .detail .txt,.detail .img,.gx{grid-column:1 / -1 !important}
 .tiles{grid-template-columns:repeat(2,minmax(0,1fr))} .tiles-wrap,.panel-wrap{grid-column:1 / -1}
 .bar-itu{display:none}
 .fadr,.fcol,.ra,.rb{grid-column:1 / -1}
 .tiles-wrap.tb,.panel-wrap{grid-row:auto}
}
@media (max-width:759px){.air{row-gap:calc(var(--L) * 2);padding-top:calc(var(--L) * 2.6)}}
@media (max-width:759px){
 .qarrow{aspect-ratio:362 / 300}
 .qa-d{display:none}
 .qa-m{display:block}
 .bloem:not(.bloem-m){display:none}
 .bloem-m{display:block}
 .case[aria-expanded="true"] .tl{display:block;grid-column:1 / -1;grid-row:1;margin-bottom:calc(var(--g) * 0.5)}
 .case[aria-expanded="true"] .w{grid-row:2}
 .case[aria-expanded="true"] .t{display:none}
 .case[aria-expanded="true"] .p{top:calc(var(--g) * 1.1 + var(--S) * 1.3 + var(--g) * 0.5 + var(--L) * 0.115)}
 .detail .img{order:-1}
 .detail .txt > p:first-child{display:none}
}

[hidden]{display:none !important}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:absolute;left:-9999px;top:0;z-index:100;background:#000000;color:#f4f4f4;padding:12px 16px;font:inherit;font-size:16px;text-decoration:none}
.skip:focus{left:var(--m);top:var(--m)}
.case[aria-expanded="true"] .pm.p{transform:rotate(45deg)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.fine{font-weight:400;text-transform:none;margin:0}
.detail .img{height:auto}
img.portrait{height:auto}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #000000;outline-offset:3px}
@media (prefers-reduced-motion:reduce){.rv{animation:none}.nav{transition:none}.pm{transition:none}}