@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(../media/41e95f694c5c4549-s.2b_sldcwg6mn_.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(../media/6c55a692938ebbbc-s.1emuuracu50qd.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(../media/a218039a3287bcfd-s.p.43zbiuwnnoiok.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(../media/bdc7e24a509eb931-s.0ynx40_3oa9rk.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(../media/0da9c7f357bd9d4d-s.1975l3y3401x_.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(../media/8e6fa89aa22d24ec-s.p.2o7m9ogm38dql.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(../media/0a7740363b4d4863-s.3ji57o093q1kd.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(../media/5f9d24ebef5d5292-s.19xuq3td7fwu_.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(../media/e2334d715941921e-s.p.3o_v2fun1jzxk.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(../media/b53057dbf91a7acf-s.11ypmpdlzqdb_.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(../media/798ea22d9983e047-s.3go-kn2r40gie.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(../media/47fe1b7cd6e6ed85-s.p.3bh2vc0w-r-ll.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:800;font-display:swap;src:url(../media/99ce71e74c11bc20-s.1jc1xb-qv_87z.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-weight:800;font-display:swap;src:url(../media/8cf1ea7b03cdeb83-s.3dbq0oou7i_24.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:800;font-display:swap;src:url(../media/829ba4228c966254-s.p.2mm3nq9i83l-m.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins Fallback;src:local(Arial);ascent-override:93.62%;descent-override:31.21%;line-gap-override:8.92%;size-adjust:112.16%}.poppins_d881fd50-module__9OsCwW__className{font-family:Poppins,Poppins Fallback;font-style:normal}.poppins_d881fd50-module__9OsCwW__variable{--font-poppins:"Poppins", "Poppins Fallback"}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/04c5164763c40239-s.1kd-r_s9smv5m.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/26f284dcc38c84c0-s.3hlisc-pwq13z.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/7e7f32a39836f228-s.0-oo9_1x_xmvg.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/fa39153a3fc630ba-s.36fqqi66-3tjb.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/6a5386fd6038edbe-s.3_z45zcoc-xoz.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/051742360c26797e-s.p.1bkzbscqrt8rl.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/04c5164763c40239-s.1kd-r_s9smv5m.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/26f284dcc38c84c0-s.3hlisc-pwq13z.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/7e7f32a39836f228-s.0-oo9_1x_xmvg.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/fa39153a3fc630ba-s.36fqqi66-3tjb.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/6a5386fd6038edbe-s.3_z45zcoc-xoz.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/051742360c26797e-s.p.1bkzbscqrt8rl.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Fallback;src:local(Arial);ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.0%;size-adjust:134.59%}.jetbrains_mono_964e2806-module__h6Ln4a__className{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.jetbrains_mono_964e2806-module__h6Ln4a__variable{--font-mono:"JetBrains Mono", "JetBrains Mono Fallback"}
:root{--nacht:#08122b;--navy-diep:#0e1d3d;--navy:#182a51;--navy-zacht:#25396a;--cyaan:#00aeef;--cyaan-donker:#0084b8;--cyaan-licht:#8fd8f7;--ijs:#dceaf7;--mist:#f2f5f8;--wit:#fff;--tekst:#1a2540;--grijs:#56657f;--rand:#e2e9f2;--rood:#ff4d5e;--groen:#3ddc97;--kaart-bg:#0b1733;--font:var(--font-poppins), system-ui, -apple-system, "Segoe UI", sans-serif;--mono:var(--font-mono), ui-monospace, "Cascadia Mono", Consolas, monospace;--wrap:1200px;--gutter:24px;--sectie:104px;--r:18px;--zacht:cubic-bezier(.2, .7, .2, 1);--schaduw:0 1px 2px #0e1d3d0d, 0 12px 32px #0e1d3d12;--schaduw-groot:0 30px 70px #0e1d3d2e}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;interpolate-size:allow-keywords}body{font-family:var(--font);color:var(--tekst);background:var(--wit);-webkit-font-smoothing:antialiased;margin:0;font-size:16.5px;line-height:1.7;overflow-x:hidden}body.menu-open{overflow:hidden}img{max-width:100%;display:block}a{color:inherit}p{margin:0 0 1em}h1,h2,h3{letter-spacing:-.02em;color:var(--navy-diep);margin:0 0 .5em;font-weight:700;line-height:1.15}h1{letter-spacing:-.03em;font-size:clamp(2.3rem,5.2vw,4.1rem);font-weight:800}h2,.h2{font-size:clamp(1.75rem,3.3vw,2.6rem)}h3{letter-spacing:-.01em;font-size:1.18rem}:focus-visible{outline:3px solid var(--cyaan);outline-offset:3px;border-radius:6px}.wrap{max-width:calc(var(--wrap) + 2 * var(--gutter));padding:0 var(--gutter);margin:0 auto}.wrap.smal{max-width:calc(860px + 2 * var(--gutter))}.ico{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:22px;height:22px}.label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.16em;color:var(--cyaan-donker);align-items:center;gap:10px;margin:0 0 14px;font-size:.75rem;font-weight:500;display:flex}.label:before{content:"";background:currentColor;border-radius:2px;width:22px;height:2px}.label.licht,.donker .label,.paginakop .label,.hero .label,.cta .label{color:var(--cyaan)}.midden .label{justify-content:center}.knop{border:2px solid var(--cyaan);background:var(--cyaan);color:var(--navy-diep);font:600 .97rem/1.2 var(--font);cursor:pointer;transition:transform .25s var(--zacht), box-shadow .25s var(--zacht), background .2s, color .2s;border-radius:999px;align-items:center;gap:10px;padding:14px 24px;text-decoration:none;display:inline-flex}.knop:hover{transform:translateY(-2px);box-shadow:0 10px 26px #00aeef59}.knop .ico{stroke-width:2px;width:18px;height:18px;transition:transform .25s var(--zacht)}.knop:hover .ico:last-child{transform:translate(3px)}.knop.lijn{color:var(--navy-diep);border-color:var(--rand);background:0 0}.knop.lijn:hover{border-color:var(--navy-diep);box-shadow:none}.knop.lijn.licht{color:var(--wit);border-color:#ffffff47}.knop.lijn.licht:hover{border-color:var(--wit);background:#ffffff0f}.knop.klein{padding:10px 18px;font-size:.9rem}.knoppen{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.meer{color:var(--cyaan-donker);align-items:center;gap:8px;font-weight:600;text-decoration:none;display:inline-flex}.meer .ico{stroke-width:2px;width:18px;height:18px;transition:transform .25s var(--zacht)}.meer:hover .ico,a:hover>.meer .ico{transform:translate(4px)}.meer.licht{color:var(--cyaan)}.rec{background:var(--rood);width:8px;height:8px;box-shadow:0 0 10px var(--rood);border-radius:50%;animation:1.4s steps(2,jump-none) infinite knipper;display:inline-block}.rec.groen{background:var(--groen);box-shadow:0 0 10px var(--groen)}@keyframes knipper{50%{opacity:.15}}.concept{background:var(--cyaan);color:var(--navy-diep);text-align:center;padding:6px var(--gutter);font-size:.8rem;font-weight:600}.topbalk{background:var(--nacht);color:#dceaf7b3;font-size:.82rem}.topbalk .wrap{justify-content:space-between;align-items:center;gap:16px;min-height:38px;display:flex}.topbalk .rechts{gap:22px;display:flex}.topbalk a{align-items:center;gap:7px;text-decoration:none;transition:color .2s;display:inline-flex}.topbalk a:hover{color:var(--wit)}.topbalk .ico{width:15px;height:15px;color:var(--cyaan)}.kop{z-index:50;-webkit-backdrop-filter:blur(14px)saturate(140%);transition:transform .35s var(--zacht), box-shadow .3s;view-transition-name:kop;background:#0e1d3deb;border-bottom:1px solid #ffffff12;position:sticky;top:0}.kop.gescrold{box-shadow:0 10px 30px #040a1a59}.kop.verborgen{transform:translateY(-100%)}.kop .wrap{align-items:center;gap:28px;min-height:76px;display:flex}.logo{flex:none}.logo img{width:auto;height:46px}.menu{gap:4px;margin:0 0 0 auto;padding:0;list-style:none;display:flex}.menu>li{position:relative}.menu>li>a{color:#ffffffd1;border-radius:10px;padding:10px 14px;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s,background .2s;display:block;position:relative}.menu>li>a:hover{color:var(--wit);background:#ffffff0f}.menu>li>a.actief{color:var(--wit)}.menu>li>a.actief:after{content:"";background:var(--cyaan);border-radius:2px;height:2px;position:absolute;bottom:4px;left:14px;right:14px}.sub{background:var(--navy-diep);opacity:0;visibility:hidden;min-width:260px;transition:opacity .2s, transform .25s var(--zacht), visibility 0s .25s;border:1px solid #ffffff1a;border-radius:16px;margin:0;padding:10px;list-style:none;position:absolute;top:100%;left:-8px;transform:translateY(8px);box-shadow:0 24px 50px #040a1a73}.heeft-sub:hover .sub,.heeft-sub:focus-within .sub{opacity:1;visibility:visible;transition-delay:0s;transform:none}.sub a{color:#ffffffd9;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;font-size:.93rem;text-decoration:none;display:flex}.sub a:hover{color:var(--wit);background:#00aeef1f}.sub .ico{color:var(--cyaan);width:19px;height:19px}.burger{display:none}.donker,.hero,.paginakop,.cta{background:var(--navy-diep);color:#dceaf7cc;isolation:isolate;position:relative;overflow:hidden}.donker h2,.donker h3,.hero h1,.paginakop h1,.cta h2{color:var(--wit)}.raster-bg{z-index:-1;pointer-events:none;background-image:linear-gradient(#8fd8f70f 1px,#0000 1px),linear-gradient(90deg,#8fd8f70f 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 70% at 50% 40%,#000 30%,#0000 80%);mask-image:radial-gradient(80% 70% at 50% 40%,#000 30%,#0000 80%)}.donker:after,.hero:after,.paginakop:after,.cta:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(520px circle at var(--mx,75%) var(--my,30%), #00aeef21, transparent 70%);position:absolute;inset:0}.beeld{isolation:isolate;border-radius:var(--r);box-shadow:var(--schaduw-groot);aspect-ratio:4/3;background:#000;margin:0;position:relative;overflow:hidden}.beeld img{object-fit:cover;width:100%;height:100%}.beeld.groot{aspect-ratio:1200/1250}.beeld.staand{aspect-ratio:4/5}.beeld.klein{aspect-ratio:16/9;margin-top:24px}.hud{pointer-events:none;font-family:var(--mono);letter-spacing:.1em;color:#fff;text-shadow:0 1px 3px #0009;font-size:.7rem;position:absolute;inset:0}.hud:after{content:"";mix-blend-mode:multiply;background:repeating-linear-gradient(0deg,#00000012 0 1px,#0000 1px 3px);position:absolute;inset:0}.hud:before{content:"";background:linear-gradient(#08122b73,#0000 22% 75%,#08122b8c);position:absolute;inset:0}.hoek{z-index:1;border:2px solid #ffffffd9;width:22px;height:22px;position:absolute}.hoek.lb{border-bottom:0;border-right:0;top:14px;left:14px}.hoek.rb{border-bottom:0;border-left:0;top:14px;right:14px}.hoek.lo{border-top:0;border-right:0;bottom:14px;left:14px}.hoek.ro{border-top:0;border-left:0;bottom:14px;right:14px}.hud-boven{z-index:1;justify-content:space-between;gap:12px;display:flex;position:absolute;top:17px;left:46px;right:46px}.hud-boven>span:first-child{align-items:center;gap:7px;display:inline-flex}.hud-onder{z-index:1;position:absolute;bottom:17px;left:46px}.scan{background:linear-gradient(#0000,#00aeef1a 85%,#8fd8f759 100%);height:30%;animation:7s linear infinite scan;position:absolute;top:-30%;left:0;right:0}@keyframes scan{to{top:100%}}.detectie{z-index:2;pointer-events:none;animation:detectie .7s var(--zacht) 1.4s both;position:absolute}.detectie i{border:2px solid var(--cyaan);width:14px;height:14px;position:absolute}.detectie i:first-child{border-bottom:0;border-right:0;top:0;left:0}.detectie i:nth-child(2){border-bottom:0;border-left:0;top:0;right:0}.detectie i:nth-child(3){border-top:0;border-right:0;bottom:0;left:0}.detectie i:nth-child(4){border-top:0;border-left:0;bottom:0;right:0}.detectie:before{content:"";background:#00aeef14;border:1px solid #00aeef73;position:absolute;inset:0}.detectie b{white-space:nowrap;font:500 .62rem/1 var(--mono);letter-spacing:.1em;background:var(--cyaan);color:var(--navy-diep);border-radius:3px;padding:5px 7px;position:absolute;top:calc(100% + 6px);left:-2px}@keyframes detectie{0%{opacity:0;transform:scale(1.5)}60%{opacity:1}}.hero{background:radial-gradient(ellipse at 10% 0%, #1d3266 0%, var(--navy-diep) 55%, var(--nacht) 100%);padding:72px 0 96px}.hero .wrap{grid-template-columns:1.08fr .92fr;align-items:center;gap:64px;display:grid}.hero .intro{color:#dceaf7d1;max-width:34em;font-size:1.14rem}.hero h1{margin-bottom:22px}.gloed{z-index:-1;filter:blur(10px);background:radial-gradient(circle,#00aeef38,#0000 65%);border-radius:50%;width:640px;height:640px;animation:9s ease-in-out infinite adem;position:absolute;top:-200px;right:-160px}@keyframes adem{50%{transform:scale(1.12)translate(-30px,20px)}}.usps{color:#ffffffe6;flex-wrap:wrap;gap:10px 22px;margin:34px 0 0;padding:0;font-size:.93rem;list-style:none;display:flex}.usps li{align-items:center;gap:8px;display:flex}.usps .ico{color:var(--cyaan);stroke-width:2.4px;width:18px;height:18px}.hero-beeld{position:relative}.hero-beeld .beeld img{animation:uitzoomen 2.4s var(--zacht) both}.hero-beeld:before{content:"";border-radius:calc(var(--r) + 8px);z-index:-1;border:1px solid #00aeef59;position:absolute;inset:-14px -14px 34px 14px}.onderschrift{color:#dceaf799;margin:14px 0 0;font-size:.85rem}.onderschrift strong{color:var(--wit);margin-right:6px;font-weight:600}.hero-tekst>:not(h1){animation:opkomen .9s var(--zacht) both}.hero-tekst>.intro{animation-delay:.45s}.hero-tekst>.knoppen{animation-delay:.6s}.hero-tekst>.usps{animation-delay:.75s}.hero-beeld{animation:opkomen 1s var(--zacht) .2s both}@keyframes opkomen{0%{opacity:0;transform:translateY(18px)}}@keyframes uitzoomen{0%{transform:scale(1.14)}}.merkband{background:var(--nacht);border-block:1px solid #ffffff0f;padding:20px 0;overflow:hidden}.loop{align-items:center;gap:34px;width:max-content;animation:42s linear infinite loop;display:flex}.merkband:hover .loop{animation-play-state:paused}.loop span{color:#dceaf7bf;white-space:nowrap;letter-spacing:.01em;font-size:1.02rem;font-weight:600}.loop i{background:var(--cyaan);border-radius:1px;flex:none;width:8px;height:8px;transform:rotate(45deg)}@keyframes loop{to{transform:translate(-50%)}}.blok{padding:var(--sectie) 0;position:relative}.blok.zacht{background:var(--mist)}.donker.blok{background:radial-gradient(ellipse at 100% 0%, #1b3062 0%, var(--navy-diep) 50%, var(--nacht) 100%)}.donker p{color:#dceaf7c7}.sectiekop{max-width:720px;margin-bottom:52px}.sectiekop p{color:var(--grijs);font-size:1.08rem}.donker .sectiekop p{color:#dceaf7bf}.sectiekop.midden{text-align:center;margin-left:auto;margin-right:auto}.twee{grid-template-columns:1fr 1fr;align-items:center;gap:72px;display:grid}.twee.tekstrij{align-items:start}.twee.gelijk{align-items:stretch;gap:24px}.twee h2{margin-bottom:20px}.tekst p{font-size:1.05rem}p.groot{color:var(--navy-diep);font-size:1.2rem;line-height:1.6}.diensten{grid-template-columns:repeat(5,1fr);gap:18px;display:grid}.diensten.vier{grid-template-columns:repeat(4,1fr)}.dienstkaart{border-radius:var(--r);background:var(--wit);border:1px solid var(--rand);transition:transform .35s var(--zacht), box-shadow .35s var(--zacht), border-color .3s;flex-direction:column;padding:30px 26px 26px;text-decoration:none;display:flex;position:relative;overflow:hidden}.dienstkaart:before{content:"";background:var(--cyaan);transform-origin:0;width:100%;height:3px;transition:transform .45s var(--zacht);position:absolute;top:0;left:0;transform:scaleX(0)}.dienstkaart:hover{box-shadow:var(--schaduw-groot);border-color:#0000;transform:translateY(-6px)}.dienstkaart:hover:before{transform:scaleX(1)}.dienstkaart h3{margin:22px 0 10px}.dienstkaart p{color:var(--grijs);flex:1;font-size:.95rem}.dienstkaart .meer{font-size:.92rem}.ico-rond{background:var(--ijs);width:54px;height:54px;color:var(--navy);transition:background .3s, color .3s, transform .4s var(--zacht);border-radius:16px;place-items:center;display:grid}.ico-rond .ico{width:26px;height:26px}.dienstkaart:hover .ico-rond{background:var(--cyaan);color:var(--navy-diep);transform:rotate(-6deg)scale(1.06)}.dienstkaart.accent{background:var(--navy-diep);border-color:var(--navy-diep)}.dienstkaart.accent h3{color:var(--wit)}.dienstkaart.accent p{color:#dceaf7bf}.dienstkaart.accent .ico-rond{color:var(--cyaan);background:#00aeef29}.dienstkaart.accent .meer{color:var(--cyaan)}.zacht .dienstkaart{box-shadow:var(--schaduw);border-color:#0000}.punten{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.punt{background:var(--wit);border-radius:var(--r);border:1px solid var(--rand);transition:transform .35s var(--zacht), box-shadow .35s;padding:30px 26px;position:relative}.zacht .punt{box-shadow:var(--schaduw);border-color:#0000}.punt:hover{box-shadow:var(--schaduw-groot);transform:translateY(-4px)}.punt>.ico{width:30px;height:30px;color:var(--cyaan-donker);margin-bottom:18px}.punt h3{margin-bottom:8px}.punt p{color:var(--grijs);margin:0;font-size:.95rem}.punt .nr{font:500 .8rem var(--mono);color:#0084b880;position:absolute;top:22px;right:24px}.vinklijst{gap:12px;margin:20px 0 26px;padding:0;list-style:none;display:grid}.vinklijst li{align-items:flex-start;gap:12px;display:flex}.vinklijst .ico{width:22px;height:22px;color:var(--cyaan-donker);stroke-width:2.6px;background:#00aeef24;border-radius:50%;margin-top:3px;padding:4px}.vinklijst strong{color:var(--navy-diep);font-weight:600}.donker .vinklijst strong,.laag-info .vinklijst li{color:var(--wit)}.donker .vinklijst .ico{color:var(--cyaan)}.vinklijst.klein{gap:9px;margin:16px 0 20px;font-size:.95rem}.kaartje{background:var(--wit);border:1px solid var(--rand);box-shadow:var(--schaduw);border-radius:22px;padding:34px}.kaartje h3{font-size:1.3rem}.kaartje .vinklijst{margin-bottom:18px}.kaartje p:last-child{margin-bottom:0}.laagknoppen{flex-wrap:wrap;gap:10px;margin:-18px 0 30px;display:flex}.laagknop{cursor:pointer;color:#ffffffd9;font:500 .93rem var(--font);transition:background .25s, color .25s, border-color .25s, transform .25s var(--zacht);background:#ffffff08;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:9px;padding:11px 18px;display:inline-flex}.laagknop:hover{border-color:var(--cyaan);transform:translateY(-1px)}.laagknop .ico{width:19px;height:19px;color:var(--cyaan);transition:color .25s}.laagknop[aria-pressed=true]{background:var(--cyaan);color:var(--navy-diep);border-color:var(--cyaan)}.laagknop[aria-pressed=true] .ico{color:var(--navy-diep)}.lagen-raster{grid-template-columns:1.45fr 1fr;align-items:stretch;gap:28px;display:grid}.plattegrond-kader{align-items:center;display:flex}.plattegrond-kader,.kaart-kader{background:var(--kaart-bg);border:1px solid #8fd8f71f;border-radius:24px;padding:14px;box-shadow:inset 0 0 60px #00000059}.plattegrond{width:100%;height:auto;display:block}.plattegrond .perceel{fill:#10224a}.plattegrond .weg{fill:#070f24}.plattegrond .weg-lbl{fill:#ffffff61}.plattegrond .erfgrens{stroke:var(--rood);stroke-width:1.5px;stroke-dasharray:5 6;opacity:.55}.plattegrond .oprit{fill:#1a2d5a}.plattegrond .terras{fill:#182b56}.plattegrond .gebouw rect{fill:#0c1a3a;stroke:#4f6fae;stroke-width:2px}.plattegrond .gebouw path{fill:none;stroke:#3a5590;stroke-width:1.5px}.plattegrond .ruimte{font:500 11px var(--font);fill:#dceaf76b}.plattegrond .lbl{font:500 9px var(--mono);fill:var(--cyaan-licht);letter-spacing:.08em}.laag{opacity:0;transition:opacity .45s}.lagen-raster[data-laag=camera] .laag[data-laag=camera],.lagen-raster[data-laag=inbraak] .laag[data-laag=inbraak],.lagen-raster[data-laag=toegang] .laag[data-laag=toegang],.lagen-raster[data-laag=alles] .laag{opacity:1}.kegel .veeg{fill:#fff;opacity:0}.cam circle{fill:#fff;stroke:var(--cyaan);stroke-width:2px}.cam .lens{fill:var(--navy-diep);stroke:none}.lagen-raster[data-laag=camera] .kegel,.lagen-raster[data-laag=alles] .kegel{animation:kegel .9s var(--zacht) both;animation-delay:calc(var(--i) * .14s)}.lagen-raster[data-laag=camera] .kegel .veeg,.lagen-raster[data-laag=alles] .kegel .veeg{animation:3.2s ease-in-out infinite veeg;animation-delay:calc(1s + var(--i) * .4s)}.lagen-raster[data-laag=camera] .cam,.lagen-raster[data-laag=alles] .cam{animation:plop .5s var(--zacht) both;animation-delay:calc(var(--i) * .14s);transform-box:fill-box;transform-origin:50%}@keyframes kegel{0%{opacity:0;transform:scale(.15)rotate(-14deg)}}@keyframes veeg{0%,to{opacity:0}50%{opacity:.1}}@keyframes plop{0%{transform:scale(0)}}.sensor rect{fill:var(--cyaan)}.sensor .puls,.sirene .golf{fill:none;stroke:var(--cyaan);stroke-width:1.5px;transform-box:fill-box;transform-origin:50%}.lagen-raster[data-laag=inbraak] .sensor,.lagen-raster[data-laag=alles] .sensor{animation:plop .5s var(--zacht) both;animation-delay:calc(var(--i) * 90ms);transform-box:fill-box;transform-origin:50%}.lagen-raster[data-laag=inbraak] .puls,.lagen-raster[data-laag=alles] .puls{animation:2.4s ease-out infinite ring;animation-delay:calc(var(--i) * .33s)}.pir path{fill:#00aeef1a;stroke:var(--cyaan);stroke-width:1.2px;stroke-dasharray:3 4}.pir circle,.hub rect{fill:var(--cyaan)}.lagen-raster[data-laag=inbraak] .pir path,.lagen-raster[data-laag=alles] .pir path{animation:2.6s ease-in-out infinite tasten}.sirene circle{fill:var(--rood)}.sirene .golf{stroke:var(--rood)}.lagen-raster[data-laag=inbraak] .sirene .golf,.lagen-raster[data-laag=alles] .sirene .golf{animation:1.8s ease-out infinite ring}.sirene .golf.g2{animation-delay:.9s!important}@keyframes ring{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(3.4)}}@keyframes tasten{0%,to{fill:#00aeef0f;stroke-dashoffset:0}50%{fill:#00aeef33;stroke-dashoffset:-14px}}.route{fill:none;stroke:var(--cyaan);stroke-width:2px;stroke-dasharray:5 6;stroke-linecap:round}.lagen-raster[data-laag=toegang] .route,.lagen-raster[data-laag=alles] .route{animation:1s linear infinite mieren}.deur rect{fill:var(--groen);opacity:.85}.lezer rect{fill:var(--navy-diep);stroke:#fff;stroke-width:1.5px}.lezer circle{fill:var(--groen)}.lagen-raster[data-laag=toegang] .deur,.lagen-raster[data-laag=toegang] .lezer,.lagen-raster[data-laag=alles] .deur,.lagen-raster[data-laag=alles] .lezer{animation:plop .5s var(--zacht) both;animation-delay:calc(var(--i) * .11s);transform-box:fill-box;transform-origin:50%}.lagen-raster[data-laag=toegang] .lezer circle,.lagen-raster[data-laag=alles] .lezer circle{animation:1.6s steps(2,jump-none) infinite knipper}.persoon circle{fill:#fff;stroke:var(--cyaan);stroke-width:2px}.persoon{offset-path:path("M300 432 L300 396 L262 384 L262 342");offset-rotate:0deg}.lagen-raster[data-laag=toegang] .persoon,.lagen-raster[data-laag=alles] .persoon{animation:4.5s ease-in-out infinite lopen}@keyframes mieren{to{stroke-dashoffset:-22px}}@keyframes lopen{0%{offset-distance:0%;opacity:0}10%{opacity:1}70%{offset-distance:100%;opacity:1}85%,to{offset-distance:100%;opacity:0}}.laag-info{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:24px;flex-direction:column;transition:opacity .2s,transform .2s;display:flex;overflow:hidden}.laag-info.wisselt{opacity:0;transform:translateY(8px)}.laag-info img{aspect-ratio:16/10;object-fit:cover;width:100%;height:auto}.laag-tekst{padding:26px 28px 30px}.laag-tekst h3{font-size:1.4rem}.kaart{width:100%;height:auto;display:block}.kaart .stippen circle{fill:#7eb5e533}.kaart .ring{fill:none;stroke:#00aeef73;stroke-width:1.3px;stroke-dasharray:3 6}.kaart .ring-lbl{font:500 10px var(--mono);fill:#8fd8f7b3;letter-spacing:.1em}.radarveeg{opacity:.7;animation:9s linear infinite draai}@keyframes draai{to{transform:rotate(360deg)}}.kaart .lijn{stroke:#00aeef66;stroke-width:1.2px;stroke-dasharray:3 5}.kaart .stip{fill:var(--navy-diep);stroke:var(--cyaan);stroke-width:2.5px;transition:fill .25s}.kaart .stip-puls{fill:none;stroke:var(--cyaan);stroke-width:1.5px;transform-box:fill-box;transform-origin:50%;animation:3s ease-out infinite ring;animation-delay:calc(var(--i) * .45s)}.kaart .plaats text{font:600 14px var(--font);fill:#fff}.kaart .link{cursor:pointer}.kaart .link text{text-underline-offset:4px;-webkit-text-decoration:underline #00aeef99;text-decoration:underline #00aeef99}.kaart .link:hover .stip,.kaart .link:focus-visible .stip,.kaart .thuis .kern{fill:var(--cyaan)}.kaart .thuis .golf{fill:none;stroke:var(--cyaan);stroke-width:2px;transform-box:fill-box;transform-origin:50%;animation:2.6s ease-out infinite ring}.kaart .thuis .golf.g2{animation-delay:1.3s}.kaart .thuis-lbl{font:500 10px var(--mono);fill:var(--cyaan);letter-spacing:.12em}.js .kaart .plaats{opacity:0;transition:opacity .6s;transition-delay:calc(.2s + var(--i) * .12s)}.js .zichtbaar .kaart .plaats,.js .werkgebied .kaart .plaats{opacity:1}.plaatsen{grid-template-columns:1fr 1fr;gap:10px 20px;margin:26px 0 30px;padding:0;list-style:none;display:grid}.plaatsen li{color:var(--wit);align-items:center;gap:10px;font-weight:500;display:flex}.plaatsen .ico{color:var(--cyaan);width:19px;height:19px}.showroom-foto{position:relative}.stempel{z-index:5;background:var(--cyaan);width:112px;height:112px;color:var(--navy-diep);text-align:center;font:500 .66rem/1.25 var(--mono);text-transform:uppercase;letter-spacing:.1em;animation:stempel .8s var(--zacht) .3s both;border-radius:50%;place-content:center;display:grid;position:absolute;top:-22px;right:-18px;transform:rotate(-12deg);box-shadow:0 14px 30px #00aeef66}.stempel b{font:800 1.05rem/1.1 var(--font);letter-spacing:-.01em;text-transform:none;display:block}@keyframes stempel{0%{opacity:0;transform:rotate(-40deg)scale(.4)}}.vitrine{grid-template-columns:1.1fr 1fr;align-items:start;gap:64px;display:grid}.vitrine .showroom-foto{position:sticky;top:110px}blockquote{border-left:3px solid var(--cyaan);background:var(--mist);color:var(--navy-diep);border-radius:0 14px 14px 0;margin:26px 0;padding:22px 26px;font-size:1.08rem;font-style:italic}.advies{grid-template-columns:.8fr 1.2fr}.portret{aspect-ratio:1;box-shadow:var(--schaduw-groot);border-radius:24px;position:relative;overflow:hidden}.portret img{object-fit:cover;width:100%;height:100%;transition:transform .8s var(--zacht)}.portret:hover img{transform:scale(1.05)}.advies .portret{outline-offset:14px;outline:1px solid #00aeef66}.handtekening{color:var(--navy-diep);align-items:center;gap:12px;font-weight:600;display:flex}.handtekening:before{content:"";background:var(--cyaan);width:28px;height:2px}.paginakop{background:radial-gradient(ellipse at 0% 0%, #1d3266 0%, var(--navy-diep) 55%, var(--nacht) 100%);view-transition-name:kopband;padding:76px 0 84px}.paginakop .wrap{grid-template-columns:1fr;align-items:center;gap:56px;display:grid}.paginakop.met-foto .wrap{grid-template-columns:1.2fr .8fr}.koptekst{view-transition-name:koptekst}.paginakop h1{max-width:18ch;font-size:clamp(2.1rem,4.4vw,3.5rem)}.paginakop .intro{color:#dceaf7d1;max-width:40em;margin:0;font-size:1.12rem}.kopbeeld{aspect-ratio:4/3}.kopbeeld img{animation:uitzoomen 2s var(--zacht) both}.kruimel{font:500 .74rem var(--mono);text-transform:uppercase;letter-spacing:.12em;color:#8fd8f7bf;flex-wrap:wrap;gap:8px;margin-bottom:22px;display:flex}.kruimel a{color:#dceaf799;text-decoration:none}.kruimel a:hover{color:var(--wit)}.vragen{background:var(--wit);box-shadow:var(--schaduw);border-radius:22px;padding:8px 30px}.vraag{border-bottom:1px solid var(--rand)}.vraag:last-child{border-bottom:0}.vraag summary{cursor:pointer;color:var(--navy-diep);justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-size:1.05rem;font-weight:600;list-style:none;display:flex}.vraag summary::-webkit-details-marker{display:none}.vraag summary:hover{color:var(--cyaan-donker)}.plus{background:var(--ijs);width:32px;height:32px;transition:background .3s, transform .4s var(--zacht);border-radius:50%;flex:none;position:relative}.plus:before,.plus:after{content:"";background:var(--navy);width:12px;height:2px;transition:transform .4s var(--zacht);border-radius:2px;margin:-1px 0 0 -6px;position:absolute;top:50%;left:50%}.plus:after{transform:rotate(90deg)}.vraag[open] .plus{background:var(--cyaan);transform:rotate(180deg)}.vraag[open] .plus:after{transform:rotate(0)}.vraag::details-content{block-size:0;transition:block-size .45s var(--zacht), content-visibility .45s allow-discrete;overflow:hidden}.vraag[open]::details-content{block-size:auto}.antwoord p{color:var(--grijs);max-width:62em;margin:0;padding-bottom:22px}.storing{background:var(--navy-diep);color:#dceaf7cc;border-radius:20px;margin-top:34px;padding:28px 30px;position:relative;overflow:hidden}.storing:before{content:"";background:radial-gradient(circle,#00aeef4d,#0000 70%);border-radius:50%;width:200px;height:200px;position:absolute;top:-60px;right:-60px}.storing h3{color:var(--wit)}.storing .knoppen{margin-top:18px}.storing .knop.lijn{color:var(--wit);border-color:#ffffff4d}.toegangslog{background:var(--kaart-bg);color:#dceaf7d9;font:.8rem/1.5 var(--mono);box-shadow:var(--schaduw-groot);border-radius:18px;margin-top:30px;padding:20px 22px}.log-kop{color:var(--cyaan-licht);letter-spacing:.12em;align-items:center;gap:9px;margin-bottom:12px;font-size:.7rem;display:flex}.toegangslog ol{margin:0;padding:0;list-style:none}.toegangslog li{border-top:1px solid #ffffff12;grid-template-columns:52px 1fr auto;gap:10px;padding:9px 0;display:grid}.toegangslog span{color:#8fd8f7b3}.toegangslog b{color:var(--groen);font-weight:500}.toegangslog b.nee{color:var(--rood)}.js .toegangslog li{opacity:0;transition:opacity .4s, transform .4s var(--zacht);transform:translate(-8px)}.js .zichtbaar .toegangslog li{opacity:1;transform:none}.toegangslog li:nth-child(2){transition-delay:.5s}.toegangslog li:nth-child(3){transition-delay:1s}.toegangslog li:nth-child(4){transition-delay:1.5s}.broers{grid-template-columns:1fr 1fr;gap:40px;max-width:980px;margin:0 auto;display:grid}.broer .portret{aspect-ratio:5/4;margin-bottom:26px}.broer .portret img{object-position:center 30%}.broer h3{font-size:1.45rem}.broer p:last-child{color:var(--grijs)}.filters{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:36px;display:flex}.filter{border:1px solid var(--rand);background:var(--wit);font:500 .9rem var(--font);color:var(--navy);cursor:pointer;border-radius:999px;padding:9px 18px;transition:all .2s}.filter:hover{border-color:var(--navy)}.filter[aria-pressed=true]{background:var(--navy-diep);border-color:var(--navy-diep);color:var(--wit)}.filter-telling{font:500 .78rem var(--mono);color:var(--grijs);text-transform:uppercase;letter-spacing:.1em;margin-left:auto}.projecten{grid-template-columns:repeat(3,1fr);gap:34px 26px;display:grid}.project-foto{aspect-ratio:4/3;border-radius:var(--r);background:var(--navy);margin-bottom:18px;position:relative;overflow:hidden}.project-foto img{object-fit:cover;width:100%;height:100%;transition:transform .8s var(--zacht)}.project:hover .project-foto img{transform:scale(1.06)}.tag{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--wit);font:500 .68rem var(--mono);text-transform:uppercase;letter-spacing:.1em;background:#0e1d3dcc;border-radius:6px;padding:6px 10px;position:absolute;top:14px;left:14px}.project h3{margin-bottom:6px}.project p{color:var(--grijs);font-size:.95rem}.projectoproep{background:var(--navy-diep);border-radius:24px;justify-content:space-between;align-items:center;gap:30px;margin-top:64px;padding:38px 42px;display:flex}.projectoproep h3{color:var(--wit);font-size:1.5rem}.projectoproep p{color:#dceaf7bf;margin:0}.steden{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.stadkaart{background:var(--navy-diep);color:#dceaf7c7;isolation:isolate;transition:transform .35s var(--zacht), box-shadow .35s;border-radius:22px;flex-direction:column;padding:30px;text-decoration:none;display:flex;position:relative;overflow:hidden}.stadkaart:before{content:"";z-index:-1;opacity:0;background-image:linear-gradient(#8fd8f70f 1px,#0000 1px),linear-gradient(90deg,#8fd8f70f 1px,#0000 1px);background-size:32px 32px;transition:opacity .4s;position:absolute;inset:0}.stadkaart:hover{box-shadow:var(--schaduw-groot);transform:translateY(-6px)}.stadkaart:hover:before{opacity:1}.stadkaart .cam{font:500 .72rem var(--mono);color:var(--cyaan);letter-spacing:.14em;margin-bottom:18px}.stadkaart h3{color:var(--wit);font-size:1.35rem}.stadkaart p{flex:1;font-size:.95rem}.reistijd{font:500 .8rem var(--mono);color:var(--cyaan-licht);align-items:center;gap:8px;margin-bottom:18px;display:inline-flex}.reistijd .ico{width:17px;height:17px}.reistijd.groot{color:var(--cyaan-donker);font-size:.9rem}.stadkaart .meer{color:var(--cyaan)}.contact-raster{grid-template-columns:.9fr 1.1fr;align-items:start;gap:64px;display:grid}.kanalen{gap:12px;margin:28px 0;padding:0;list-style:none;display:grid}.kanalen a,.kanalen .geen-link{border:1px solid var(--rand);transition:border-color .25s, transform .3s var(--zacht), box-shadow .3s;border-radius:16px;align-items:center;gap:16px;padding:16px 18px;text-decoration:none;display:flex}.kanalen a:hover{border-color:var(--cyaan);box-shadow:var(--schaduw);transform:translate(4px)}.kanalen .ico{background:var(--ijs);width:44px;height:44px;color:var(--navy);border-radius:12px;padding:11px}.kanalen small{font:500 .7rem var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--grijs);display:block}.kanalen span span{color:var(--navy-diep);word-break:break-word;font-weight:600}.formulier{background:var(--wit);border:1px solid var(--rand);box-shadow:var(--schaduw-groot);border-radius:24px;gap:16px;padding:38px;display:grid;position:relative;overflow:hidden}.formulier:before{content:"";background:linear-gradient(90deg, var(--cyaan), var(--navy));height:4px;position:absolute;top:0;left:0;right:0}.formulier h3{margin:0;font-size:1.5rem}.formulier .sub{color:var(--grijs);margin:-8px 0 4px}.formulier .rij{grid-template-columns:1fr 1fr;gap:16px;display:grid}.formulier label{color:var(--navy-diep);gap:7px;font-size:.88rem;font-weight:600;display:grid}.formulier input,.formulier select,.formulier textarea{font:400 1rem var(--font);color:var(--tekst);background:var(--mist);border:1px solid #cfd9e6;border-radius:12px;width:100%;padding:13px 15px;transition:border-color .2s,box-shadow .2s,background .2s}.formulier input:focus,.formulier select:focus,.formulier textarea:focus{border-color:var(--cyaan);background:var(--wit);outline:none;box-shadow:0 0 0 4px #00aeef29}.formulier textarea{resize:vertical;min-height:130px}.formulier .knop{justify-self:start}.melding{color:#136b47;background:#3ddc9726;border-radius:12px;margin:0;padding:14px 16px;font-size:.93rem}.melding.fout{color:#a3192a;background:#ff4d5e1f}.juridisch{grid-template-columns:270px 1fr;align-items:start;gap:64px;display:grid}.inhoudsopgave{position:sticky;top:100px}.inhoudsopgave ol{border-left:1px solid var(--rand);margin:0;padding:0;list-style:none}.inhoudsopgave a{color:var(--grijs);border-left:2px solid #0000;margin-left:-1px;padding:6px 0 6px 16px;font-size:.85rem;text-decoration:none;transition:color .2s,border-color .2s;display:block}.inhoudsopgave a:hover{color:var(--navy-diep)}.inhoudsopgave a.actief{color:var(--cyaan-donker);border-left-color:var(--cyaan);font-weight:600}.prose{max-width:760px}.prose h2{margin:46px 0 14px;scroll-margin-top:110px;font-size:1.35rem}.prose ul{margin:0 0 1.2em;padding-left:22px}.prose li{margin-bottom:6px}.prose li::marker{color:var(--cyaan)}.prose a{color:var(--cyaan-donker)}.prose em{color:var(--grijs)}.cta{background:linear-gradient(120deg, var(--navy) 0%, var(--navy-diep) 60%, var(--nacht) 100%);padding:84px 0}.cta .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:40px;display:flex}.cta h2{margin-bottom:10px;font-size:clamp(1.9rem,3.6vw,2.9rem)}.cta p{color:#dceaf7c7;margin:0;font-size:1.08rem}.cta .label .rec{margin-right:2px}.cta .label:before{display:none}.cta .knoppen{margin:0}.voet{background:var(--nacht);color:#dceaf7a6;padding:72px 0 0;font-size:.93rem}.voet-raster{grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:40px;display:grid}.voet-merk img{width:210px;height:auto;margin-bottom:18px}.voet-onder span:last-child a,.voet-onder .cookie-knop{font-size:.84rem}.voet-merk p{max-width:30em}.voet h3{color:var(--wit);font-size:.8rem;font-family:var(--mono);text-transform:uppercase;letter-spacing:.14em;margin-bottom:16px;font-weight:500}.voet ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.voet a{text-decoration:none;transition:color .2s}.voet a:hover{color:var(--cyaan)}.voet-onder{border-top:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;gap:14px;margin-top:56px;padding:24px 0 30px;font-size:.84rem;display:flex}.voet-onder span:last-child{flex-wrap:wrap;gap:20px;display:flex}.laadbalk{z-index:100;background:var(--cyaan);width:100%;height:3px;box-shadow:0 0 12px var(--cyaan);opacity:0;pointer-events:none;transform-origin:0;transition:transform .2s,opacity .4s .2s;position:fixed;top:0;left:0}.onderweg .laadbalk{opacity:1;transition:none;animation:1.4s cubic-bezier(.1,.7,.2,1) forwards laden}@keyframes laden{0%{transform:scaleX(0)}to{transform:scaleX(.7)}}.js .inschuif{opacity:0;transition:opacity .8s var(--zacht), transform .8s var(--zacht);transition-delay:calc(var(--i,0) * 80ms);transform:translateY(28px)}.js .inschuif.zichtbaar{opacity:1;transform:none}.js .project.inschuif:not(.zichtbaar){transition-duration:0s}.woord{vertical-align:top;margin-bottom:-.1em;padding-bottom:.1em;display:inline-block;overflow:hidden}.woord>span{animation:woord .9s var(--zacht) forwards;animation-delay:calc(.2s + var(--i,0) * 65ms);display:inline-block;transform:translateY(105%)}@keyframes woord{to{transform:none}}::view-transition-group(inhoud){animation:none}::view-transition-image-pair(inhoud){isolation:auto}::view-transition-old(inhoud){mix-blend-mode:normal;animation:.18s ease-in both inhoud-uit}::view-transition-new(inhoud){animation:inhoud-in .5s var(--zacht) .18s both;mix-blend-mode:normal}@keyframes inhoud-uit{to{opacity:0}}@keyframes inhoud-in{0%{opacity:0;transform:translateY(16px)}}::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}::view-transition-group(kopband){animation-duration:.45s;animation-timing-function:var(--zacht)}::view-transition-old(kopband){opacity:0;animation:none}::view-transition-new(kopband){animation:none}::view-transition-group(koptekst){animation:none}::view-transition-old(koptekst){animation:.18s ease-in both inhoud-uit}::view-transition-new(koptekst){animation:inhoud-in .5s var(--zacht) .18s both}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.woord>span{transform:none}.scan,.radarveeg,.gloed{display:none}.loop{width:auto;padding:0 var(--gutter);flex-wrap:wrap;justify-content:center;animation:none}.loop>:nth-child(n+15){display:none}::view-transition-old(inhoud){animation:none}::view-transition-new(inhoud){animation:none}::view-transition-group(kopband){animation:none}::view-transition-old(koptekst){animation:none}::view-transition-new(koptekst){animation:none}}@media (max-width:1100px){.diensten{grid-template-columns:repeat(3,1fr)}.diensten.vier,.punten{grid-template-columns:repeat(2,1fr)}.voet-raster{grid-template-columns:1fr 1fr}.menu>li>a{padding:10px}}@media (max-width:980px){:root{--sectie:76px}.burger{color:var(--wit);font:500 .9rem var(--font);cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:999px;align-items:center;gap:10px;margin-left:auto;padding:9px 16px;display:inline-flex;position:relative}.burger span:not(.tekst){width:16px;height:2px;transition:transform .3s var(--zacht);background:currentColor;border-radius:2px;display:block;position:absolute;left:16px}.burger span:first-child{top:15px}.burger span:nth-child(2){top:21px}.burger .tekst{padding-left:24px}.burger[aria-expanded=true] span:first-child{transform:translateY(3px)rotate(45deg)}.burger[aria-expanded=true] span:nth-child(2){transform:translateY(-3px)rotate(-45deg)}.kop .knop.klein{display:none}.menu{padding:16px var(--gutter) 40px;background:var(--navy-diep);opacity:0;visibility:hidden;transition:opacity .25s, transform .3s var(--zacht), visibility 0s .3s;flex-direction:column;gap:0;margin:0;position:fixed;inset:76px 0 0;overflow-y:auto;transform:translateY(-10px)}.menu.open{opacity:1;visibility:visible;transition-delay:0s;transform:none}.menu>li>a{border-bottom:1px solid #ffffff14;border-radius:0;padding:14px 0;font-size:1.3rem;font-weight:600}.menu>li>a.actief:after{display:none}.menu>li>a.actief{color:var(--cyaan)}.sub{opacity:1;visibility:visible;box-shadow:none;background:0 0;border:0;min-width:0;padding:6px 0 10px;position:static;transform:none}.hero .wrap,.twee,.advies,.lagen-raster,.paginakop.met-foto .wrap,.vitrine,.contact-raster,.juridisch{grid-template-columns:1fr}.hero .wrap,.twee,.vitrine,.contact-raster{gap:48px}.hero{padding:48px 0 72px}.hero-beeld{max-width:540px}.paginakop.met-foto .kopbeeld{max-width:520px}.vitrine .showroom-foto{position:relative;top:0}.inhoudsopgave{position:static}.inhoudsopgave ol{columns:2;column-gap:24px}.steden,.projecten{grid-template-columns:1fr 1fr}.advies .portret{max-width:380px}.topbalk .slogan{display:none}.topbalk .rechts{margin:0 auto}}@media (max-width:640px){:root{--gutter:16px;--sectie:64px}body{font-size:16px}.topbalk .rechts a:last-child{display:none}.logo img{height:38px}.diensten,.diensten.vier,.punten,.steden,.projecten,.broers,.twee.gelijk,.formulier .rij,.voet-raster{grid-template-columns:1fr}.plaatsen{grid-template-columns:1fr 1fr}.hud-boven{font-size:.6rem;left:40px;right:40px}.hud-onder{font-size:.6rem;left:40px}.stempel{width:90px;height:90px;font-size:.56rem;top:-16px;right:-6px}.stempel b{font-size:.9rem}.vragen{padding:4px 20px}.formulier,.kaartje{padding:26px 22px}.projectoproep{flex-direction:column;align-items:flex-start;padding:30px 26px}.filter-telling{width:100%;margin-left:0}.inhoudsopgave ol{columns:1}.laag-tekst{padding:22px}.knoppen .knop{flex:auto;justify-content:center}.cta .knoppen{width:100%}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.naar-inhoud{z-index:200;background:var(--cyaan);color:var(--navy-diep);border-radius:10px;padding:12px 18px;font-weight:600;text-decoration:none;position:absolute;top:-60px;left:16px}.naar-inhoud:focus{top:16px}.preview-knop{z-index:90;background:var(--navy-diep);color:#fff;box-shadow:var(--schaduw-groot);border-radius:999px;padding:12px 18px;font-weight:600;text-decoration:none;position:fixed;bottom:16px;right:16px}.kop .wrap{position:relative}.formulier .fout-tekst{color:#a3192a;margin:0;font-size:.85rem;font-weight:500}.formulier [aria-invalid=true]{border-color:var(--rood)}.formulier .opt{color:var(--grijs);font-weight:400}.formulier .privacy{color:var(--grijs);font-size:.85rem}.formulier .privacy p{margin:0}.formulier .privacy a{color:var(--cyaan-donker)}.formulier .knop:disabled{opacity:.6;cursor:wait}.honeypot{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.bevestiging{text-align:center;place-content:center;gap:12px;min-height:320px;display:grid}.bevestiging h3{font-size:1.6rem}altcha-widget{--altcha-border-radius:12px;--altcha-color-border:#cfd9e6;--altcha-max-width:100%}.cookies{z-index:95;background:var(--navy-diep);color:#dceaf7d9;max-width:620px;animation:opkomen .5s var(--zacht) both;border:1px solid #8fd8f72e;border-radius:20px;margin:0 auto;padding:24px 26px;font-size:.95rem;position:fixed;bottom:16px;left:16px;right:16px;box-shadow:0 30px 70px #040a1a80}.cookies p{margin:0 0 16px}.cookies a{color:var(--cyaan)}.cookies .knoppen{margin-top:0}.cookie-knop{font:inherit;color:inherit;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline}.cookie-knop:hover{color:var(--cyaan)}.niet-gevonden{align-content:center;min-height:60vh;display:grid}::view-transition-group(kop){animation:none}