@font-face{font-family:G;src:url(/w/geist-sans-latin-300-normal.woff2);font-weight:300}
@font-face{font-family:G;src:url(/w/geist-sans-latin-400-normal.woff2);font-weight:400}
@font-face{font-family:G;src:url(/w/geist-sans-latin-500-normal.woff2);font-weight:500}
@font-face{font-family:G;src:url(/w/geist-sans-latin-600-normal.woff2);font-weight:600}
@font-face{font-family:M;src:url(/w/geist-mono-latin-400-normal.woff2)}
*{margin:0;box-sizing:border-box}
html,body{height:100%;overflow:hidden;background:#0B1220;color:#F1F5F9;font-family:G,sans-serif}
.world{position:fixed;inset:0;visibility:hidden;color:var(--fg)}
.world.on{visibility:visible;z-index:2}
body.cabin{background:#D9D3C7}
body.cabin .top{color:#2E2A24}
/* overgangen */
.tpick{position:fixed;right:48px;bottom:24px;z-index:25;display:flex;gap:4px;padding:4px;border-radius:99px;background:rgba(0,0,0,.28);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);font-family:M;font-size:11px;letter-spacing:.08em;color:#F1F5F9}
.tpick span{padding:8px 10px 8px 12px;opacity:.7}
.tpick button{all:unset;cursor:pointer;padding:8px 12px;border-radius:99px;opacity:.85}
.tpick button.on{background:#F1F5F9;color:#0B1220;opacity:1}
.tpick button:focus-visible{outline:2px solid #00D1FF}
#flap{position:fixed;inset:0;z-index:15;background:#101214;display:none;align-items:center;justify-content:center;flex-direction:column;gap:22px;color:#F4D35E;font-family:M}
#flap .lbl{font-size:12px;letter-spacing:.3em;color:#8C9198;text-transform:uppercase}
#flap .row{display:flex;gap:6px;align-items:center}
#flap .tag{width:110px;font-size:12px;letter-spacing:.2em;color:#8C9198;text-align:right;margin-right:14px}
#flap .cell{position:relative;width:clamp(26px,4.2vw,58px);height:clamp(38px,6vw,82px);background:linear-gradient(#1d2024 50%,#17191c 50%);border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:clamp(22px,3.6vw,50px);color:#F5F1E6;box-shadow:inset 0 -1px 0 rgba(255,255,255,.04),0 2px 0 #000;perspective:200px}
#flap .cell:after{content:"";position:absolute;left:0;right:0;top:50%;height:2px;margin-top:-1px;background:#0b0c0e}
#flap .cell b{font-weight:400;display:block;transform-origin:50% 100%}
#flap .cell b.f{animation:flp .07s linear}
@keyframes flp{from{transform:rotateX(-80deg)}to{transform:none}}
#flap .meta{display:flex;gap:40px;font-size:12px;letter-spacing:.2em;color:#8C9198}
#flap .meta i{font-style:normal;color:#F4D35E}
#win{position:fixed;z-index:14;left:50%;top:50%;pointer-events:none;opacity:0;border-radius:46%/38%;box-shadow:0 0 0 16px #EEE9DF,0 0 0 18px #C8C0B2,0 0 0 40px #E4DED3,0 30px 80px rgba(0,0,0,.25),inset 0 0 40px rgba(0,0,0,.45)}
#clouds{position:fixed;z-index:13;inset:0;pointer-events:none;opacity:0;overflow:hidden}
#clouds i{position:absolute;border-radius:50%;background:radial-gradient(closest-side,#fff,rgba(255,255,255,.85) 40%,rgba(255,255,255,0));filter:blur(6px)}
#morph{position:fixed;inset:0;width:100%;height:100%;z-index:15;display:none;pointer-events:none}
@media (max-width:760px){.tpick{right:12px;left:12px;bottom:52px;justify-content:center}.tpick span{display:none}#flap .tag{display:none}}
.bg{position:absolute;inset:0;background-size:cover;background-position:center}
.shade{position:absolute;inset:0;pointer-events:none}
.copy{position:absolute;z-index:4;max-width:600px;top:50%;transform:translateY(-38%)}
.copy.l{left:48px}.copy.r{right:48px}
.k{font-family:M;font-size:12px;letter-spacing:.2em;text-transform:uppercase;opacity:.7;margin-bottom:22px}
[dir=rtl] .k{font-family:inherit;letter-spacing:0;font-size:15px}
h1{font-weight:400;font-size:clamp(42px,5.4vw,84px);line-height:1;letter-spacing:-.045em}
[dir=rtl] h1{letter-spacing:0;line-height:1.25;font-weight:600}
.copy p{font-weight:300;font-size:19px;line-height:1.6;opacity:.85;margin-top:22px;max-width:460px}
[dir=rtl] .copy p{font-weight:400;line-height:1.75}
.cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.cta a.btn{color:inherit;text-decoration:none}.cta a.btn.c{color:var(--on)}nav a{color:inherit;text-decoration:none}nav a:hover{text-decoration:underline;text-underline-offset:4px}.pz-foot a{color:inherit;text-decoration:none}.pz-foot a:hover{text-decoration:underline}
.btn{font-size:14px;padding:13px 22px;border-radius:99px;border:1px solid var(--fg);cursor:pointer;white-space:nowrap}
.btn.c{background:var(--ac);border-color:var(--ac);color:var(--on);font-weight:500}.cta .btn:not(.c){background:color-mix(in srgb,var(--on) 62%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.top{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:30px 48px;z-index:20;color:var(--tfg,#F1F5F9);transition:color .6s}
.logo{position:relative;line-height:0}.logo svg{height:24px;width:auto;display:block}.logo .lg-d{transition:fill .6s}
.logo i{position:absolute;left:19px;top:13px;width:5px;height:5px;border-radius:50%;background:var(--tac,#00D1FF);transition:background .6s}
nav{display:flex;gap:30px;font-size:14px;opacity:.8;transition:opacity .4s}nav a{white-space:nowrap}.ibg [data-l=nl]{background-image:url(/w/nl-v0.jpg)}.ibg [data-l=en]{background-image:url(/w/en-v0.jpg?v=3);background-position:85% center}.ibg [data-l=ar]{background-image:url(/w/ar-karavaan-v0.jpg)}.ibg [data-l=tr]{background-image:url(/w/tr-v0.jpg)}@media (max-width:760px) and (orientation:portrait),(hover:none) and (orientation:portrait){.ibg [data-l=nl]{background-image:url(/w/nl-p.webp)}.ibg [data-l=en]{background-image:url(/w/en-uit-p.webp);background-position:center}.ibg [data-l=ar]{background-image:url(/w/ar-karavaan-p.webp)}.ibg [data-l=tr]{background-image:url(/w/tr-p.webp)}}@media (max-width:760px) and (orientation:portrait),(hover:none) and (orientation:portrait){:root #en .bg{background-position:70% center}}.mob .heat,.mob .rainv,.mob .vfade,.mob video{display:none}.rimpel{position:fixed;z-index:4;width:130px;height:40px;margin:-20px 0 0 -65px;border:1.5px solid rgba(255,255,255,.75);border-radius:50%;pointer-events:none;transform:scale(.1);opacity:.9;animation:rimpel 1.4s ease-out forwards}@keyframes rimpel{to{transform:scale(1.5);opacity:0}}.bal{display:flex;flex-direction:column;align-items:center}.bal b{white-space:nowrap}@media (max-width:760px){.bal b{font-size:9.5px;padding:5px 8px;letter-spacing:.12em}}@media (max-width:920px){body.wscroll .top{flex-wrap:wrap;row-gap:12px}body.wscroll nav{display:flex;order:3;width:100%;overflow-x:auto;gap:22px;font-size:13px;opacity:.9;scrollbar-width:none;padding-bottom:2px}body.wscroll nav::-webkit-scrollbar{display:none}}@media (max-width:1100px){nav{gap:18px;font-size:13px}}@media (max-width:920px){nav{display:none}}
.rgt{display:flex;gap:10px;align-items:center}
.snd{all:unset;cursor:pointer;width:40px;height:40px;display:grid;place-items:center;border-radius:99px;color:var(--tfg,#F1F5F9);background:rgba(0,0,0,.2);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);opacity:.85}
.snd:focus-visible{outline:2px solid var(--tac);outline-offset:3px}
.snd .w1,.snd .w2{display:none}.snd.on .w1,.snd.on .w2{display:inline}.snd.on .x{display:none}
.langs{display:flex;gap:4px;padding:4px;border-radius:99px;background:rgba(0,0,0,.2);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2)}
.langs button{all:unset;cursor:pointer;font-family:M;font-size:11px;letter-spacing:.12em;padding:8px 12px;border-radius:99px;opacity:.8}
.langs button.on{background:var(--tfg,#F1F5F9);color:var(--tbg,#0B1220);opacity:1}
.hint{position:fixed;left:48px;bottom:30px;z-index:20;font-family:M;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--tfg);opacity:.65}

/* NL */
#nl canvas{position:absolute;inset:0;width:100%;height:100%}
/* EN theaterbord: uit-foto + aan-foto, aan schuift van links naar rechts in */
.enlit{opacity:0;mix-blend-mode:screen;--m1:linear-gradient(90deg,#000 var(--sw,-9999px),transparent calc(var(--sw,-9999px) + 140px));--m2:radial-gradient(ellipse var(--erx,200px) var(--ery,160px) at var(--ex,80%) var(--ey,15%),#000 55%,transparent 100%);-webkit-mask-image:var(--m1),var(--m2);-webkit-mask-composite:source-in;mask-image:var(--m1),var(--m2);mask-composite:intersect}
.rainv{mix-blend-mode:screen;opacity:.7;pointer-events:none}
.spot{position:absolute;z-index:3;cursor:pointer;border-radius:14px}
.spot:focus-visible{outline:2px solid var(--ac);outline-offset:6px}
#en .bg{background-position:90% center}
@media (max-width:760px){#en .bg{background-position:100% center}}
/* AR */
.heat{filter:url(#heat);-webkit-mask-image:radial-gradient(circle 85px at var(--x,-500px) var(--y,-500px),#000 30%,transparent 100%);mask-image:radial-gradient(circle 85px at var(--x,-500px) var(--y,-500px),#000 30%,transparent 100%)}
/* woestijnvideo: video op de foto, eindigt met een overvloeier terug naar beeld 1 */
.vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.vfade{opacity:0;pointer-events:none}
.hidvid{position:absolute;width:2px;height:2px;opacity:0;pointer-events:none}
#en .vid{object-position:90% center}
@media (max-width:760px){#en .vid{object-position:100% center}}
#heatcv{position:absolute;inset:0;width:100%;height:100%}
#lake{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.mirage{all:unset;position:absolute;z-index:3;transform:translate(-50%,-50%);white-space:nowrap;cursor:pointer;opacity:var(--o,.9);transition:opacity .4s}
.mirage:focus-visible .ghost{outline:2px solid #FBF1E1;outline-offset:4px}
@keyframes shim{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
.ghost{display:inline-block;font-size:22px;font-weight:600;padding:14px 30px;border-radius:99px;color:#2A1A12;background:#E2A84B;box-shadow:0 0 var(--gl,24px) rgba(226,168,75,.55);animation:shim 3.2s ease-in-out infinite;transition:box-shadow .3s}
.mirage:hover .ghost{background:#EDBB62}
@media (prefers-reduced-motion:reduce){.ghost{animation:none}}
/* TR */
.bal{position:absolute;z-index:3;cursor:pointer;text-align:center;will-change:transform;transition:filter .3s}
.bal img{display:block;width:100%;height:auto;filter:drop-shadow(0 10px 18px rgba(60,20,40,.25))}
.bal b{display:inline-block;margin-top:6px;font-family:M;font-weight:400;font-size:11px;letter-spacing:.18em;text-transform:uppercase;padding:6px 10px;border-radius:99px;background:rgba(43,30,42,.55);backdrop-filter:blur(6px);color:#FFF4EE;transition:background .3s}
.bal:hover b{background:#2BB3B1;color:#2B1E2A}
.bal.fly{transition:transform 1.4s cubic-bezier(.5,0,.2,1),opacity 1.4s;opacity:0}
.toast{position:fixed;left:50%;bottom:80px;transform:translate(-50%,20px);z-index:30;font-family:M;font-size:12px;letter-spacing:.18em;text-transform:uppercase;padding:12px 18px;border-radius:99px;background:#FFF4EE;color:#2B1E2A;opacity:0;transition:.4s}
.toast.on{opacity:1;transform:translate(-50%,0)}
@media (max-width:760px){.top{padding:20px}nav{display:none}.copy.l,.copy.r{left:20px;right:20px;top:auto;bottom:80px;transform:none}h1{font-size:40px}.copy p{font-size:16px}.hint{left:20px;bottom:20px}}


/* ---------- opening: 4 varianten (?i=1..4), scherm 1 nodara, scherm 2 taal kiezen ---------- */
#intro{position:fixed;inset:0;z-index:60;background:#0B1220;color:#F1F5F9;overflow:hidden}
.ist{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}
.v{display:none;position:absolute;inset:0}
#intro[data-v="1"] .v1,#intro[data-v="2"] .v2,#intro[data-v="3"] .v3,#intro[data-v="4"] .v4{display:block}
.wm{position:relative;font-weight:600;font-size:clamp(64px,13vw,168px);letter-spacing:-.05em;line-height:1;display:flex;justify-content:center}
.wm .o{position:relative}
.wm .dot{position:absolute;left:50%;top:.6em;width:.2em;height:.2em;margin:-.1em 0 0 -.1em;border-radius:50%;background:#00D1FF;box-shadow:0 0 .3em rgba(0,209,255,.7)}
.isub{position:absolute;left:0;right:0;text-align:center;font-family:M;font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:rgba(241,245,249,.6);opacity:0}
@keyframes ifade{to{opacity:1}}@keyframes iout{to{opacity:0}}
@keyframes idot{from{transform:scale(0)}to{transform:scale(1)}}
#intro.s2:not([data-v="4"]) .s1{transition:opacity .7s ease,filter .7s ease,transform .9s cubic-bezier(.7,0,.2,1);opacity:0;filter:blur(10px);transform:scale(.94);pointer-events:none}
.s2w{opacity:0;visibility:hidden}
#intro.s2 .s2w{visibility:visible;animation:ifade .6s ease .35s forwards}
.s2w .lg{position:absolute;top:30px;left:50%;transform:translateX(-50%);line-height:0;z-index:1}.lgsvg{height:24px;width:auto;display:block}
.s2w h2{font-weight:300;font-size:clamp(34px,5vw,56px);letter-spacing:-.03em;margin:0}
.s2w .q{font-family:M;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:rgba(241,245,249,.5);margin:14px 0 32px;text-align:center}
.langlist{display:flex;flex-direction:column;width:min(520px,100%)}
.lb{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:18px;opacity:0;transform:translateY(16px);transition:background .25s,color .25s,border-color .25s}
#intro.s2 .lb{animation:ilb .7s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:calc(.55s + var(--i)*.08s)}
@keyframes ilb{to{opacity:1;transform:none}}
.lb .cd{font-family:M;font-size:11px;letter-spacing:.16em;color:rgba(241,245,249,.45);min-width:22px}
.lb .nm{flex:1;transition:transform .35s cubic-bezier(.2,.7,.2,1),letter-spacing .35s}
.lb .ar{opacity:.35;transition:transform .25s,opacity .25s}
.lb:focus-visible{outline:2px solid #00D1FF;outline-offset:3px}
#intro.out{transition:opacity .9s ease;opacity:0;pointer-events:none}

/* 1. Lichtlijn: cyaan lijn trekt open, nodara rijst op uit de lijn */
.v1 .line{position:absolute;left:20vw;right:20vw;top:50%;height:1px;background:linear-gradient(90deg,transparent,#00D1FF 30%,#00D1FF 70%,transparent);transform:scaleX(0);animation:l1 .9s cubic-bezier(.7,0,.2,1) .3s forwards,iout .8s ease 2s forwards}
@keyframes l1{to{transform:scaleX(1)}}
.v1 .mask{position:absolute;left:0;right:0;bottom:calc(50% + 2px);overflow:hidden;padding-top:12px;display:flex;justify-content:center}
.wmsvg{display:block;width:min(78vw,560px);height:auto;transform:translateY(105%);animation:w1 1.1s cubic-bezier(.2,.7,.2,1) 1s forwards}
@keyframes w1{to{transform:none}}
.wmsvg .lg-d{transform-box:fill-box;transform-origin:center;transform:scale(0);animation:idot .5s cubic-bezier(.3,1.6,.5,1) 1.9s forwards;filter:drop-shadow(0 0 30px rgba(0,209,255,.6))}
.v1 .isub{top:calc(50% + 28px);animation:ifade .8s ease 2.1s forwards}
#intro[data-v="1"] .lb{height:78px;border-bottom:1px solid rgba(241,245,249,.14)}
#intro[data-v="1"] .lb:first-child{border-top:1px solid rgba(241,245,249,.14)}
#intro[data-v="1"] .lb .nm{font-size:clamp(26px,3.4vw,36px);font-weight:300;letter-spacing:-.02em}
#intro[data-v="1"] .lb:hover .nm,#intro[data-v="1"] .lb:focus-visible .nm{transform:translateX(10px)}
#intro[data-v="1"] .lb:hover .ar,#intro[data-v="1"] .lb:focus-visible .ar{opacity:1;color:#00D1FF;transform:translateX(4px)}


.ibg{position:absolute;inset:0;z-index:0}
.ibg div{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transform:scale(1.08);transition:opacity 1.1s ease,transform 6s cubic-bezier(.2,.6,.2,1)}
.ibg div.on{opacity:1;transform:scale(1)}
.ibg::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 70% at 50% 55%,rgba(11,18,32,.82),rgba(11,18,32,.55) 70%,rgba(11,18,32,.35))}
.s2w>*:not(.ibg){position:relative;z-index:1}
.s2w>.lg{position:absolute}
#intro[data-v="1"] .lb.cur .nm{transform:translateX(10px)}
#intro[data-v="1"] .lb.cur .ar{opacity:1;color:#00D1FF;transform:translateX(4px)}
#intro.go .s2w{transition:opacity .5s ease}
#intro.go .s2w>*:not(.ibg){transition:opacity .4s;opacity:0}
@media (max-width:760px){.s2w .lg{top:22px}#intro[data-v="1"] .lb{height:66px}.v1 .line{left:8vw;right:8vw}}
@media (prefers-reduced-motion:reduce){#intro *{animation:none!important;transition:none!important}.wmsvg,.wmsvg .lg-d,#intro .isub,#intro .lb{opacity:1;transform:none}.v1 .line{display:none}#intro.s2 .s2w{opacity:1}}

/* ---------- onder elke hero loopt de pagina door, elke wereld in eigen stijl ---------- */
/* kleuren per wereld: --pg pagina, --tx tekst (rgb), --ac accent, --acx tekst op accent (rgb), --card kaart, --vb/--vt/--vac/--vhi veiligheidsband */
.world{overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgb(var(--sb,255 255 255)/.35) transparent}
.world::-webkit-scrollbar{width:8px}.world::-webkit-scrollbar-thumb{background:rgb(var(--sb,255 255 255)/.3);border-radius:8px}
#nl{--sb:31 60 136}
.pz{position:relative;z-index:5;margin-top:100vh;margin-top:100dvh;background:var(--pg);color:rgb(var(--tx))}
.pz[data-w=nl]{--pg:#F4EFE4;--tx:20 33 61;--ac:#1F3C88;--acx:244 239 228;--card:#FBF8F1;--vb:#1F3C88;--vt:244 239 228;--vac:#F4EFE4;--vhi:#7FE3FF}
.pz[data-w=en]{--pg:#0F241C;--tx:242 235 221;--ac:#C9A24B;--acx:15 36 28;--card:#143024;--vb:#F2EBDD;--vt:15 36 28;--vac:#0F241C;--vhi:#8A6A1F}
.pz[data-w=ar]{--pg:#2A1A12;--tx:251 241 225;--ac:#E2A84B;--acx:42 26 18;--card:#35231A;--vb:#E9D3AE;--vt:42 26 18;--vac:#2A1A12;--vhi:#9A4A16}
.pz[data-w=tr]{--pg:#2B1E2A;--tx:255 244 238;--ac:#2BB3B1;--acx:43 30 42;--card:#362735;--co:#F08A6C;--vb:#2BB3B1;--vt:43 30 42;--vac:#2B1E2A;--vhi:#FFF4EE}
.pz a{color:inherit}
.pz-w{max-width:1200px;margin:0 auto;padding:0 48px}
.pz-s{padding:120px 0}
.pz-h{display:flex;align-items:flex-end;gap:22px;margin-bottom:56px}
.pz-n{font-family:M;font-size:12px;letter-spacing:.14em;color:var(--ac);border:1px solid color-mix(in srgb,var(--ac) 45%,transparent);border-radius:99px;padding:6px 10px;margin-bottom:10px}
.pz-k{font-family:M;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:rgb(var(--tx)/.6);margin-bottom:12px}
.pz h2{font-weight:400;font-size:clamp(34px,4.4vw,60px);line-height:1.02;letter-spacing:-.04em;margin:0}
.pz-link{margin-inline-start:auto;margin-bottom:10px;font-size:15px;text-decoration:none;border-bottom:1px solid rgb(var(--tx)/.3);padding-bottom:3px;white-space:nowrap}
.pz-link:hover{border-color:var(--ac);color:var(--ac)}
.pz-note{margin-top:28px;font-size:14px;color:rgb(var(--tx)/.62)}
.pz-note a{color:var(--ac);text-decoration:none;border-bottom:1px solid currentColor}
.pz-lead{font-weight:300;font-size:19px;line-height:1.65;max-width:560px;margin:22px 0 0;color:rgb(var(--tx)/.85)}
.pz-small{font-size:14px;line-height:1.6;color:rgb(var(--tx)/.6);margin-top:26px;max-width:480px}
/* rechts-naar-links: geen mono, geen spatiëring, ruimere regels */
.pz[dir=rtl] .pz-k,.pz[dir=rtl] .pz-n,.pz[dir=rtl] .pr-t,.pz[dir=rtl] .kaart figcaption,.pz[dir=rtl] .rapport{font-family:inherit;letter-spacing:0;text-transform:none}
.pz[dir=rtl] .pz-k{font-size:15px}
.pz[dir=rtl] h2,.pz[dir=rtl] .pz-big,.pz[dir=rtl] .pz-facts b,.pz[dir=rtl] .pr-p,.pz[dir=rtl] .tegel b{letter-spacing:0}
.pz[dir=rtl] h2{line-height:1.3;font-weight:600}
.pz[dir=rtl] .pz-big{line-height:1.6;font-weight:500}
.pz[dir=rtl] .pz-lead{font-weight:400;line-height:1.85}

/* scheidslijn tussen de kavels; per wereld een eigen lijn */
.sloot{height:7px;margin:0 48px;border-radius:7px;background:linear-gradient(90deg,#2F5597,#6F8FC9 20%,#2F5597 40%,#2F5597 100%);background-size:240% 100%;animation:sloot 9s linear infinite;opacity:.55}
@keyframes sloot{to{background-position:-240% 0}}
[data-w=en] .sloot{height:6px;border-radius:0;background:none;border-top:1px solid var(--ac);border-bottom:1px solid var(--ac);animation:none;opacity:.45}
[data-w=ar] .sloot{height:14px;border-radius:0;opacity:.5;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='14'%3E%3Cpath d='M0 9 C20 1 40 1 60 7 S100 13 120 9' fill='none' stroke='%23E2A84B' stroke-width='1.4'/%3E%3C/svg%3E") repeat-x 0 50%;animation:duin 30s linear infinite}
@keyframes duin{to{background-position:-120px 50%}}
[dir=rtl] .sloot{animation-direction:reverse}
[data-w=tr] .sloot{height:3px;opacity:.8;background:linear-gradient(90deg,transparent,var(--co) 20%,#F4C26B 45%,var(--ac) 70%,transparent);background-size:200% 100%;animation:sloot 12s linear infinite}

/* intro: woorden kleuren in terwijl je scrolt */
.pz-intro{padding:130px 0 110px}
.pz-big{font-weight:400;font-size:clamp(30px,3.9vw,54px);line-height:1.18;letter-spacing:-.035em;margin:0;max-width:1050px}
.pz-big span{opacity:.18;transition:opacity .25s}
.pz-big span.on{opacity:1}
.pz-facts{list-style:none;padding:0;margin:80px 0 0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgb(var(--tx)/.18)}
.pz-facts li{padding-block:22px 0;padding-inline:0 22px;display:flex;flex-direction:column;gap:6px}
.pz-facts li+li{padding-inline-start:22px;border-inline-start:1px solid rgb(var(--tx)/.12)}
.pz-facts b{font-weight:400;font-size:30px;letter-spacing:-.03em;color:var(--ac)}
.pz-facts span{font-size:14px;color:rgb(var(--tx)/.65)}

/* diensten als tegels: basis = Delfts blauw (NL) */
.tegels{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.tegel{position:relative;display:flex;flex-direction:column;gap:10px;aspect-ratio:1;padding:30px;text-decoration:none;background-color:var(--card);border:1px solid color-mix(in srgb,var(--ac) 30%,transparent);
 transition:background-color .45s ease,color .45s ease,transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s}
[data-w=nl] .tegel{background-image:radial-gradient(circle at 0 0,transparent 15px,rgba(31,60,136,.55) 15.5px,rgba(31,60,136,.55) 16.5px,transparent 17px,transparent 22px,rgba(31,60,136,.3) 22.5px,rgba(31,60,136,.3) 23.5px,transparent 24px),radial-gradient(circle at 100% 0,transparent 15px,rgba(31,60,136,.55) 15.5px,rgba(31,60,136,.55) 16.5px,transparent 17px,transparent 22px,rgba(31,60,136,.3) 22.5px,rgba(31,60,136,.3) 23.5px,transparent 24px),radial-gradient(circle at 0 100%,transparent 15px,rgba(31,60,136,.55) 15.5px,rgba(31,60,136,.55) 16.5px,transparent 17px,transparent 22px,rgba(31,60,136,.3) 22.5px,rgba(31,60,136,.3) 23.5px,transparent 24px),radial-gradient(circle at 100% 100%,transparent 15px,rgba(31,60,136,.55) 15.5px,rgba(31,60,136,.55) 16.5px,transparent 17px,transparent 22px,rgba(31,60,136,.3) 22.5px,rgba(31,60,136,.3) 23.5px,transparent 24px);
 background-size:30px 30px;background-position:0 0,100% 0,0 100%,100% 100%;background-repeat:no-repeat}
.tegel svg{width:48px;height:48px;fill:none;stroke:var(--ac);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;margin:0 0 auto;padding-bottom:14px;box-sizing:content-box;transition:stroke .45s,transform .6s cubic-bezier(.2,.7,.2,1)}
.tegel b{position:relative;font-weight:500;font-size:20px;letter-spacing:-.02em}
.tegel span{position:relative;font-size:14px;line-height:1.5;color:rgb(var(--tx)/.68);transition:color .45s}
.tegel:hover,.tegel:focus-visible{background-color:var(--ac);color:rgb(var(--acx));transform:translateY(-4px);box-shadow:0 18px 40px -18px color-mix(in srgb,var(--ac) 70%,transparent)}
.tegel:hover svg,.tegel:focus-visible svg{stroke:rgb(var(--acx));transform:rotate(-6deg) scale(1.06)}
.tegel:hover span,.tegel:focus-visible span{color:rgb(var(--acx)/.82)}
.tegel:focus-visible{outline:2px solid var(--ac);outline-offset:3px}
/* EN: straatnaambordjes, dubbele lijst, goud */
[data-w=en] .tegel{border-radius:6px;border-color:color-mix(in srgb,var(--ac) 70%,transparent);box-shadow:inset 0 0 0 6px var(--card),inset 0 0 0 7px color-mix(in srgb,var(--ac) 45%,transparent)}
[data-w=en] .tegel b{font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:16px}
[data-w=en] .tegel:hover,[data-w=en] .tegel:focus-visible{box-shadow:inset 0 0 0 6px var(--ac),inset 0 0 0 7px rgb(var(--acx)/.5),0 18px 40px -18px rgba(0,0,0,.6)}
/* AR: Moorse boog bovenop */
[data-w=ar] .tegel{border-radius:50% 50% 10px 10px/34% 34% 10px 10px;padding-top:56px;border-color:color-mix(in srgb,var(--ac) 45%,transparent)}
[data-w=ar] .tegel::before{content:"";position:absolute;inset:8px;border-radius:inherit;border:1px solid color-mix(in srgb,var(--ac) 28%,transparent);pointer-events:none;transition:border-color .45s}
[data-w=ar] .tegel:hover::before,[data-w=ar] .tegel:focus-visible::before{border-color:rgb(var(--acx)/.35)}
[data-w=ar] .tegel:hover svg,[data-w=ar] .tegel:focus-visible svg{transform:scale(1.06)}
/* TR: zachte tegel met een turquoise ring, zoals een İznik-motief */
[data-w=tr] .tegel{border-radius:26px;overflow:hidden;border-color:rgb(var(--tx)/.1)}
[data-w=tr] .tegel::before{content:"";position:absolute;top:-34px;inset-inline-end:-34px;width:110px;height:110px;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--ac) 55%,transparent);box-shadow:0 0 0 12px color-mix(in srgb,var(--ac) 10%,transparent),inset 0 0 0 14px color-mix(in srgb,var(--co) 14%,transparent);transition:transform .8s cubic-bezier(.2,.7,.2,1)}
[data-w=tr] .tegel:hover::before,[data-w=tr] .tegel:focus-visible::before{transform:scale(1.25) rotate(20deg)}

/* werk: sites in een rij, scrollen bij wijzen */
.werk{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.wk{display:flex;flex-direction:column;gap:6px;text-decoration:none}
.wk-f{display:block;aspect-ratio:3/4;border-radius:14px;border:1px solid rgb(var(--tx)/.14);background-size:100% auto;background-position:50% 0;background-repeat:no-repeat;background-color:#fff;margin-bottom:12px;box-shadow:0 22px 40px -28px rgba(0,0,0,.55);transition:background-position 5s cubic-bezier(.45,0,.3,1),transform .45s cubic-bezier(.2,.7,.2,1)}
.wk:hover .wk-f,.wk:focus-visible .wk-f{background-position:50% 100%;transform:translateY(-4px)}
.wk b{font-weight:500;font-size:19px;letter-spacing:-.02em}.wk-t{font-style:normal;font-family:M;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:rgb(var(--tx)/.5)}.wk-t.live{color:var(--ac)}.wk-t.live::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-inline-end:7px;vertical-align:1px}
.wk>span:last-child{font-size:14px;color:rgb(var(--tx)/.62)}
[data-w=en] .wk-f{border-radius:4px;border:1px solid color-mix(in srgb,var(--ac) 60%,transparent);box-shadow:0 0 0 5px var(--pg),0 0 0 6px color-mix(in srgb,var(--ac) 35%,transparent),0 26px 40px -24px rgba(0,0,0,.7)}
[data-w=ar] .wk-f{border-radius:999px 999px 14px 14px/180px 180px 14px 14px}
[data-w=tr] .wk-f{border-radius:24px}

/* werkwijze: vier stappen op een lijn; NL hectometerpaaltjes langs de dijk */
.dijk{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:28px;position:relative;padding-top:86px}
.dijk::before{content:"";position:absolute;inset-inline:0;top:64px;height:2px;background:rgb(var(--tx)/.15)}
.dijk::after{content:"";position:absolute;inset-inline-start:0;top:64px;height:2px;width:100%;background:var(--ac);transform:scaleX(0);transform-origin:0 50%;transition:transform 1.8s cubic-bezier(.6,0,.2,1) .2s}
[dir=rtl] .dijk::after{transform-origin:100% 50%}
.dijk.in::after{transform:scaleX(1)}
.dijk li{position:relative;display:flex;flex-direction:column;gap:8px}
.paal{position:absolute;top:-86px;inset-inline-start:0;width:34px;height:58px;border-radius:5px 5px 2px 2px;background:var(--ac);color:rgb(var(--acx));font-family:M;font-size:11px;display:flex;align-items:flex-start;justify-content:center;padding-top:8px;box-shadow:inset 0 -14px 0 rgba(0,0,0,.12)}
.paal i{position:relative;z-index:1;font-style:normal}
[data-w=nl] .paal::after{content:"";position:absolute;left:50%;bottom:-6px;width:2px;height:6px;margin-left:-1px;background:var(--ac)}
.dijk b{font-weight:500;font-size:20px;letter-spacing:-.02em}
.dijk li>span:last-child{font-size:15px;line-height:1.55;color:rgb(var(--tx)/.68)}
/* EN: metrolijn met rondellen */
[data-w=en] .dijk::before,[data-w=en] .dijk::after{height:6px;top:61px;border-radius:6px}
[data-w=en] .paal{top:-44px;width:44px;height:44px;border-radius:50%;background:var(--pg);border:7px solid var(--ac);box-shadow:none;padding:0;align-items:center;color:rgb(var(--tx));font-size:10px;transform:scale(0);transition:transform .5s cubic-bezier(.3,1.5,.5,1)}
[data-w=en] .paal::before{content:"";position:absolute;inset-inline:-14px;top:50%;height:13px;margin-top:-6.5px;background:var(--ac)}
[data-w=en] .paal i{color:rgb(var(--acx));font-weight:600;letter-spacing:.06em}
[data-w=en] .dijk.in .paal{transform:none}
[data-w=en] .dijk li:nth-child(2) .paal{transition-delay:.5s}[data-w=en] .dijk li:nth-child(3) .paal{transition-delay:.9s}[data-w=en] .dijk li:nth-child(4) .paal{transition-delay:1.3s}[data-w=en] .dijk li:nth-child(1) .paal{transition-delay:.15s}
/* AR: karavaanroute met bogen als rustplaatsen */
[data-w=ar] .dijk::before{height:0;background:none;border-top:2px dashed rgb(var(--tx)/.22)}
[data-w=ar] .dijk::after{height:0;background:none;border-top:2px dashed var(--ac)}
[data-w=ar] .paal{top:-80px;width:38px;height:50px;border-radius:50% 50% 3px 3px/40% 40% 3px 3px;padding-top:16px;font-family:inherit;font-size:14px;font-weight:600;box-shadow:inset 0 0 0 4px var(--ac),inset 0 0 0 5px rgb(var(--acx)/.35)}
/* TR: ballonnen die per stap hoger stijgen */
[data-w=tr] .dijk{padding-top:150px}
[data-w=tr] .dijk::before{top:128px;height:1px;background:linear-gradient(90deg,transparent,rgb(var(--tx)/.25) 15%,rgb(var(--tx)/.25) 85%,transparent)}
[data-w=tr] .dijk::after{display:none}
[data-w=tr] .paal{top:-112px;width:46px;height:56px;border-radius:50% 50% 46% 46%/56% 56% 44% 44%;padding-top:17px;font-size:12px;background:radial-gradient(circle at 35% 30%,#4FD3D0,var(--ac) 55%,#1C7F7E);box-shadow:none;transform:translateY(60px);opacity:0;transition:transform 1.6s cubic-bezier(.2,.7,.2,1),opacity 1s}
[data-w=tr] .paal::before{content:"";position:absolute;left:50%;top:100%;width:10px;height:9px;margin:9px 0 0 -5px;border-radius:2px;background:#B97A4E;box-shadow:0 -9px 0 -4px transparent}
[data-w=tr] .paal::after{content:"";position:absolute;left:50%;top:94%;width:16px;height:10px;margin-left:-8px;border-left:1px solid rgb(var(--tx)/.5);border-right:1px solid rgb(var(--tx)/.5)}
[data-w=tr] .dijk li:nth-child(2) .paal{background:radial-gradient(circle at 35% 30%,#F7AE93,var(--co) 55%,#C25E43)}
[data-w=tr] .dijk li:nth-child(3) .paal{background:radial-gradient(circle at 35% 30%,#F8D58E,#F4C26B 55%,#C1923B)}
[data-w=tr] .dijk li:nth-child(4) .paal{background:radial-gradient(circle at 35% 30%,#F7AE93,var(--co) 55%,#C25E43)}
[data-w=tr] .dijk.in li .paal{opacity:1}
[data-w=tr] .dijk.in li:nth-child(1) .paal{transform:translateY(0)}
[data-w=tr] .dijk.in li:nth-child(2) .paal{transform:translateY(-12px);transition-delay:.25s}
[data-w=tr] .dijk.in li:nth-child(3) .paal{transform:translateY(-24px);transition-delay:.5s}
[data-w=tr] .dijk.in li:nth-child(4) .paal{transform:translateY(-36px);transition-delay:.75s}
[data-w=tr] .paal i{color:#2B1E2A;font-weight:600}

/* prijzen */
.prijzen{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pr{position:relative;padding:34px 30px 30px;border:1px solid rgb(var(--tx)/.16);border-radius:18px;background:var(--card)}
.pr.hot{background:var(--ac);color:rgb(var(--acx));border-color:var(--ac)}
.pr-t{position:absolute;top:18px;inset-inline-end:18px;font-family:M;font-size:10px;letter-spacing:.18em;text-transform:uppercase;padding:5px 9px;border-radius:99px;background:rgb(var(--acx)/.14)}
.pr-n{font-size:15px;letter-spacing:.02em;opacity:.75}
.pr-p{font-weight:400;font-size:46px;letter-spacing:-.04em;margin:10px 0 22px;display:flex;align-items:baseline;gap:8px}
.pr-p small{font-size:13px;letter-spacing:0;opacity:.6}
.pr-p small.na{margin-inline-start:-6px}
.pr ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;font-size:15px}
.pr li{padding-inline-start:22px;position:relative}
.pr li::before{content:"";position:absolute;inset-inline-start:0;top:.55em;width:10px;height:6px;border-left:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(-45deg);opacity:.7}
/* EN: theaterkaartjes met inkepingen en perforatie */
[data-w=en] .pr{border-radius:6px;border-color:color-mix(in srgb,var(--ac) 40%,transparent)}
[data-w=en] .pr ul{border-top:1.5px dashed color-mix(in srgb,currentColor 30%,transparent);padding-top:22px}
[data-w=en] .pr::before,[data-w=en] .pr::after{content:"";position:absolute;top:134px;width:24px;height:24px;margin-top:-12px;border-radius:50%;background:var(--pg);border:1px solid color-mix(in srgb,var(--ac) 40%,transparent)}
[data-w=en] .pr::before{left:-13px;clip-path:inset(0 0 0 50%)}[data-w=en] .pr::after{right:-13px;clip-path:inset(0 50% 0 0)}
[data-w=en] .pr-n{font-family:M;font-size:12px;letter-spacing:.24em;text-transform:uppercase}
/* AR: kaarten met boogtop */
[data-w=ar] .pr{border-radius:50% 50% 18px 18px/110px 110px 18px 18px;padding-top:78px;text-align:start}
[data-w=ar] .pr-t{top:30px;inset-inline-end:auto;left:50%;transform:translateX(-50%);white-space:nowrap}
/* TR */
[data-w=tr] .pr{border-radius:26px}
[data-w=tr] .pr.hot{background:linear-gradient(160deg,#36C6C3,var(--ac) 50%,#1F8E8C)}
.zorg{margin-top:16px;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 30px;border-radius:18px;border:1px dashed color-mix(in srgb,var(--ac) 50%,transparent)}
[data-w=en] .zorg{border-radius:6px}[data-w=tr] .zorg{border-radius:26px}
.zorg>div:first-child{display:flex;flex-direction:column;gap:4px}
.zorg>div:first-child b{font-weight:500;font-size:18px}
.zorg>div:first-child span{font-size:14px;color:rgb(var(--tx)/.65)}
.zorg-t{display:flex;align-items:baseline;gap:22px;font-size:14px;white-space:nowrap}
.zorg-t b{font-weight:400;font-size:24px;color:var(--ac);letter-spacing:-.02em;margin-inline-start:4px}
.zorg-t small{color:rgb(var(--tx)/.55)}

/* veiligheid: een band in de tegenkleur van de wereld */
.pz-veilig{background:var(--vb);--tx:var(--vt);--ac:var(--vac);color:rgb(var(--tx))}
[data-w=ar] .pz-veilig{background:var(--vb) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='60'%3E%3Cpath d='M0 40 C40 20 80 20 120 34 S160 48 160 40' fill='none' stroke='%232A1A12' stroke-opacity='.07' stroke-width='1.2'/%3E%3C/svg%3E")}
.veilig{display:grid;grid-template-columns:1.1fr 1.3fr .9fr;gap:48px;align-items:start}
.veilig>p{font-weight:300;font-size:22px;line-height:1.5;margin:0;color:rgb(var(--tx)/.9)}
[dir=rtl] .veilig>p{font-weight:400;line-height:1.8}
.veilig ul{list-style:none;padding:0;margin:0;display:grid;gap:22px}
.veilig li{font-size:15px;line-height:1.55;color:rgb(var(--tx)/.72);display:flex;flex-direction:column;gap:4px}
.veilig li b{font-weight:500;font-size:17px;color:rgb(var(--tx))}
.rapport{border:1px solid rgb(var(--tx)/.25);border-radius:16px;padding:22px;font-family:M;font-size:12px;display:flex;flex-direction:column;gap:14px;background:rgb(var(--tx)/.06)}
.rapport>div{display:flex;justify-content:space-between;gap:12px;color:rgb(var(--tx)/.7)}
.rapport b{font-weight:400;color:var(--vhi)}
.rp-h{color:rgb(var(--tx))!important;letter-spacing:.12em;padding-bottom:12px;border-bottom:1px solid rgb(var(--tx)/.18)}
[data-w=en] .rapport,[data-w=en] .zorg{border-radius:6px}
[data-w=tr] .rapport{border-radius:22px}

/* over ons + werkgebied */
.over{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center}
.kaart{margin:0;position:relative}
.kaart svg{width:100%;height:auto;display:block;border-radius:18px;background:var(--card);border:1px solid rgb(var(--tx)/.12);direction:ltr}
[data-w=en] .kaart svg{border-radius:6px}[data-w=ar] .kaart svg{border-radius:200px 200px 18px 18px/120px 120px 18px 18px}[data-w=tr] .kaart svg{border-radius:26px}
.kaart figcaption{position:absolute;top:16px;inset-inline-start:18px;font-family:M;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:rgb(var(--tx)/.55)}
[data-w=ar] .kaart figcaption{top:auto;bottom:16px}
.kv line,.kv path,.kv circle{fill:none;stroke:color-mix(in srgb,var(--ac) 18%,transparent);stroke-width:1}
.kd circle{fill:var(--card);stroke:var(--ac);stroke-width:1.6}
.kd .vn circle{fill:var(--ac)}
.kd .vn .ring{fill:none;stroke:var(--ac);stroke-width:1.2;transform-box:fill-box;transform-origin:center;animation:kring 2.6s ease-out infinite}
@keyframes kring{0%{transform:scale(1);opacity:.7}100%{transform:scale(4.5);opacity:0}}
.kd text{font-family:G,sans-serif;font-size:12px;fill:rgb(var(--tx))}
.kd .vn text{font-weight:600;font-size:14px}
.kd path{fill:none;stroke:var(--ac);stroke-width:1;stroke-dasharray:3 4;opacity:.45}

/* contact */
.pz-contact{text-align:center;padding:150px 0}
.pz-contact h2{font-size:clamp(44px,7vw,104px)}
.pz-contact .pz-lead{margin:22px auto 0}
.pz-cta{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:40px}
.pz-cta .btn{text-decoration:none;color:rgb(var(--tx));border-color:rgb(var(--tx))}
.pz-cta .btn.c{background:var(--ac);border-color:var(--ac);color:rgb(var(--acx))}
.pz-cta .btn:hover{background:rgb(var(--tx));color:var(--pg)}
[data-w=en] .pz-cta .btn{border-radius:4px}
.pz-foot{border-top:1px solid rgb(var(--tx)/.14);padding:28px 0 34px;font-size:13px;color:rgb(var(--tx)/.6)}
.pz-foot .pz-w{display:flex;flex-wrap:wrap;align-items:center;gap:14px 34px}
.pz-flogo{line-height:0;color:rgb(var(--tx));margin-inline-end:auto}.pz-flogo svg{height:22px;width:auto}

/* verschijnen bij scrollen */
.rv{opacity:0;transform:translateY(26px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
.rv.in{opacity:1;transform:none}
.tegels .rv:nth-child(4n+2),.werk .rv:nth-child(2),.prijzen .rv:nth-child(2){transition-delay:.08s}
.tegels .rv:nth-child(4n+3),.werk .rv:nth-child(3),.prijzen .rv:nth-child(3){transition-delay:.16s}
.tegels .rv:nth-child(4n+4),.werk .rv:nth-child(4){transition-delay:.24s}

/* kop krijgt de paginakleur achter zich zodra je onder de hero bent */
body.wscroll .top{background:color-mix(in srgb,var(--tbg) 86%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 0 rgba(127,127,127,.15);padding-top:18px;padding-bottom:18px}
.top{transition:color .6s,background .4s,padding .4s}
body.wscroll .hint{opacity:0;transition:opacity .3s}
.scrollcue{position:absolute;left:50%;top:calc(100dvh - 28px);z-index:4;transform:translate(-50%,-100%);font-family:M;font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--fg);opacity:.6;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}
[dir=rtl] .scrollcue{font-family:inherit;letter-spacing:0;font-size:13px}
.scrollcue i{width:1px;height:34px;background:linear-gradient(var(--fg),transparent);animation:cue 2s ease-in-out infinite}
@keyframes cue{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

@media (max-width:1000px){.tegels{grid-template-columns:repeat(2,1fr)}.werk{grid-template-columns:repeat(2,1fr)}.veilig{grid-template-columns:1fr}.over{grid-template-columns:1fr}.prijzen{grid-template-columns:1fr}}
@media (max-width:760px){
 .pz-w{padding:0 20px}.pz-s{padding:80px 0}.sloot{margin:0 20px}
 .pz-h{flex-wrap:wrap;align-items:flex-start;margin-bottom:36px}.pz-h>div{flex:1 1 180px}
 .pz-n{margin-bottom:0;margin-top:5px}.pz-link{flex-basis:100%;margin-inline-start:0;margin-bottom:0}
 [data-w=en] .paal::before{display:none}
 [data-w=ar] .dijk::before,[data-w=ar] .dijk::after{height:auto}
 .pz-facts{grid-template-columns:1fr 1fr;margin-top:50px}.pz-facts li:nth-child(3){padding-inline-start:0;border-inline-start:0}.pz-facts li{padding-bottom:18px}
 .tegel{aspect-ratio:auto;min-height:190px;padding:22px}.tegel svg{width:40px;height:40px;margin:0 0 14px}.tegel b{font-size:17px}.tegel span{font-size:13px}
 [data-w=ar] .tegel{padding-top:46px;border-radius:50% 50% 10px 10px/22% 22% 10px 10px}
 [data-w=en] .tegel b{font-size:14px}
 .werk{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:20px;gap:14px;margin:0 -20px;padding:0 20px 8px}.wk{flex:0 0 68%;scroll-snap-align:start}
 .dijk,[data-w=tr] .dijk{grid-template-columns:1fr;padding-top:0;padding-inline-start:64px;gap:38px}
 .dijk::before,.dijk::after,[data-w=en] .dijk::before,[data-w=en] .dijk::after{inset-inline:19px auto;top:0;bottom:0;width:2px;height:auto}
 [data-w=en] .dijk::before,[data-w=en] .dijk::after{width:6px;inset-inline-start:17px}
 [data-w=ar] .dijk::before,[data-w=ar] .dijk::after{border-top:0;width:0;border-inline-start:2px dashed rgb(var(--tx)/.22)}[data-w=ar] .dijk::after{border-inline-start-color:var(--ac)}
 .dijk::after{transform:scaleY(0);transform-origin:50% 0}[dir=rtl] .dijk::after{transform-origin:50% 0}.dijk.in::after{transform:scaleY(1)}
 .paal,[data-w=ar] .paal{top:-4px;inset-inline-start:-64px;margin-inline-start:2px}
 [data-w=en] .paal{inset-inline-start:-61px;top:-6px}
 [data-w=tr] .dijk::before{display:none}
 [data-w=tr] .paal{inset-inline-start:-62px;top:-10px;transform:translateY(30px)}
 [data-w=tr] .dijk.in li:nth-child(n) .paal{transform:none}
 .zorg{flex-direction:column;align-items:flex-start}.zorg-t{flex-wrap:wrap;gap:12px 18px}
 [data-w=en] .pr::before,[data-w=en] .pr::after{top:130px}
 [data-w=ar] .pr{border-radius:50% 50% 18px 18px/70px 70px 18px 18px;padding-top:64px}
 .pz-contact{padding:100px 0}
 .scrollcue{top:calc(100dvh - 16px)}
 .copy.l,.copy.r{top:calc(100dvh - 86px);bottom:auto;transform:translateY(-100%)}
}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}.sloot,.scrollcue i,.kd .vn .ring{animation:none}.pz-big span{opacity:1}.wk-f{transition:none}.dijk::after{transform:none;transition:none}[data-w=en] .paal,[data-w=tr] .paal{transform:none;opacity:1;transition:none}}