/*
Theme Name: De Moane Bouw
Theme URI: https://demoanebouw.nl/
Author: OpenAI
Description: Kant-en-klaar WordPress-thema voor De Moane Bouw en Installatie.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: de-moane-bouw
*/

:root{--ink:#171715;--cream:#f2e2cc;--sand:#cbb69a;--paper:#f7f5f1;--muted:#bcb9b2;--line:#dedbd4;--green:#20bf65;--max:1220px}
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{width:min(var(--max),calc(100% - 44px));margin:auto}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:.72rem;font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;border-radius:7px;font-weight:750;font-size:.92rem;transition:transform .2s,background .2s;border:1px solid transparent;cursor:pointer}.btn:hover{transform:translateY(-2px)}.btn-cream{background:var(--cream);color:#191816}.btn-outline{border-color:#b7b2a9;color:white;background:transparent}.btn-dark{background:var(--ink);color:white}.topbar{position:absolute;z-index:5;top:0;left:0;right:0;color:#fff;border-bottom:1px solid #ffffff25;background:#11110f88;backdrop-filter:blur(10px)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:12px;letter-spacing:.18em;font-size:.86rem;font-weight:800}.brand-mark{width:35px;height:29px;border-left:3px solid var(--cream);border-top:3px solid var(--cream);transform:skewY(-30deg) rotate(45deg);border-right:0;border-bottom:0;position:relative}.brand small{display:block;font-size:.55rem;letter-spacing:.22em;font-weight:500;color:#d0c9be}.navlinks{display:flex;gap:25px;font-size:.83rem;font-weight:650}.navlinks a:hover{color:var(--cream)}.nav .btn{padding:11px 16px}.menu-toggle{display:none;color:#fff;background:none;border:0;font-size:1.5rem}
    .hero{min-height:650px;display:grid;grid-template-columns: .9fr 1.1fr;background:#171715;color:#fff;position:relative;padding-top:76px;overflow:hidden}.hero-copy{padding:78px max(28px,calc((100vw - var(--max))/2)) 55px max(22px,calc((100vw - var(--max))/2));padding-right:32px;align-self:center;position:relative;z-index:2}.hero h1{font-size:clamp(2.6rem,5vw,4.65rem);line-height:.99;letter-spacing:-.055em;margin:18px 0 24px;max-width:590px}.hero h1 span{color:var(--cream)}.hero p{color:#e1dfda;max-width:540px;font-size:1.02rem}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:27px 0 26px}.checks{display:flex;gap:18px;flex-wrap:wrap;font-size:.77rem;color:#e2dfd8}.checks span:before{content:'✓';color:var(--cream);font-weight:900;margin-right:8px}.hero-image{position:relative;min-height:550px;background:#777}.hero-image img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#17171566,transparent 35%),linear-gradient(0deg,#17171533,transparent 35%)}.image-label{position:absolute;z-index:1;right:28px;bottom:26px;background:#171715e8;border:1px solid #ffffff45;padding:14px 18px;border-radius:8px;max-width:260px;font-size:.83rem}.image-label strong{display:block;font-size:.94rem}.services{background:#fff;padding:25px 0;border-bottom:1px solid var(--line)}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.service{padding:8px 22px;text-align:center;border-right:1px solid var(--line)}.service:last-child{border:0}.service-icon{margin:0 auto 8px;width:48px;height:48px;border-radius:50%;background:#f1e4d3;display:grid;place-items:center;font-size:1.35rem}.service h3{font-size:.98rem;margin:5px 0}.service p{font-size:.8rem;color:#68665f;margin:0}.section{padding:78px 0}.section-dark{background:#171715;color:#fff}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:27px}.section h2{font-size:clamp(2rem,4vw,3rem);line-height:1.05;letter-spacing:-.045em;margin:9px 0 0}.section-head p{max-width:430px;color:#77756e;margin:0}.section-dark .section-head p{color:#c5c1b8}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.project{position:relative;border-radius:8px;overflow:hidden;min-height:280px;background:#333}.project img{width:100%;height:310px;object-fit:cover;transition:transform .45s}.project:hover img{transform:scale(1.045)}.project:after{content:"";position:absolute;inset:25% 0 0;background:linear-gradient(transparent,#000b)}.project-caption{position:absolute;z-index:1;bottom:17px;left:18px;right:18px;display:flex;align-items:end;justify-content:space-between;gap:10px;color:#fff}.project-caption strong{display:block;font-size:1.04rem}.project-caption small{color:#e1ddd5}.arrow{font-size:1.35rem}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.about-photo{height:450px;border-radius:9px;overflow:hidden}.about-photo img{width:100%;height:100%;object-fit:cover}.about-copy p{color:#68665f}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:24px 0}.feature-list span:before{content:'✓';font-weight:900;margin-right:9px;color:#8b704f}.reviews{background:#fff}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.review{border:1px solid var(--line);border-radius:9px;padding:23px;background:#fff}.stars{color:#d39b20;letter-spacing:.1em;font-size:1.1rem}.review blockquote{margin:13px 0 18px;font-size:.95rem}.review cite{font-style:normal;font-weight:750;font-size:.86rem}.review cite small{display:block;font-weight:450;color:#77756e}.review-note{margin-top:17px;color:#77756e;font-size:.78rem}
    .contact{background:#f0ede7;padding:70px 0}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:start}.contact-copy p{color:#66645e}.contact-points{display:flex;gap:18px;flex-wrap:wrap;font-size:.82rem;margin-top:23px}.contact-points span:before{content:'✓';margin-right:7px;font-weight:900}.form{background:#fff;border:1px solid #e2ded6;padding:25px;border-radius:10px;box-shadow:0 10px 35px #1717150a}.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:.78rem;font-weight:700}.field input,.field select,.field textarea{width:100%;border:1px solid #d8d5ce;border-radius:6px;padding:12px 13px;font:inherit;font-size:.9rem;background:#fff}.field textarea{min-height:110px;resize:vertical}.form .btn{width:100%;margin-top:14px}.form-hint{font-size:.72rem;color:#77756e;margin:10px 0 0}.form-status{font-size:.85rem;margin-top:10px;display:none}.footer{background:#171715;color:#fff;padding:35px 0}.footer-row{display:flex;justify-content:space-between;gap:25px;align-items:center}.footer p{color:#bcb9b2;font-size:.78rem;margin:7px 0 0}.footer-links{display:flex;gap:18px;font-size:.82rem;color:#e2dfd8}.whatsapp-float{position:fixed;z-index:8;bottom:20px;right:20px;background:#1eae60;color:white;border-radius:999px;padding:13px 18px;box-shadow:0 7px 24px #0003;font-size:.86rem;font-weight:800;display:flex;gap:9px;align-items:center}.whatsapp-float span{font-size:1.2rem}
    @media(max-width:900px){.navlinks{gap:13px}.navlinks a{font-size:.77rem}.hero{grid-template-columns:1fr 1fr}.hero-copy{padding:65px 22px 45px max(22px,calc((100vw - var(--max))/2))}.hero-image{min-height:590px}.service{padding:8px 12px}.about-grid{gap:30px}.project img{height:260px}}
    @media(max-width:700px){.wrap{width:min(100% - 32px,var(--max))}.nav{height:68px}.navlinks{display:none;position:absolute;top:68px;left:0;right:0;background:#171715;padding:18px 22px 23px;flex-direction:column;gap:15px}.navlinks.open{display:flex}.navlinks a{font-size:.95rem}.nav>.btn{display:none}.menu-toggle{display:block}.hero{display:flex;flex-direction:column;padding-top:68px}.hero-copy{padding:55px 22px 34px}.hero h1{font-size:clamp(2.8rem,13vw,4.4rem)}.hero-image{min-height:320px}.image-label{right:14px;bottom:14px}.checks{gap:10px}.service-grid{grid-template-columns:1fr 1fr;row-gap:22px}.service:nth-child(2){border-right:0}.service:nth-child(3),.service:nth-child(4){padding-top:18px}.section{padding:57px 0}.section-head{display:block}.section-head p{margin-top:14px}.project-grid{grid-template-columns:1fr 1fr;gap:10px}.project{min-height:220px}.project img{height:230px}.project-caption{left:12px;right:12px;bottom:12px}.project-caption strong{font-size:.9rem}.project-caption small{font-size:.72rem}.about-grid,.contact-grid{grid-template-columns:1fr;gap:28px}.about-photo{height:300px}.review-grid{grid-template-columns:1fr}.fields{grid-template-columns:1fr}.field.full{grid-column:auto}.form{padding:18px}.footer-row{align-items:flex-start;flex-direction:column}.whatsapp-float{bottom:12px;right:12px;padding:12px 15px}.feature-list{gap:10px;font-size:.9rem}}