@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');:root{--dark:#191816;--gold:#c39a57;--light:#f7f5f1;--ink:#282622}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;background:#fff}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Playfair Display',Georgia,serif;font-weight:400}em{font-weight:400;color:var(--gold)}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}.header{height:92px;position:sticky;top:0;z-index:20;background:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 max(5%,calc((100vw - 1300px)/2));box-shadow:0 1px 12px #0000000a}.brand{display:flex;flex-direction:column;line-height:1}.brand span{font:500 35px Georgia,serif;color:#aa7935;letter-spacing:5px}.brand small{font-size:9px;letter-spacing:2px;margin-top:8px}nav{display:flex;align-items:center;gap:31px;font-size:13px}nav a:hover{color:#a87938}.nav-cta{background:var(--dark);color:white;padding:15px 22px}.nav-cta:hover{background:var(--gold);color:white}.menu{display:none;background:none;border:0;font-size:28px}.hero{min-height:660px;position:relative;color:white;background:linear-gradient(100deg,#14110fbb,#14110f22),url('https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=1800&q=85') center/cover;display:flex;align-items:center;padding:80px 9%}.hero-content{position:relative;max-width:720px}.eyebrow{font-size:11px;letter-spacing:3px;font-weight:700;color:var(--gold);margin-bottom:23px}.hero h1{font-size:clamp(49px,6.2vw,94px);line-height:1.08;margin-bottom:25px}.hero-content>p:not(.eyebrow){max-width:480px;line-height:1.9;color:#f1efec;font-size:15px}.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:33px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:18px 25px;font-size:12px;letter-spacing:.5px;font-weight:700;border:1px solid transparent;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-2px)}.gold{background:var(--gold);color:#17130e}.outline{border-color:#ffffff9e;color:#fff}.dark{background:var(--dark);color:white}.hero-bottom{position:absolute;bottom:35px;left:9%;font-size:10px;letter-spacing:3px;color:#e7d9c4}.section{padding:110px max(7%,calc((100vw - 1220px)/2))}.intro{text-align:center;max-width:1050px;margin:auto}.intro h2,.section h2,.quote h2{font-size:clamp(37px,4vw,61px);line-height:1.2}.intro>p:last-child{max-width:640px;margin:22px auto 0;line-height:1.9;color:#777}.services{background:var(--light)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:38px}.section-head p:last-child{color:#777}.cards{display:grid;grid-template-columns:1fr 1fr;gap:24px}.service-card{min-height:430px;display:flex;align-items:end;color:#fff;padding:35px;position:relative;background-size:cover;background-position:center}.paint{background-image:linear-gradient(0deg,#17120fe6,#17120f12 75%),url('https://images.unsplash.com/photo-1562259949-e8e7689d7828?auto=format&fit=crop&w=1000&q=80')}.wallpaper{background-image:linear-gradient(0deg,#17120fe6,#17120f12 75%),url('https://images.unsplash.com/photo-1618221195710-dd6b41faaea6?auto=format&fit=crop&w=1000&q=80')}.number{font-size:10px;letter-spacing:2px;color:#e7c08a}.service-card h3{font-size:40px;margin:13px 0}.service-card p{max-width:370px;color:#e4e1dd;line-height:1.7;font-size:14px}.service-card a{font-size:12px;color:#e8c78d}.about{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.about-image{min-height:520px;background:url('https://images.unsplash.com/photo-1600566753190-17f0baa2a6c3?auto=format&fit=crop&w=1000&q=80') center/cover;position:relative}.about-image span{position:absolute;bottom:20px;left:20px;background:#fff;padding:18px;font-size:10px;letter-spacing:2px}.about-text p:not(.eyebrow){line-height:1.9;color:#73706b;font-size:14px}.about-text .btn{margin-top:20px}.projects{text-align:center;background:#fbfaf8}.projects>p:not(.eyebrow){color:#777;max-width:600px;margin:0 auto 32px;line-height:1.8}.project-placeholder{border:1px solid #ded9cf;min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#e9e4dc,#faf8f4)}.project-placeholder span{color:#a47e49;font-size:10px;letter-spacing:3px}.project-placeholder h3{font-size:38px;margin:18px 0 8px}.project-placeholder p{color:#777}.quote{text-align:center;background:#201e1b;color:white;padding:100px 20px}.quote .btn{margin-top:24px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:10%;background:#fff}.contact>div>p:not(.eyebrow){line-height:1.9;color:#777}.contact-note{margin-top:35px;padding-top:25px;border-top:1px solid #ddd;color:#997345;font-size:13px}form{display:grid;grid-template-columns:1fr 1fr;gap:18px}form label{display:flex;flex-direction:column;gap:9px;font-size:12px;font-weight:700}form label:nth-child(4),form label:nth-child(5){grid-column:1/-1}input,textarea,select{width:100%;padding:15px;border:1px solid #d9d5cf;background:#faf9f7;border-radius:0;outline-color:var(--gold);font-size:14px}form button{justify-self:start}form .form-note{grid-column:1/-1;color:#777;font-size:11px;line-height:1.6}footer{background:#161513;color:#e7e2db;padding:65px 8% 22px}.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px;padding-bottom:60px}.footer-brand{font:48px Georgia,serif;letter-spacing:7px;color:var(--gold)}.footer-main p{font-size:11px;letter-spacing:1px}.footer-main span{font:italic 22px Georgia,serif;color:var(--gold)}.footer-main strong{display:block;font-size:13px;margin-bottom:22px}.footer-main a{display:block;font-size:13px;color:#aaa;margin-bottom:12px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #444;padding-top:22px;color:#999;font-size:11px}@media(max-width:800px){.header{height:76px;padding:0 6%}.brand span{font-size:29px}.menu{display:block}nav{display:none;position:absolute;top:76px;left:0;right:0;background:white;padding:24px;box-shadow:0 10px 15px #0002;flex-direction:column;align-items:stretch;gap:20px}nav.open{display:flex}.hero{min-height:600px;padding:80px 7%}.hero-bottom{left:7%}.section{padding:75px 7%}.section-head{display:block}.cards,.about,.contact{grid-template-columns:1fr}.about-image{min-height:350px}.service-card{min-height:360px}.footer-main{grid-template-columns:1fr 1fr}.footer-main>div:first-child{grid-column:1/-1}}@media(max-width:450px){form{grid-template-columns:1fr}form label{grid-column:1/-1}.footer-main{grid-template-columns:1fr}.footer-main>div:first-child{grid-column:auto}.hero h1{font-size:48px}.footer-bottom{gap:15px;flex-wrap:wrap}}

.brand img{display:block;width:145px;height:82px;object-fit:contain}@media(max-width:800px){.brand img{width:118px;height:66px}}section[id]{scroll-margin-top:100px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}

/* Huisstijl bij het nieuwe, originele zwart-gouden logo. */
:root{--dark:#030303;--gold:#e0b65e;--light:#10100f;--ink:#f5f1e9}
body{background:#050505;color:var(--ink)}
.header{height:112px;background:#000;border-bottom:1px solid #bd914438;box-shadow:0 8px 32px #0005;padding-inline:6%}
.brand img{width:210px;height:102px;object-fit:contain}
nav{color:#f5f1e9}nav a:hover{color:#e9c778}
.nav-cta{background:linear-gradient(115deg,#ac792d,#f1d38a,#c69a47);color:#100c05;border:1px solid #e0b65e}
.hero{background-image:linear-gradient(90deg,#000e 0%,#0009 48%,#0005),url('https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=1800&q=85');border-bottom:1px solid #bd914438}
.hero h1{color:#fff}.hero h1 em,.section h2 em,.quote h2 em{color:#e4bd6b}
.eyebrow{color:#e4bd6b}.hero-bottom{color:#e5c580}
.gold{background:linear-gradient(115deg,#b78738,#f1d28b 52%,#c59947);color:#110d06;border-color:#d7af60;box-shadow:0 6px 24px #0003}
.gold:hover{filter:brightness(1.08)}.outline{border-color:#d3aa5f;color:#f6e7ca;background:#0003}
.intro{background:#050505}.intro>p:last-child,.section-head p:last-child,.about-text p:not(.eyebrow),.projects>p:not(.eyebrow),.contact>div>p:not(.eyebrow){color:#c4bfb4}
.services{background:#10100f;border-block:1px solid #bd91442b}.service-card{border:1px solid #b98c414d}.number,.service-card a{color:#f0ce88}
.about{background:#080808}.about-image{border:1px solid #b98c4155}.about-image span{background:#060606;color:#e8c57c;border:1px solid #b98c4170}
.dark{background:#111;color:#efd08a;border-color:#b98c4188}.dark:hover{background:#1d1911}
.projects{background:#10100f;border-block:1px solid #bd91442b}.project-placeholder{border-color:#b98c4166;background:radial-gradient(ellipse at top,#302617,#111 70%)}.project-placeholder span{color:#e4bd6b}.project-placeholder p{color:#c4bfb4}
.quote{background:radial-gradient(ellipse at center,#2b2213,#050505 75%);border-bottom:1px solid #bd91443b}
.contact{background:#080808}.contact-note{border-color:#b98c4155;color:#e4bd6b}.contact a{color:#efd08a;overflow-wrap:anywhere}.contact a:hover{text-decoration:underline}
input,textarea,select{background:#141412;color:#f8f4eb;border-color:#6e5b37;color-scheme:dark}input::placeholder,textarea::placeholder{color:#a9a498}input:focus,textarea:focus,select:focus{outline:2px solid #e0b65e;outline-offset:2px}form .form-note{color:#bdb6a8}
footer{background:#000;border-top:1px solid #bd91444d}.footer-brand img{width:270px;max-width:100%;height:auto;display:block}.footer-main p{line-height:1.8;letter-spacing:.3px}.footer-main a{color:#d2c8b6;overflow-wrap:anywhere}.footer-main a:hover{color:#efd08a}.footer-main span{color:#e4bd6b}.footer-bottom{border-color:#bd914438;color:#aaa397}
a:focus-visible,button:focus-visible{outline:2px solid #e0b65e;outline-offset:5px}section[id]{scroll-margin-top:125px}
@media(max-width:1000px){nav{gap:18px}.header{padding-inline:4%}.brand img{width:175px}}
@media(max-width:800px){.header{height:92px;padding-inline:6%}.brand img{width:165px;height:84px}.menu{color:#e4bd6b}nav{top:92px;background:#050505;border-bottom:1px solid #b98c4170;box-shadow:0 12px 24px #0008}.hero{min-height:600px}.footer-brand img{width:240px}section[id]{scroll-margin-top:104px}}

/* Schilder- en behangwerk centraal, met een groter origineel logo. */
.header{height:180px;padding-inline:5%;gap:28px}.brand{flex-shrink:0}.brand img{width:340px;height:164px;max-width:none;object-fit:contain}nav{gap:24px}
.hero{background-image:linear-gradient(90deg,#000e 0%,#000b 40%,#0003 100%),url('assets/schilderwerk.png');background-position:center,right center;min-height:650px}
.paint{background-image:linear-gradient(0deg,#080706f5,#08070600 90%),url('assets/schilderwerk.png');background-position:65% center}
.service-card{min-height:470px}.service-card>div{padding-top:100px}.image-note{font-size:12px;color:#aaa397!important}.footer-brand img{width:340px}
section[id]{scroll-margin-top:195px}
@media(max-width:1100px){.header{height:166px;padding-inline:5%}.brand img{width:310px;height:150px}.menu{display:block;color:#e4bd6b}nav{display:none;position:absolute;top:166px;left:0;right:0;background:#050505;padding:24px;border-bottom:1px solid #b98c4170;flex-direction:column;align-items:stretch;gap:20px}nav.open{display:flex}section[id]{scroll-margin-top:180px}}
@media(max-width:450px){.header{height:148px;padding-inline:4%;gap:8px}.brand img{width:calc(100vw - 76px);height:138px}nav{top:148px}.hero{padding-top:65px;padding-bottom:100px}.hero h1{font-size:43px}.about-image span{font-size:9px;left:12px;right:12px;padding:14px;line-height:1.6}.service-card{padding:26px}.footer-brand img{width:100%;max-width:340px}section[id]{scroll-margin-top:160px}}

.wallpaper{background-image:linear-gradient(0deg,#080706f5,#08070600 90%),url('assets/behangwerk.png');background-position:center}.about-image{background-image:url('assets/behangwerk.png');background-position:center}