@import url('/base.css');
:root{--bg:#101114;--panel:#181a1e;--text:#f1f0e9;--muted:#96999c;--lime:#d4f77c;--line:#ffffff1c;--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--lime);outline-offset:6px}button{color:inherit}::selection{background:var(--lime);color:#101114}.wrap{max-width:1440px;margin:auto;padding-left:64px;padding-right:64px}.grain{position:fixed;inset:0;opacity:.025;pointer-events:none;z-index:30;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}.nav{height:110px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;gap:10px;align-items:center;font-size:28px;font-weight:800;letter-spacing:-1.5px}.brand svg{width:29px;height:32px;fill:var(--lime)}.brand-dot{font-size:11px;align-self:flex-start;padding-top:5px;letter-spacing:0}.nav nav{display:flex;gap:36px;font-size:13px;color:#bec0bd}.nav nav a:hover,.text-link:hover{color:var(--lime)}.nav-cta{border:1px solid #ffffff40;padding:14px 20px;border-radius:30px;font-size:13px}.nav-cta span{margin-left:25px;color:var(--lime)}.hero{min-height:705px;position:relative;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;padding-bottom:95px}.hero-content{z-index:2;padding-top:25px}.eyebrow{font-size:9px;letter-spacing:1.7px;line-height:1.7;font-weight:600;display:block}.eyebrow i,.tiny-dot,.contact-note i{display:inline-block;width:6px;height:6px;background:var(--lime);border-radius:50%;margin-right:9px;box-shadow:0 0 12px #d4f77450}h1{font-size:clamp(44px,5.55vw,80px);line-height:1.055;letter-spacing:-4.6px;font-weight:500;margin:31px 0 25px;white-space:nowrap}em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--lime)}.intro{color:#a4a5a6;font-size:16px;line-height:1.85;margin-bottom:31px}.hero-actions{display:flex;gap:27px;align-items:center}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:26px;padding:19px 22px;border-radius:7px;border:0;font-size:12px;font-weight:600;transition:transform .35s var(--ease),box-shadow .35s}.primary{background:var(--lime);color:#192113}.button:hover{transform:translateY(-3px);box-shadow:0 8px 40px #d4f77322}.button:disabled{opacity:.5;cursor:wait}.button span{font-size:18px}.text-link{font-size:12px}.text-link span{margin-left:14px}.hero-note{display:flex;align-items:center;gap:10px;margin-top:40px;font-size:10px;color:#8e9293}.mini-orbit{font-size:23px;color:#b9bcae}.hero-art{position:absolute;width:55%;height:100%;right:1%;top:-5px;perspective:800px;overflow:hidden;pointer-events:none}#sculpture{width:100%;height:100%;display:block}.orb-label{position:absolute;left:22%;font-size:8px;color:#979b9c;letter-spacing:1.5px}.orb-label.top{top:65px}.orb-label.bottom{bottom:112px;left:15%;width:74%;display:flex;justify-content:space-between}.orbit-tag{position:absolute;font-size:8px;letter-spacing:1px;border:1px solid #d4f77c30;border-radius:4px;background:#131719b0;padding:12px 14px;backdrop-filter:blur(10px);animation:float 6s ease-in-out infinite}.t1{right:8%;top:27%;transform:rotate(-8deg);color:var(--lime)}.t2{left:12%;bottom:24%;animation-delay:-3s}.hero-bottom{position:absolute;bottom:30px;left:64px;right:64px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.5px;color:#74797b}.hero-bottom b{display:inline-block;margin-left:20px;color:var(--lime);font-size:20px;font-weight:400}.expertise-strip{border-block:1px solid var(--line);overflow:hidden;background:#141619}.expertise-strip>div{padding:26px 40px;display:flex;align-items:center;justify-content:space-around;gap:34px;white-space:nowrap;font-size:11px;letter-spacing:1.8px;color:#c8cbc5}.expertise-strip b{color:var(--lime);font-size:21px;font-weight:400}.section{padding-top:110px;padding-bottom:110px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:55px}h2{font-size:clamp(34px,3.5vw,49px);font-weight:400;line-height:1.13;letter-spacing:-2px;margin:21px 0 0}.section-heading>p{max-width:310px;color:var(--muted);font-size:13px;line-height:1.9;margin-bottom:5px}.services{border-top:1px solid var(--line)}.service{border-bottom:1px solid var(--line);padding:28px 0}.service summary{list-style:none;display:flex;align-items:center;cursor:pointer;gap:26px}.service summary::-webkit-details-marker{display:none}.number{font-size:11px;color:#777d7f;width:27px}.service h3{font-size:24px;font-weight:400;letter-spacing:-.6px;margin:0;flex:1}.service-tag{font-size:8px;letter-spacing:1px;color:#9a9f98;border:1px solid var(--line);padding:8px 10px;border-radius:4px}.service summary b{font-weight:400;font-size:24px;margin-left:32px;color:#b4b9ac;transition:transform .5s}.service[open] summary b{color:var(--lime);transform:rotate(90deg)}.service-body{padding:10px 65px 0 53px;display:flex;align-items:center;justify-content:space-between;gap:30px;animation:reveal .6s var(--ease)}.service-body p{max-width:610px;font-size:13px;color:var(--muted);line-height:1.9}.service-body a{font-size:10px;color:var(--lime);white-space:nowrap}.possibilities{background:#191c20;border-block:1px solid var(--line);padding:85px 0}.possibilities-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.possibilities p,.region>div>p{font-size:14px;line-height:1.9;color:var(--muted);max-width:440px;margin:25px 0}.flow-art{background:linear-gradient(135deg,#22262b,#141719);border:1px solid #ffffff14;border-radius:12px;padding:30px;box-shadow:0 22px 70px #0003;transform:perspective(900px) rotateY(-5deg) rotateX(3deg)}.flow-head{font-size:8px;letter-spacing:1.2px;color:#aeb4a6;display:flex;justify-content:space-between;margin-bottom:30px}.flow-head i{width:6px;height:6px;border-radius:50%;background:var(--lime)}.flow-row{display:flex;align-items:center;gap:17px;border:1px solid #ffffff15;border-radius:6px;padding:18px;background:#202429}.flow-icon{width:35px;height:35px;border-radius:6px;background:#2f353b;display:grid;place-items:center;font-size:22px;color:#a8af9e}.flow-row div{flex:1}.flow-row small{display:block;font-size:7px;letter-spacing:1.1px;color:#8f9991;margin-bottom:7px}.flow-row strong{display:block;font-size:12px;font-weight:400}.flow-row>span:last-child{font-size:8px;color:#647064}.flow-row.active{border-color:#d4f77c50;background:#d4f77c08}.flow-row.active .flow-icon{background:var(--lime);color:#22301c}.flow-line{height:20px;border-left:1px dashed #d4f77c40;margin-left:35px}.flow-art>p{font-size:9px;margin:20px 0 0;color:#7e8680;text-align:center}.concept-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.concept-card{min-width:0;display:block}.concept-preview{height:330px;border:1px solid #ffffff15;border-radius:8px;padding:24px;position:relative;overflow:hidden;transition:transform .7s var(--ease);isolation:isolate}.concept-card:hover .concept-preview{transform:translateY(-8px) rotateX(3deg)}.concept-preview>span:first-child{font-size:7px;letter-spacing:1.3px;opacity:.7}.mini-brand{font-size:22px;font-weight:800;letter-spacing:-1px;margin-top:33px}.mini-brand i{font-size:9px;font-style:normal;display:block;letter-spacing:2px}.concept-preview h3{font-size:31px;line-height:1.1;letter-spacing:-1px;position:relative;z-index:2;font-weight:500}.mini-button{font-size:8px;border-radius:3px;padding:10px 13px;position:absolute;bottom:24px;z-index:3}.paint{background:#eee9df;color:#39392f}.paint .mini-button{background:#394537;color:#f0eee4}.paint-shapes{position:absolute;right:-25px;bottom:40px;display:flex;transform:rotate(-30deg);z-index:-1}.paint-shapes i{display:block;width:70px;height:200px;border-radius:50px;background:linear-gradient(100deg,#9ca38c,#d5dbbe);box-shadow:8px 5px 20px #27372530}.paint-shapes i:nth-child(2){margin-top:40px;background:linear-gradient(100deg,#b8baa4,#f1edda)}.paint-shapes i:nth-child(3){margin-top:80px}.climate{background:#c8e0e0;color:#20383c}.climate .mini-button{background:#20383c;color:#d2e5e4}.climate .mini-brand{font-family:Georgia,serif;font-size:33px;font-weight:400}.mini-brand>span{font-size:12px;vertical-align:top;margin-left:4px}.climate-disc{height:210px;width:210px;position:absolute;right:-60px;bottom:-10px;border-radius:50%;background:repeating-radial-gradient(ellipse at 30% 30%,#b2cccc 0 3px,#e2efea 4px 7px,#a9c4c6 8px 9px);box-shadow:inset -25px -25px 30px #142d4350,15px 15px 30px #1233;animation:disc 20s linear infinite;z-index:-1}.electro{background:#c6d656;color:#222b1f}.electro .mini-brand{letter-spacing:-2px;font-size:26px}.electro .mini-button{background:#273322;color:#dbe69d}.electric-line{position:absolute;right:-40px;top:85px;width:210px;height:210px;border:22px solid #73852f;border-radius:30px;transform:rotate(35deg);box-shadow:inset 8px 8px 18px #21331550,8px 8px 20px #21331530;z-index:-1;animation:float 8s ease-in-out infinite}.concept-caption{display:flex;justify-content:space-between;margin:21px 0}.concept-caption h3{font-size:13px;font-weight:400;margin:0 0 8px}.concept-caption p{color:var(--muted);font-size:10px;margin:0}.concept-caption>span{font-size:23px;color:var(--lime)}.region{padding-top:30px;padding-bottom:110px;display:grid;grid-template-columns:1.25fr 1fr;gap:60px;align-items:center}.steps{display:flex;gap:24px;margin-top:40px}.steps>div{flex:1;border-top:1px solid #ffffff30;padding-top:20px}.steps small{font-size:7px;letter-spacing:1px;color:#aab99a}.steps h3{font-size:12px;font-weight:400;margin:13px 0}.steps p{font-size:10px;line-height:1.8;color:var(--muted)}.radar{height:390px;position:relative;overflow:hidden;border-radius:50%;background:radial-gradient(ellipse,#d4f77c0c,transparent 65%)}.radar-circle{position:absolute;border:1px solid #d4f77c1f;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.c1{width:90px;height:90px}.c2{width:220px;height:220px}.c3{width:350px;height:350px}.radar:before,.radar:after{content:'';position:absolute;left:50%;top:0;bottom:0;border-left:1px solid #d4f77c12}.radar:after{transform:rotate(90deg)}.radar-sweep{position:absolute;width:350px;height:350px;left:50%;top:50%;margin:-175px;border-radius:50%;background:conic-gradient(transparent 70%,#d4f77c15 100%);animation:disc 16s linear infinite}.radar-center{position:absolute;left:50%;top:50%;width:7px;height:7px;background:var(--lime);border-radius:50%;box-shadow:0 0 25px #d4f77c}.town{position:absolute;font-size:9px;color:#8b9685}.sliedrecht{left:51%;top:53%;color:var(--lime);font-weight:400}.papendrecht{left:15%;top:47%}.hardinxveld{right:8%;top:40%}.dordrecht{left:20%;bottom:25%}.gorinchem{right:4%;top:25%}.radar-caption{position:absolute;bottom:15px;left:29%;font-size:7px;letter-spacing:1.5px;color:#7f8a74}.contact-section{padding:100px 0;background:#1b1e22;border-block:1px solid var(--line)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.contact-grid h2{font-size:55px;line-height:1.12}.contact-grid>div>p{font-size:13px;line-height:1.9;max-width:320px;color:var(--muted);margin:27px 0}.contact-note{margin-top:45px;font-size:10px;color:#c6cdbd}.contact-form{display:flex;flex-direction:column;gap:21px}.field-row{display:flex;gap:20px}.field-row>label{width:50%}label{display:block;font-size:10px;line-height:1.6;color:#cbd0c4}input,textarea,select{background:#15181c;border:1px solid #ffffff1c;width:100%;padding:14px;color:var(--text);border-radius:5px;outline:none;font-size:12px;margin-top:8px}input:focus,textarea:focus,select:focus{border-color:var(--lime)}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#69716c}label.check{display:flex;gap:11px;line-height:1.7;color:#9ca598;font-size:10px}.check input{width:14px;height:14px;margin:2px 0 0;flex-shrink:0;accent-color:var(--lime)}.check a{text-decoration:underline;color:#ced9c1}.contact-form .button{width:100%;margin-top:2px}.contact-form>p{font-size:9px;color:#88927f;line-height:1.7;margin:0}footer{display:flex;justify-content:space-between;align-items:center;padding-top:38px;padding-bottom:38px;gap:25px}footer>.brand{font-size:23px}footer>span{font-size:10px;color:#92978d}footer>div{display:flex;gap:22px;font-size:9px;color:#9a9d95}footer button{border:0;padding:0;background:transparent;font-size:9px;color:inherit}.assistant-launch{position:fixed;bottom:24px;right:28px;z-index:40;border:1px solid #ffffff25;border-radius:30px;background:#242a21;box-shadow:0 10px 40px #0005;padding:14px 20px;font-size:11px;display:flex;align-items:center;gap:12px}.assistant-launch>span{font-size:22px;color:var(--lime)}.assistant-panel{position:fixed;z-index:45;bottom:88px;right:28px;width:370px;max-width:calc(100vw - 30px);background:#1c2220;border:1px solid #c4df8e40;border-radius:14px;box-shadow:0 25px 90px #0009;overflow:hidden;animation:reveal .45s var(--ease)}.assistant-top{padding:20px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line)}.assistant-top strong{font-size:13px}.assistant-top small{font-size:9px;display:block;color:#9fab92;margin-top:7px}.assistant-top button{background:transparent;border:0;font-size:22px}#chat-log{max-height:230px;overflow:auto;padding:16px;min-height:100px}#chat-log p{padding:12px;border-radius:7px;font-size:11px;line-height:1.8;margin:0 0 10px;background:#2b3328}.chat-user{color:var(--lime);text-align:right}.chat-suggestions{display:flex;gap:6px;padding:0 16px 12px;flex-wrap:wrap}.chat-suggestions button{background:transparent;border:1px solid #d4f77c40;border-radius:15px;padding:6px 8px;font-size:9px}#chat-form{display:flex;margin:0 16px;gap:8px}#chat-form input{margin:0;min-width:0}#chat-form button{border:0;border-radius:5px;background:var(--lime);color:#222b1b;width:40px}.chat-privacy{display:block;padding:12px 18px 18px;font-size:8px;color:#9ba593;line-height:1.6}.trap{position:absolute;left:-10000px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}.js .reveal{opacity:0;transform:translateY(25px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.js .reveal.visible{opacity:1;transform:translateY(0)}.paused *{animation-play-state:paused!important;scroll-behavior:auto!important}.paused .reveal{opacity:1;transform:none}.legal,.admin-page{max-width:1000px;padding-top:65px;padding-bottom:80px;line-height:1.85}.legal h1,.admin-page h1{white-space:normal;font-size:44px;letter-spacing:-2px}.legal h2{font-size:23px;letter-spacing:-.5px}.legal p,.legal li{font-size:14px;color:#b4b9af}.legal a{color:var(--lime)}.admin-card{background:var(--panel);padding:25px;border:1px solid var(--line);border-radius:8px;margin:20px 0}.admin-card h2{font-size:22px}.admin-card p{font-size:13px;color:#b9c0b2}.admin-card a{color:var(--lime);text-decoration:underline}.admin-card button{background:#d4f77c;color:#17210f;border:0;padding:12px;border-radius:5px;margin:5px}.admin-card pre{white-space:pre-wrap;font-size:12px}.admin-status{font-size:11px;color:var(--lime)}
@keyframes disc{to{transform:rotate(360deg)}}@keyframes float{50%{translate:0 -13px}}@keyframes reveal{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}
@media(min-width:1600px){.hero{min-height:760px}}@media(max-width:1100px){.wrap{padding-left:35px;padding-right:35px}.hero-bottom{left:35px;right:35px}h1{font-size:60px}.hero-art{right:-3%;width:60%;opacity:.8}.hero-content{padding-top:0}.hero{min-height:680px}.hero-actions{gap:18px}.possibilities-grid,.contact-grid{gap:45px}.service-body{display:block}.concept-preview{padding:19px;height:310px}.concept-preview h3{font-size:28px}.service-tag{display:none}.region{gap:25px}.steps{gap:15px}footer>span{display:none}}
@media(max-width:760px){.wrap{padding-left:24px;padding-right:24px}.nav{height:83px}.brand{font-size:23px}.nav nav{display:none}.nav-cta{font-size:10px;padding:12px}.nav-cta span{margin-left:15px}.hero{display:block;min-height:880px;padding-top:48px;padding-bottom:70px}.eyebrow{font-size:8px;letter-spacing:1.1px}h1{font-size:clamp(40px,8.9vw,66px);letter-spacing:-2.5px;white-space:normal;margin-top:24px}.intro{font-size:14px}.hero-actions{flex-wrap:wrap;gap:22px}.hero-note{margin-top:26px}.hero-art{height:450px;width:100%;right:0;top:400px;opacity:1}.orb-label.top{top:30px;left:20%}.orb-label.bottom{bottom:35px}.t1{top:22%;right:6%}.t2{bottom:21%;left:9%}.hero-bottom{left:24px;right:24px;bottom:20px;font-size:6px;letter-spacing:1px}.expertise-strip>div{justify-content:flex-start;font-size:9px;padding:20px 24px;gap:25px}.section{padding-top:75px;padding-bottom:75px}.section-heading{display:block;margin-bottom:35px}.section-heading>p{margin-top:25px}h2{font-size:36px;letter-spacing:-1.5px}.service{padding:25px 0}.service summary{gap:14px}.service h3{font-size:19px}.number{width:15px;font-size:9px}.service summary b{margin-left:0}.service-body{padding-left:29px;padding-right:10px}.service-body p{font-size:12px}.possibilities{padding:65px 0}.possibilities-grid,.contact-grid,.region{grid-template-columns:1fr;gap:40px}.flow-art{padding:22px;transform:none}.concept-grid{grid-template-columns:1fr;gap:30px}.concept-preview{height:360px;padding:28px}.concept-preview h3{font-size:37px}.concept-preview .mini-brand{font-size:30px}.paint-shapes{right:10px}.paint-shapes i{width:95px;height:230px}.climate-disc{width:270px;height:270px}.electric-line{width:230px;height:230px;right:-10px}.mini-button{bottom:28px;font-size:9px}.region{padding-top:0;padding-bottom:65px}.radar{height:350px}.steps{flex-direction:column;margin-top:30px}.steps>div{padding-top:15px}.steps h3{font-size:14px}.steps p{font-size:12px}.contact-section{padding:65px 0}.contact-grid h2{font-size:45px}.contact-note{margin-top:25px}.field-row{gap:12px}footer{align-items:flex-start;padding-bottom:100px}footer>div{flex-direction:column;gap:14px;text-align:right}footer button{text-align:right}.assistant-launch{right:15px;bottom:15px;padding:11px 15px}.assistant-panel{right:15px;bottom:75px}.legal h1,.admin-page h1{font-size:36px}.legal{padding-top:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}}