:root{--graphiet: #23211f;--graphiet-licht: #2f2c28;--been: #ede7da;--been-gedempt: #c9c2b2;--roest: #a8461f;--roest-licht: #c95a2e;--messing: #b08d33;--leisteen: #4b5259;--max-breedte: 1080px;--font-display: "Oswald", sans-serif;--font-body: "Source Serif 4", Georgia, serif;--font-mono: "IBM Plex Mono", monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);color:var(--been);background:var(--graphiet);line-height:1.65}h1,h2,h3{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;margin:0}a{color:inherit}.site-header{position:sticky;top:0;z-index:20;background:#23211feb;backdrop-filter:blur(6px);border-bottom:1px solid rgba(237,231,218,.12)}.header-inner{max-width:var(--max-breedte);margin:0 auto;padding:.85rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:flex;align-items:center;gap:.65rem;text-decoration:none;color:var(--been)}.brand-mark{color:var(--roest-licht);display:flex;flex-shrink:0}.brand-mark.small{color:var(--messing)}.brand-text{display:flex;flex-direction:column;line-height:1.15}.brand-name{font-family:var(--font-display);font-weight:600;font-size:1.05rem;letter-spacing:.03em}.brand-sub{font-family:var(--font-mono);font-size:.65rem;color:var(--been-gedempt);letter-spacing:.04em}.site-nav ul{list-style:none;display:flex;gap:1.75rem;padding:0;margin:0}.site-nav a{text-decoration:none;font-family:var(--font-display);font-size:.85rem;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--been-gedempt);padding:.35rem 0;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}.site-nav a:hover,.site-nav a.actief{color:var(--been);border-bottom-color:var(--roest-licht)}.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:34px;height:34px;background:none;border:none;cursor:pointer;padding:0}.nav-toggle span{display:block;height:2px;background:var(--been);border-radius:1px}main{max-width:var(--max-breedte);margin:0 auto;padding:0 1.25rem}.site-footer{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:2.5rem 1rem 3rem;color:var(--been-gedempt);font-family:var(--font-mono);font-size:.78rem;border-top:1px solid rgba(237,231,218,.1);margin-top:3rem}.hero{padding:4.5rem 0 3.5rem}.hero-eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;color:var(--messing);border:1px solid rgba(176,141,51,.45);padding:.35rem .75rem;border-radius:2px;margin-bottom:1.5rem;text-transform:uppercase}.hero-eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--roest-licht);flex-shrink:0}.hero h2{font-size:clamp(2.2rem,6vw,3.6rem);line-height:1.08;color:var(--been);max-width:16ch}.hero h2 .accent{color:var(--roest-licht)}.hero-sub{font-family:var(--font-body);font-size:1.15rem;color:var(--been-gedempt);max-width:46ch;margin:1.5rem 0 2rem}.btn{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;text-decoration:none;padding:.9rem 1.6rem;border-radius:2px;transition:transform .15s,background .15s}.btn-primair{background:var(--roest);color:var(--been)}.btn-primair:hover{background:var(--roest-licht);transform:translateY(-1px)}.btn-secundair{border:1px solid var(--been-gedempt);color:var(--been)}.btn-secundair:hover{border-color:var(--been);transform:translateY(-1px)}.over-home-grid{display:grid;grid-template-columns:1fr 340px;gap:2rem;align-items:start;margin-bottom:1.5rem}.over-home-tekst p:first-child{margin-top:0}.over-home-foto{margin:0;border:2px solid rgba(237,231,218,.14);border-radius:3px;overflow:hidden}.over-home-foto img{width:100%;height:auto;display:block}.over-home-foto figcaption{padding:.6rem .85rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.04em;color:var(--been-gedempt);background:var(--graphiet-licht)}@media (max-width: 720px){.over-home-grid{grid-template-columns:1fr}.over-home-foto{order:-1;max-width:340px}}.over-grid{display:grid;grid-template-columns:280px 1fr;gap:2.5rem;align-items:start}.over-foto{position:sticky;top:90px;border:2px solid rgba(237,231,218,.14);border-radius:3px;overflow:hidden}.over-foto img{width:100%;height:auto;display:block}@media (max-width: 720px){.over-grid{grid-template-columns:1fr}.over-foto{position:static;max-width:260px}}.over-quote{margin:2rem 0;padding:.5rem 0 .5rem 1.5rem;border-left:3px solid var(--roest-licht);font-family:var(--font-display);font-size:1.5rem;line-height:1.3;text-transform:uppercase;letter-spacing:.01em;color:var(--been)}section{padding:3rem 0;border-top:1px solid rgba(237,231,218,.08)}.hero+section{border-top:none}section h2.section-titel{font-size:1.6rem;color:var(--been);margin-bottom:.4rem}.section-label{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;color:var(--messing);text-transform:uppercase;margin-bottom:.6rem;display:block}section p{color:var(--been-gedempt);max-width:65ch}.gallery{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:1.75rem}.gallery figure{margin:0;width:300px;border:1px solid rgba(237,231,218,.14);border-radius:3px;overflow:hidden;background-color:var(--graphiet-licht);transition:transform .2s,border-color .2s}.gallery figure:hover{transform:translateY(-3px);border-color:var(--messing)}.gallery img{width:100%;height:200px;object-fit:cover;display:block}.gallery figcaption{padding:.9rem 1rem;font-family:var(--font-display);font-size:.95rem;text-transform:uppercase;letter-spacing:.02em;color:var(--been)}.gallery a{display:block;color:inherit;text-decoration:none}.project-fotos{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-auto-rows:8px;grid-auto-flow:dense;gap:.6rem;margin-top:1rem}.project-fotos figure{margin:0;border:2px solid transparent;border-radius:3px;overflow:hidden;cursor:zoom-in;transition:border-color .15s}.project-fotos figure:hover{border-color:var(--roest-licht)}.project-fotos img{width:100%;height:100%;object-fit:cover;display:block}.lightbox{position:fixed;inset:0;z-index:100;background:#0f0e0deb;display:none;align-items:center;justify-content:center;padding:2rem;cursor:zoom-out}.lightbox.open{display:flex}.lightbox img{max-width:90vw;max-height:88vh;border-radius:3px;box-shadow:0 20px 60px #00000080}.lightbox-sluit{position:fixed;top:1.25rem;right:1.5rem;background:none;border:none;color:var(--been);font-family:var(--font-display);font-size:1rem;cursor:pointer;padding:.5rem}form{display:flex;flex-direction:column;gap:1rem;max-width:520px;margin-top:1.75rem}label{font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--been-gedempt)}input,textarea{padding:.75rem;border:1px solid rgba(237,231,218,.25);background:var(--graphiet-licht);color:var(--been);border-radius:2px;font-family:var(--font-body);font-size:1rem}input:focus,textarea:focus{outline:none;border-color:var(--roest-licht)}button[type=submit]{background:var(--roest);color:var(--been);border:none;padding:.9rem;border-radius:2px;font-family:var(--font-display);font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;width:fit-content}button[type=submit]:hover{background:var(--roest-licht)}@media (max-width: 720px){.nav-toggle{display:flex}.site-nav{position:absolute;top:100%;left:0;right:0;background:var(--graphiet);border-bottom:1px solid rgba(237,231,218,.12);max-height:0;overflow:hidden;transition:max-height .25s ease}.site-nav.open{max-height:220px}.site-nav ul{flex-direction:column;gap:0;padding:.5rem 1.25rem 1rem}.site-nav li{border-bottom:1px solid rgba(237,231,218,.08)}.site-nav a{display:block;padding:.85rem 0}.gallery figure{width:100%}.project-fotos{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media (min-width: 601px) and (max-width: 900px){.hero{padding:3rem 0 2.5rem}}