@font-face{font-family:Bitter;src:url(/fonts/bitter-v42-latin-800.woff2)format("woff2");font-weight:800;font-display:swap}@font-face{font-family:Bitter;src:url(/fonts/bitter-v42-latin-900.woff2)format("woff2");font-weight:900;font-display:swap}@font-face{font-family:Schibsted Grotesk;src:url(/fonts/schibsted-grotesk-v7-latin-regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Schibsted Grotesk;src:url(/fonts/schibsted-grotesk-v7-latin-500.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Schibsted Grotesk;src:url(/fonts/schibsted-grotesk-v7-latin-700.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Red Hat Mono;src:url(/fonts/red-hat-mono-v16-latin-regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Red Hat Mono;src:url(/fonts/red-hat-mono-v16-latin-500.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Red Hat Mono;src:url(/fonts/red-hat-mono-v16-latin-700.woff2)format("woff2");font-weight:700;font-display:swap}:root{--veen:#12261e;--paneel:#183328;--zand:#e8d9b0;--zandzacht:#c9b98f;--oker:#c99b3f;--baksteen:#b4472e;--gras:#2e5c40;--lijn:#e8d9b024;--maaiveld:#386e4d;--bebouwing:#c74f33;--veg:#7a9e57;--water:#2f7882;--brug:#d9a847;--slab:"Bitter", serif;--sans:"Schibsted Grotesk", sans-serif;--mono:"Red Hat Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--veen);color:var(--zand);font-family:var(--sans);font-size:1.05rem;line-height:1.65;overflow-x:hidden}body:after{content:"";z-index:90;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.91 0 0 0 0 0.85 0 0 0 0 0.69 0 0 0 0.045 0'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}::selection{background:var(--oker);color:var(--veen)}a{color:var(--zand)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--oker);outline-offset:3px}#wolk{width:100%;height:100vh;z-index:0;height:100dvh;position:fixed;inset:0}#laadbalk{z-index:40;background:#c99b3f24;height:2px;position:fixed;top:0;left:0;right:0}#laadbalk-vul{background:var(--oker);width:0%;height:100%;transition:width .2s linear;display:block}#laadbalk.klaar{opacity:0;transition:opacity .8s .4s}#meetlaag{width:100%;height:100vh;z-index:5;pointer-events:none;height:100dvh;position:fixed;inset:0}.top{z-index:30;background:linear-gradient(#12261ee6 40%,#0000);justify-content:space-between;align-items:center;padding:1.1rem clamp(1.25rem,4vw,2.75rem);display:flex;position:fixed;top:0;left:0;right:0}.merk{font-family:var(--slab);letter-spacing:.2em;color:var(--zand);align-items:center;gap:.7rem;font-size:1.08rem;font-weight:900;text-decoration:none;display:flex}.merk svg{width:1.7em;height:1.7em;display:block}.top nav{align-items:center;gap:clamp(.9rem,2.5vw,2rem);display:flex}.top nav a{color:var(--zandzacht);font-size:.85rem;font-weight:500;text-decoration:none}.top nav a:hover{color:var(--zand)}.top-cta{background:var(--oker);border-radius:4px;padding:.55rem 1.2rem;color:var(--veen)!important;font-weight:700!important}.top-cta:hover{filter:brightness(1.1)}main{z-index:10;pointer-events:none;position:relative;overflow-x:clip}main a,main button,main input,main textarea,main .gereedschap,main form{pointer-events:auto}.hero{min-height:100vh;flex-direction:column;justify-content:center;min-height:100dvh;padding:6rem clamp(1.25rem,5vw,4.5rem) 3rem;display:flex;position:relative}.hero h1{font-family:var(--slab);letter-spacing:-.015em;text-shadow:0 2px 40px #12261ed9;max-width:11em;font-size:clamp(2.7rem,7.8vw,6.4rem);font-weight:900;line-height:1.02}.hero-sub{max-width:30rem;color:var(--zand);text-shadow:0 1px 4px #12261ef2,0 2px 26px #12261ef2;margin-top:1.75rem}.knop{background:var(--oker);width:-moz-fit-content;width:fit-content;color:var(--veen);cursor:pointer;font-size:1.02rem;font-weight:700;font-family:var(--sans);border:none;border-radius:4px;margin-top:2.25rem;padding:.95rem 2rem;text-decoration:none;transition:transform .15s,filter .15s;display:inline-block}.knop:hover{filter:brightness(1.08);transform:translateY(-2px)}.meetrapport{font-family:var(--mono);border-left:2px solid var(--oker);gap:.55rem;padding-left:1rem;font-size:.75rem;display:grid;position:absolute;bottom:5.5rem;right:clamp(1.25rem,4vw,2.75rem)}.meetrapport dt{letter-spacing:.22em;text-transform:uppercase;color:var(--zandzacht);font-size:.62rem}.meetrapport dd{color:var(--zand);font-variant-numeric:tabular-nums}.ramp-balk{background:linear-gradient(to right, var(--veen), var(--gras) 30%, var(--oker) 68%, var(--baksteen));outline:1px solid var(--lijn);border-radius:2px;width:100%;min-width:9.5rem;height:9px;margin-top:.25rem;display:block}.ramp-labels{color:var(--zandzacht);justify-content:space-between;margin-top:.3rem;font-size:.62rem;display:flex}.scroll-hint{font-family:var(--mono);letter-spacing:.3em;text-transform:uppercase;color:var(--zandzacht);font-size:.7rem;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.tekstblok{flex-direction:column;justify-content:center;max-width:30rem;min-height:120vh;padding:6rem clamp(1.25rem,5vw,4.5rem);display:flex}.tekstblok,.instrument-kop,.blok,.contact{text-shadow:0 1px 18px #12261ef2}.label{font-family:var(--mono);letter-spacing:.3em;text-transform:uppercase;color:var(--oker);margin-bottom:1.1rem;font-size:.7rem;font-weight:500;display:block}.tekstblok h2,.instrument-kop h2,.blok h2,.contact h2{font-family:var(--slab);letter-spacing:-.01em;margin-bottom:1.1rem;font-size:clamp(1.85rem,4.4vw,2.9rem);font-weight:800;line-height:1.06}.tekstblok p,.instrument-kop p{color:var(--zandzacht)}.legenda{font-family:var(--mono);flex-wrap:wrap;gap:.7rem 1.4rem;margin-top:1.75rem;font-size:.78rem;list-style:none;display:flex}.legenda li{align-items:center;gap:.5rem;display:flex}.dot{border-radius:50%;width:11px;height:11px;display:inline-block}.d-maaiveld{background:var(--maaiveld)}.d-bebouwing{background:var(--bebouwing)}.d-veg{background:var(--veg)}.d-water{background:var(--water)}.d-brug{background:var(--brug)}.instrument{flex-direction:column;justify-content:flex-start;min-height:150vh;padding:14vh clamp(1.25rem,5vw,4.5rem);display:flex}.instrument-kop{max-width:30rem;position:relative}.instrument-kop:before{content:"";z-index:-1;background:radial-gradient(75% 70% at 40% 45%,#12261ee0 0%,#12261e80 60%,#0000 82%);position:absolute;inset:-2.5rem -5rem -2rem -6rem}.gereedschap{flex-wrap:wrap;gap:.6rem;margin-top:1.75rem;display:flex}.g-knop{font-family:var(--mono);letter-spacing:.05em;background:var(--paneel);color:var(--zand);border:1px solid var(--lijn);cursor:pointer;border-radius:4px;padding:.7rem 1.2rem;font-size:.8rem;font-weight:500;transition:border-color .15s,background .15s}.g-knop:hover{border-color:var(--oker)}.g-knop.actief{background:var(--oker);color:var(--veen);border-color:var(--oker);font-weight:700}.g-stil{opacity:.75}.meet-uit{font-family:var(--mono);color:var(--zand);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--lijn);border-left:2px solid var(--oker);background:#183328d1;max-width:34rem;min-height:3.1em;margin-top:1.25rem;padding:.85rem 1.1rem;font-size:.85rem;display:block}#profiel-canvas{border:1px solid var(--lijn);background:#183328db;border-radius:4px;width:min(640px,100%);margin-top:1rem;display:none}#profiel-canvas.zichtbaar{display:block}.blok{background:linear-gradient(to bottom, transparent, var(--veen) 7%, var(--veen) 93%, transparent);padding:8rem clamp(1.25rem,5vw,4.5rem);position:relative}.blok>*{max-width:72rem;margin-left:auto;margin-right:auto}.blok h2{margin-bottom:2.25rem}.kaarten{background:var(--lijn);border:1px solid var(--lijn);grid-template-columns:repeat(auto-fill,minmax(15.5rem,1fr));gap:1px;display:grid}.kaarten article{background:var(--paneel);padding:1.75rem 1.5rem 2rem;transition:background .2s}.kaarten article:hover{background:#1e3d30}.kaarten h3{letter-spacing:-.01em;margin-bottom:.6rem;font-size:1.12rem;font-weight:700}.kaarten p{color:var(--zandzacht);font-size:.93rem}.lidar-intro{color:var(--zandzacht);margin-bottom:2.25rem}.kaarten-dim article{opacity:.45;position:relative}.kaarten-dim article:hover{opacity:.7;background:var(--paneel)}.soon{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--oker);border:1px solid #c99b3f80;border-radius:99px;margin-bottom:.9rem;padding:.22rem .6rem;font-size:.62rem;display:inline-block}.lidar-noot{color:var(--zandzacht);margin-top:2rem}.lidar-noot a{color:var(--oker)}.stappen{counter-reset:stap;list-style:none;max-width:44rem!important;margin-left:0!important}.stappen li{counter-increment:stap;border-bottom:1px solid var(--lijn);color:var(--zandzacht);padding:1.2rem 0 1.2rem 3.6rem;position:relative}.stappen li:before{content:counter(stap, decimal-leading-zero);font-family:var(--mono);color:var(--oker);font-weight:700;position:absolute;top:1.25rem;left:0}.stappen strong{color:var(--zand);font-weight:700}.werk-grid{align-items:start;gap:1rem 4rem;display:grid}@media (min-width:1100px){.werk-grid{grid-template-columns:1.15fr 1fr}.werk-grid .specs{margin-top:.35rem}}.specs{background:var(--lijn);border:1px solid var(--lijn);grid-template-columns:repeat(3,1fr);gap:1px;margin-top:2.5rem;display:grid;max-width:44rem!important;margin-left:0!important}.specs div{background:var(--paneel);padding:1rem 1.1rem}.specs dt{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--zandzacht);margin-bottom:.35rem;font-size:.62rem}.specs dd{font-size:1.02rem;font-weight:700}.contact{background:var(--veen);padding:8rem clamp(1.25rem,5vw,4.5rem) 6rem}.contact>*{max-width:40rem;margin-left:auto;margin-right:auto}.contact-intro{color:var(--zandzacht);margin-bottom:2.5rem}.hp{position:absolute;left:-9999px}.veldrij{grid-template-columns:1fr 1fr;gap:1rem;display:grid}form label{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--zandzacht);margin-bottom:1.1rem;font-size:.7rem;display:block}form input,form textarea{background:var(--paneel);border:1px solid var(--lijn);width:100%;color:var(--zand);font-family:var(--sans);border-radius:4px;margin-top:.45rem;padding:.8rem .95rem;font-size:1rem;transition:border-color .15s;display:block}form input:focus,form textarea:focus{border-color:var(--oker);outline:none}.form-status{font-family:var(--mono);color:var(--oker);min-height:1.4em;margin-top:1rem;font-size:.85rem}.voet{border-top:1px solid var(--lijn);font-family:var(--mono);letter-spacing:.14em;color:var(--zandzacht);background:var(--veen);flex-wrap:wrap;justify-content:space-between;gap:1rem;padding:2.5rem clamp(1.25rem,5vw,4.5rem) 3rem;font-size:.72rem;display:flex}.voet a{color:var(--zandzacht)}.voet-merk{font-family:var(--slab);letter-spacing:.2em;color:var(--zand);font-weight:900}@media (max-width:700px){.veldrij{grid-template-columns:1fr;gap:0}.meetrapport{margin-top:2.5rem;position:static}.tekstblok{min-height:100vh}.top nav a:not(.top-cta){display:none}.top-cta{white-space:nowrap;padding:.5rem .95rem;font-size:.8rem}.merk{letter-spacing:.16em;font-size:.9rem}.scroll-hint{display:none}#profiel-canvas{width:100%}.specs{grid-template-columns:repeat(2,1fr)}}