
:root{--navy:#10283c;--navy2:#071927;--oak:#c99d5a;--sand:#efe5d6;--cream:#f8f5ef;--ink:#16222a;--muted:#667078;--white:#fff;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:'DM Sans',Arial,sans-serif;line-height:1.65}img{display:block;width:100%;object-fit:cover}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:'Playfair Display',Georgia,serif;line-height:1.08;margin:0 0 18px}h1{font-size:clamp(3rem,7vw,6.6rem)}h2{font-size:clamp(2.25rem,4.7vw,4.4rem)}h3{font-size:1.55rem}.topbar{background:var(--navy2);color:#f2e7d7;text-align:center;padding:8px 20px;font-size:.78rem;letter-spacing:.08em}.header{height:92px;padding:10px max(24px,calc((100vw - var(--max))/2));display:flex;align-items:center;justify-content:space-between;background:#fff;position:sticky;top:0;z-index:20;box-shadow:0 8px 26px #0b1d2920}.brand-logo img{height:70px;width:auto;max-width:180px;object-fit:contain}.nav{display:flex;align-items:center;gap:25px;font-weight:600}.nav a:hover{color:#a67737}.nav-cta,.button{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:2px;font-weight:700}.nav-cta,.button.primary,.button.sand{background:var(--oak);color:#10202b}.button.ghost{border:1px solid #fff;color:#fff}.menu-toggle{display:none;border:0;background:none;padding:10px}.menu-toggle span{display:block;width:25px;height:2px;background:var(--navy);margin:5px}.hero{min-height:78vh;position:relative;display:grid;align-items:center;color:#fff;overflow:hidden}.hero-image{position:absolute;inset:0;background:url('images/project-ovaal.jpeg') center/cover no-repeat}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#061522df 5%,#0615228f 55%,#0615222e)}.hero-content{z-index:2;max-width:900px;margin-left:max(24px,calc((100vw - var(--max))/2));padding:80px 24px 100px 0}.hero-content p{max-width:680px;font-size:1.16rem}.hero-actions{display:flex;gap:14px;margin-top:28px}.scroll-hint{position:absolute;z-index:2;bottom:24px;right:max(24px,calc((100vw - var(--max))/2));font-weight:700}.section{max-width:var(--max);margin:auto;padding:110px 24px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.75rem;font-weight:700;color:#9a6c30}.eyebrow.light{color:#e4c58f}.intro{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:end}.intro-text{font-size:1.1rem}.text-link,.card-content a{font-weight:700;color:#916229}.section-heading{display:grid;grid-template-columns:1fr .65fr;gap:60px;align-items:end;margin-bottom:42px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.product-card{background:#fff;box-shadow:0 15px 45px #18293312;overflow:hidden}.card-image{height:290px}.card-content{padding:30px}.card-content>span{font-weight:800;color:#b4803f;letter-spacing:.14em}.product-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px}.product-gallery figure{margin:0;background:#fff}.product-gallery img{height:220px}.product-gallery figcaption{padding:12px 15px;font-weight:700}.feature{display:grid;grid-template-columns:1.05fr .95fr;background:var(--navy);color:#fff}.feature-image{min-height:680px;background:url('images/project-werkplaats.jpeg') center/cover}.feature-copy{padding:100px clamp(30px,7vw,110px)}.feature-copy ul{padding-left:20px;margin:28px 0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.steps article{border-top:2px solid #d4b07b;padding-top:22px}.steps b{color:#a97838;letter-spacing:.14em}.projects{background:#fff;max-width:none;padding-left:max(24px,calc((100vw - var(--max))/2));padding-right:max(24px,calc((100vw - var(--max))/2))}.project-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:24px}.project-grid figure{margin:0}.project-grid .large{grid-row:span 2}.project-image{height:300px;background-size:cover;background-position:center}.large .project-image{height:690px}.dining{background-image:url('images/project-ovaal.jpeg')}.round{background-image:url('images/product-tafel-op-maat.jpeg')}.shelf{background-image:url('images/project-bank.jpeg')}.project-grid figcaption{padding:18px 0}.about{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px;align-items:center}.about-number{background:var(--sand);aspect-ratio:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.about-number strong{font-family:'Playfair Display',serif;font-size:clamp(4rem,9vw,8rem)}.trust-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}.trust-grid span{border-top:1px solid #c5b9a8;padding-top:12px;font-weight:700}.quote{max-width:none;background:var(--navy);color:#fff;padding-left:max(24px,calc((100vw - var(--max))/2));padding-right:max(24px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.contact-lines{display:flex;flex-direction:column;margin-top:26px;font-weight:700}.quote-form{background:#fff;color:var(--ink);padding:34px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font-weight:700;margin-bottom:18px}input,select,textarea{width:100%;border:1px solid #cbc4b9;padding:13px;margin-top:7px;font:inherit;background:#fff}.file-label input{padding:10px}.form-note{color:var(--muted);font-size:.87rem}footer{background:var(--navy2);color:#dfe4e7;padding:70px max(24px,calc((100vw - var(--max))/2)) 28px;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:40px}.footer-logo{width:170px;margin-bottom:18px}.footer-brand p{max-width:300px}footer h4{color:#d8b579}footer div>a,footer div>span{display:block;margin:7px 0}.copyright{grid-column:1/-1;border-top:1px solid #ffffff20;padding-top:22px;margin-top:20px}.reveal{opacity:1;transform:none}
@media(max-width:900px){.menu-toggle{display:block}.nav{position:absolute;top:92px;left:0;right:0;background:#fff;display:none;flex-direction:column;align-items:stretch;padding:24px}.nav.open{display:flex}.intro,.section-heading,.feature,.about,.quote{grid-template-columns:1fr}.product-grid{grid-template-columns:1fr}.product-gallery{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.feature-image{min-height:460px}.quote{gap:25px}footer{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.topbar{font-size:.65rem}.header{height:76px}.brand-logo img{height:56px}.nav{top:76px}.section{padding:75px 20px}.hero-actions{flex-direction:column;align-items:flex-start}.product-gallery,.steps,.project-grid,.form-row,footer{grid-template-columns:1fr}.large .project-image{height:420px}.project-grid .large{grid-row:auto}.quote-form{padding:22px}.about-number{aspect-ratio:auto;padding:70px 20px}}


.product-card .card-image{width:100%;height:290px;object-fit:cover;object-position:center}.product-card:first-child .card-image{object-position:center 58%}.product-gallery img{object-fit:cover;object-position:center}.projects .project-image{background-position:center}.quote-form button{cursor:pointer}.form-note.success{color:#234d2b;font-weight:700}.form-note.error{color:#9a342b;font-weight:700}

:root{--navy:#18231f;--navy2:#101714;--oak:#a87b4f;--sand:#e7ded1;--cream:#f6f1ea;--ink:#1e2522;--muted:#6f746e;--sage:#aab29b;--white:#fff}.topbar{background:#101714;color:#e8dccb}.header{background:rgba(246,241,234,.92);backdrop-filter:blur(18px);box-shadow:0 10px 30px rgba(16,23,20,.08)}.nav-cta,.button.primary,.button.sand{background:#aab29b;color:#101714}.nav a:hover,.text-link,.card-content a{color:#7a5a38}.hero-overlay{background:linear-gradient(90deg,rgba(16,23,20,.84) 0%,rgba(16,23,20,.52) 48%,rgba(16,23,20,.16) 100%)}.eyebrow{color:#8d6a45}.eyebrow.light{color:#e7ded1}.product-card,.shape-panel,.table-preview,.quote-form{border-radius:18px;overflow:hidden;box-shadow:0 18px 55px rgba(16,23,20,.10);border:1px solid rgba(30,37,34,.08)}.card-image{height:320px}.product-gallery figure{border-radius:16px;overflow:hidden;box-shadow:0 12px 34px rgba(16,23,20,.08)}.feature,.quote{background:#18231f}.about-number{background:#e7ded1;border-radius:24px}.trust-grid span{border-color:rgba(30,37,34,.18)}.configurator{background:#f6f1ea}.table-top{background:linear-gradient(90deg,#b98554,#e9c692 45%,#9f6840);box-shadow:0 10px 0 #765235}.table-edge{background:#765235}input,select,textarea{border-radius:10px;border-color:#d8cdbc;background:#fff}.button,.nav-cta{border-radius:999px}.footer-logo,.brand-logo img{filter:drop-shadow(0 8px 18px rgba(0,0,0,.12))}footer{background:#101714}.copyright{color:#b9c0b7}

.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:60;display:flex;align-items:center;gap:10px;background:#25d366;color:#fff;padding:15px 20px;border-radius:999px;font-weight:800;box-shadow:0 16px 36px rgba(16,23,20,.25);transition:transform .18s ease,box-shadow .18s ease}.whatsapp-float:before{content:"";width:22px;height:22px;border-radius:50%;background:#fff;mask:radial-gradient(circle at 70% 72%,transparent 0 4px,#000 4.5px),radial-gradient(circle,#000 0 68%,transparent 69%);-webkit-mask:radial-gradient(circle at 70% 72%,transparent 0 4px,#000 4.5px),radial-gradient(circle,#000 0 68%,transparent 69%)}.whatsapp-float:hover{transform:translateY(-2px);box-shadow:0 20px 42px rgba(16,23,20,.32)}.contact-lines a[href*="wa.me"]{color:#25d366}@media(max-width:600px){.whatsapp-float{right:16px;bottom:16px;padding:13px 16px}.whatsapp-float span{font-size:.92rem}}
