:root{--bg:#080808;--panel:#101112;--line:#282828;--text:#f7f3ec;--muted:#c9c2b8;--gold:#d89400;--gold2:#ffae00;--serif:'Cinzel',Georgia,serif;--sans:'Manrope',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#090909;color:var(--text);font-family:var(--sans);font-size:14px;line-height:1.65}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:auto}.page{width:min(1460px,94vw);margin:0 auto}.hero{height:618px;position:relative;overflow:hidden;background:#050505}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,#050505 0%,#050505 30%,rgba(5,5,5,.78) 42%,rgba(5,5,5,.18) 58%,rgba(5,5,5,.45) 100%),url('../images/spiegel-donker.jpg') right 46%/78% auto no-repeat;filter:brightness(.92) contrast(1.18)}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 70% 42%,rgba(255,176,0,.45),transparent 20%),radial-gradient(ellipse at 60% 48%,rgba(255,176,0,.12),transparent 36%);mix-blend-mode:screen;pointer-events:none}.topbar{height:178px;position:relative;z-index:2;display:flex;align-items:flex-start;padding-top:39px}.brand{width:294px;height:132px;border:1px solid rgba(255,255,255,.31);display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(0,0,0,.22)}.brand-name{font-weight:800;font-size:19px;letter-spacing:14px;white-space:nowrap}.brand-name span{color:var(--gold2)}.brand-sub{font-size:11px;font-weight:800;letter-spacing:7px;margin-top:14px;white-space:nowrap}.navlinks{margin-left:auto;display:flex;align-items:center;gap:66px;text-transform:uppercase;font-weight:800;font-size:14px;padding-top:16px}.navlinks a{transition:.25s}.navlinks a:hover{color:var(--gold2)}.navlinks .cta{color:var(--gold2);border:2px solid var(--gold);padding:15px 22px;margin-left:4px}.menu{display:none}.hero-content{position:relative;z-index:2}.headline{width:430px;margin-top:13px}.headline h1{font-family:var(--serif);text-transform:uppercase;font-size:64px;letter-spacing:.7px;line-height:1.08;margin:0 0 27px}.headline h1 span{display:block;color:var(--gold2)}.headline p{width:365px;font-weight:700;color:#eee;margin:0}.values{height:120px;background:linear-gradient(#171819,#101112);border-top:1px solid #1e1e1e;border-bottom:1px solid var(--line)}.values-grid{display:grid;grid-template-columns:repeat(4,1fr);height:100%}.values article{display:flex;align-items:center;gap:25px;padding:0 31px;border-right:1px solid var(--line)}.values article:last-child{border-right:0}.round{width:42px;height:42px;flex:0 0 42px}.round svg{fill:none;stroke:var(--gold2);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.round.star svg{stroke-width:1.5}.values h3{font-size:13px;text-transform:uppercase;margin:0 0 2px;font-weight:900}.values p{font-size:12px;color:var(--muted);margin:0}.section{background:linear-gradient(180deg,#101112 0,#0b0c0d 100%);border-bottom:1px solid #232323}.services{padding:46px 0 35px}.label{display:block;color:var(--gold2);text-transform:uppercase;font-weight:900;font-size:14px;letter-spacing:.5px}.split-title{display:grid;grid-template-columns:1.15fr .85fr;gap:100px;align-items:end}.split-title h2,.center-title h2,.tech-text h2{font-family:var(--serif);font-weight:600;font-size:37px;line-height:1.15;margin:7px 0 0}.split-title p{font-weight:700;color:var(--muted);margin:0 0 6px;max-width:545px}.services-grid{display:grid;grid-template-columns:repeat(6,1fr);margin-top:39px}.services-grid article{min-height:175px;text-align:center;padding:0 25px 22px;border-right:1px solid var(--line)}.services-grid article:nth-child(6),.services-grid article:last-child{border-right:0}.services-grid svg{width:50px;height:50px;fill:none;stroke:var(--gold2);stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;margin:0 auto 18px}.services-grid h3{font-size:13px;text-transform:uppercase;margin:0 0 8px;font-weight:900}.services-grid p{font-size:12px;line-height:1.65;color:var(--muted);margin:0}.projects{padding:8px 0 28px}.center-title{text-align:center}.project-row{display:grid;grid-template-columns:repeat(6,1fr);gap:22px;margin-top:20px}.gallery button{border:0;background:#171717;padding:0;cursor:pointer;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.08);transition:transform .28s ease,box-shadow .28s ease,filter .28s ease}.gallery button:hover{transform:translateY(-6px);box-shadow:0 18px 45px rgba(0,0,0,.6),0 0 0 1px rgba(255,174,0,.65)}.gallery img{height:306px;object-fit:cover;transition:transform .45s ease}.gallery button:hover img{transform:scale(1.08)}.techniek{padding:22px 0 28px}.techniek-grid{display:grid;grid-template-columns:380px 1fr;gap:38px;align-items:center}.tech-text h2{font-size:36px}.tech-text p{color:var(--muted);font-weight:700;margin:17px 0 12px}.tech-text ul{list-style:none;margin:0;padding:0}.tech-text li{font-size:12px;color:var(--muted);margin:5px 0}.tech-text li:before{content:'✓';color:var(--gold2);font-weight:900;margin-right:12px}.techniek-row{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.techniek-row img{height:286px;object-fit:cover;background:#eee}.process{padding:34px 0 43px}.steps{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:30px;margin-top:30px}.steps:before{content:"";position:absolute;left:8.5%;right:8.5%;top:42px;border-top:3px dotted var(--gold);opacity:.9}.steps article{text-align:center;position:relative}.steps div{width:88px;height:88px;border:2px solid var(--gold);border-radius:50%;display:grid;place-items:center;background:#0d0e0f;margin:0 auto 13px;position:relative;z-index:1}.steps svg{width:43px;height:43px;fill:none;stroke:var(--gold2);stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}.steps h3{text-transform:uppercase;font-size:13px;margin:0 0 7px}.steps p{font-size:12px;color:var(--muted);margin:0}.footer{background:linear-gradient(180deg,#101112,#070707);border-top:1px solid #232323;padding:34px 0 30px}.footer-grid{display:grid;grid-template-columns:1fr .7fr 1fr;gap:60px}.footer h3{color:var(--gold2);text-transform:uppercase;font-size:15px;margin:0 0 12px}.footer p,.footer address{color:var(--muted);font-style:normal;margin:0}.footer a:hover{color:var(--gold2)}.social{display:flex;gap:38px;margin-top:20px!important}.social a{color:var(--muted)}.footbrand{border-left:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.footbrand .brand-name{font-size:29px}.footbrand .brand-sub{font-size:13px}.footbrand p{margin-top:38px}.footbrand p a{margin:0 10px}.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.9);z-index:99;display:none;align-items:center;justify-content:center;padding:34px}.lightbox.open{display:flex;animation:fade .18s ease}.lightbox img{max-width:min(92vw,1260px);max-height:88vh;width:auto;height:auto;object-fit:contain;border:1px solid rgba(255,174,0,.65);box-shadow:0 0 60px rgba(255,174,0,.22);animation:zoom .22s ease}.lightbox button{position:fixed;right:30px;top:24px;width:54px;height:54px;border:1px solid var(--gold);background:#090909;color:var(--gold2);font-size:38px;line-height:1;cursor:pointer}@keyframes fade{from{opacity:0}to{opacity:1}}@keyframes zoom{from{opacity:.35;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@media(max-width:1050px){.hero{height:auto;min-height:610px}.topbar{height:auto;padding:22px 0;align-items:center}.brand{width:230px;height:104px}.brand-name{font-size:16px;letter-spacing:10px}.brand-sub{font-size:9px;letter-spacing:5px}.menu{display:block;margin-left:auto;background:#111;border:1px solid var(--gold);color:var(--gold2);font-size:28px;padding:5px 13px}.navlinks{display:none;position:absolute;left:0;right:0;top:128px;background:#080808;border:1px solid var(--line);padding:20px;flex-direction:column;gap:18px}.navlinks.open{display:flex}.headline{padding:54px 0 80px}.headline h1{font-size:46px}.values{height:auto}.values-grid{grid-template-columns:repeat(2,1fr)}.values article{padding:22px 18px}.split-title,.techniek-grid,.footer-grid{grid-template-columns:1fr;gap:28px}.services-grid{grid-template-columns:repeat(2,1fr)}.services-grid article:nth-child(n){border-right:1px solid var(--line)}.services-grid article:nth-child(2n){border-right:0}.project-row,.techniek-row{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr}.steps:before{display:none}.footbrand{border-left:0;border-top:1px solid var(--line);padding-top:28px}}@media(max-width:560px){.hero-bg{background:linear-gradient(90deg,#050505 0%,rgba(5,5,5,.72) 100%),url('../images/spiegel-donker.jpg') 65% 40%/auto 100% no-repeat}.headline{width:100%;padding-top:40px}.headline h1{font-size:39px}.headline p{width:100%}.values-grid,.services-grid,.project-row,.techniek-row{grid-template-columns:1fr}.gallery img,.techniek-row img{height:290px}.split-title h2,.center-title h2,.tech-text h2{font-size:30px}}