[hidden]{display:none!important}
:root{--red:#ff2119;--red2:#b80f0a;--black:#050505;--charcoal:#0b0b0c;--line:rgba(255,255,255,.14);--text:#fff;--muted:#b9b9b9;--max:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--text);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(var(--max),calc(100% - 44px));margin:auto}.topbar{position:sticky;top:0;z-index:20;background:#030303;border-bottom:1px solid var(--line)}.nav{height:72px;display:flex;align-items:center;gap:28px}.logo{width:174px}.menu{display:flex;gap:26px;margin-left:auto;align-items:center;font-size:13px;text-transform:uppercase;font-weight:700;letter-spacing:.05em}.menu a{opacity:.88}.menu a:hover,.menu a.active{color:var(--red)}.btn{display:inline-flex;align-items:center;gap:14px;background:var(--red);padding:16px 26px;font-size:13px;font-weight:800;text-transform:uppercase;border:1px solid var(--red);transition:.2s}.btn:hover{background:#fff;color:#111}.btn.outline{background:transparent}.btn.outline:hover{background:var(--red);color:#fff}.hero{position:relative;min-height:560px;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid var(--line)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050505 0%,rgba(5,5,5,.86) 28%,rgba(5,5,5,.35) 58%,rgba(5,5,5,.85) 100%),url('../assets/villa-rieten-dak.jpg') center right/cover no-repeat;filter:grayscale(100%)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.25));}.red-lines{position:absolute;inset:0;pointer-events:none;opacity:.75}.red-lines span{position:absolute;background:var(--red);box-shadow:0 0 8px rgba(255,33,25,.22)}.red-lines .l1{height:1px;width:34%;left:0;bottom:22%}.red-lines .l2{height:1px;width:18%;right:5%;top:22%}.red-lines .l3{width:1px;height:45%;right:38px;top:0}.red-lines .l4{height:1px;width:20%;right:0;bottom:6%}.red-lines .l5{width:1px;height:50%;left:18px;top:12%}.hero-content{position:relative;z-index:2;max-width:520px}.eyebrow{color:var(--red);font-size:13px;letter-spacing:.12em;text-transform:uppercase;font-weight:800}.title{font-family:'Arial Narrow',Arial,sans-serif;font-size:clamp(48px,7vw,86px);line-height:.94;margin:18px 0 18px;text-transform:uppercase;letter-spacing:.02em}.subtitle{letter-spacing:.42em;text-transform:uppercase;font-size:13px;color:#f1f1f1}.red-rule{width:44px;height:2px;background:var(--red);margin:22px 0}.lead{color:#ececec;line-height:1.7;max-width:430px}.section{padding:76px 0;border-bottom:1px solid var(--line);position:relative}.grid2{display:grid;grid-template-columns:.9fr 1.6fr;gap:56px;align-items:center}.h2{font-family:'Arial Narrow',Arial,sans-serif;font-size:clamp(34px,4vw,52px);line-height:1;margin:10px 0 22px;text-transform:uppercase}.muted{color:var(--muted);line-height:1.7}.project-map{width:100%;mix-blend-mode:screen;opacity:.98}.legend{display:grid;gap:18px;font-size:13px;text-transform:uppercase;font-weight:800;margin-top:24px}.legend div{display:flex;align-items:center;gap:12px}.pin{width:15px;height:15px;border-radius:50%;display:inline-block}.blue{background:#0d6cff}.green{background:#25b967}.red{background:var(--red)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{border:1px solid var(--line);padding:28px;background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.015))}.card h3{margin:0 0 12px;text-transform:uppercase;font-size:17px}.card p{color:var(--muted);line-height:1.6}.steps{counter-reset:s;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step{border-left:1px solid var(--red);padding:24px;background:rgba(255,255,255,.03)}.step:before{counter-increment:s;content:'0' counter(s);color:var(--red);font-weight:900}.contact-strip{padding:42px 0;background:#080808}.contact-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:34px;align-items:center}.contact-box{border-left:1px solid var(--line);padding-left:34px}.contact-box .big{font-size:28px;font-weight:900}.footer{padding:24px 0;background:#000;color:#aaa;font-size:13px}.footer-inner{display:flex;align-items:center;gap:28px;justify-content:space-between}.footer img{width:120px}.page-hero{padding:92px 0;background:linear-gradient(120deg,#050505,#131313);border-bottom:1px solid var(--line)}.page-hero .title{font-size:64px}.simple-list{display:grid;gap:12px;color:#ddd;line-height:1.7}.simple-list span{border-bottom:1px solid var(--line);padding:12px 0}.mobile-toggle{display:none;margin-left:auto;background:none;border:0;color:white;font-size:28px}@media(max-width:860px){.mobile-toggle{display:block}.menu{display:none;position:absolute;top:72px;left:0;right:0;background:#050505;padding:22px;flex-direction:column;align-items:flex-start}.menu.open{display:flex}.nav{height:72px}.hero{min-height:640px}.grid2,.contact-grid{grid-template-columns:1fr}.cards,.steps{grid-template-columns:1fr}.logo{width:145px}.page-hero .title{font-size:46px}}


/* GDPR, juridische pagina's en HTTPS-ready footer */
.legal .container{max-width:900px}.legal h2{margin-top:34px;color:#fff;text-transform:uppercase;font-size:22px}.legal p{color:var(--muted);line-height:1.8}.legal a{color:#fff;border-bottom:1px solid var(--red)}.legal-links{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.legal-links a,.legal-links button{color:#aaa;background:none;border:0;font:inherit;cursor:pointer}.legal-links a:hover,.legal-links button:hover{color:#fff}.cookie-banner{position:fixed;left:22px;right:22px;bottom:22px;z-index:100;background:#070707;border:1px solid rgba(255,33,25,.55);box-shadow:0 25px 80px rgba(0,0,0,.65);padding:22px;display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center}.cookie-banner p{margin:8px 0 0;color:var(--muted);line-height:1.5}.cookie-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.btn.small{padding:12px 16px;font-size:12px}.link-button{background:none;border:0;color:#fff;text-decoration:underline;cursor:pointer}.cookie-modal{position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:120;display:flex;align-items:center;justify-content:center;padding:20px}.cookie-panel{width:min(620px,100%);background:#070707;border:1px solid rgba(255,33,25,.55);padding:30px;position:relative}.modal-close{position:absolute;right:16px;top:12px;background:none;border:0;color:#fff;font-size:30px;cursor:pointer}.cookie-row{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid var(--line);padding:18px 0}.cookie-row small{display:block;color:var(--muted);margin-top:6px;line-height:1.4}.cookie-row input{width:24px;height:24px;accent-color:var(--red)}@media(max-width:860px){.cookie-banner{grid-template-columns:1fr}.footer-inner{align-items:flex-start;flex-direction:column}.legal-links{flex-direction:column;align-items:flex-start}.contact-box .big{font-size:22px}}