/* Brabo Kozijnen | Rustige, redactionele multi-page website */
:root{--ink:#2b2b2d;--body:#515050;--muted:#77716c;--line:#e8e3dd;--cream:#f7f5f1;--accent:#983642;--accent-hover:#7c2a33;--white:#fff;--container:1180px}
*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:99px}body{margin:0;font-family:'Nunito Sans',Arial,Helvetica,sans-serif;background:#fff;color:var(--body);font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:800;line-height:1.19;letter-spacing:-.018em;color:var(--ink)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #d6a94d;outline-offset:3px}
.container{width:min(var(--container),calc(100% - 72px));margin:auto}.section{padding:104px 0}.section-header{max-width:700px;margin-bottom:43px}.section-header h2{font-size:clamp(32px,3.7vw,47px);margin-bottom:17px}.section-header p{max-width:630px}.eyebrow{font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:18px}.skip-link{position:absolute;top:-100px;left:8px;padding:12px 16px;background:white;color:var(--ink);z-index:100}.skip-link:focus{top:8px}
.topline{background:var(--cream);border-bottom:1px solid var(--line)}.topline .container{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:39px;font-size:12px;color:#625b56}.topline a{font-weight:800}.topline a:hover{text-decoration:underline}
.site-header{position:sticky;top:0;z-index:30;background:#fff;border-bottom:1px solid var(--line)}.header-inner{min-height:99px;display:flex;align-items:center;gap:27px}.brand{display:flex;align-items:center;gap:11px;flex:none;min-width:222px}.brand img{width:81px;height:74px;object-fit:contain}.brand-text{display:flex;flex-direction:column;line-height:1.12;color:var(--ink);white-space:nowrap}.brand-text strong{font-size:18px;font-weight:800}.brand-text small{font-size:11px;margin-top:7px;letter-spacing:.02em;color:var(--muted)}.nav{display:flex;align-items:center;gap:18px;margin-left:auto}.nav a{font-size:13px;font-weight:800;color:var(--ink);white-space:nowrap}.nav a:hover,.nav a[aria-current=page]{color:var(--accent)}.nav a[aria-current=page]{text-decoration:underline;text-decoration-color:#be8c93;text-decoration-thickness:2px;text-underline-offset:7px}.button{display:inline-flex;min-height:51px;align-items:center;justify-content:center;text-align:center;padding:13px 25px;background:var(--accent);color:#fff;font-size:14px;font-weight:800;line-height:1.3;border:1px solid var(--accent);border-radius:6px;cursor:pointer;transition:background-color .15s ease}.button:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.header-button{margin-left:2px;padding-inline:17px;white-space:nowrap}.button-light{background:#fff;color:var(--ink);border-color:#fff}.button-light:hover{background:#f5f2ec;border-color:#f5f2ec}.menu-toggle{display:none;border:1px solid #cfc8c0;background:#fff;padding:10px 17px;border-radius:5px;color:var(--ink);font-size:14px;font-weight:800;cursor:pointer}
.hero{position:relative;isolation:isolate;min-height:615px;display:flex;align-items:center;overflow:hidden;background:#383735}.hero-img,.hero-shade{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.hero-img{object-fit:cover;object-position:center 48%}.hero-shade{background:linear-gradient(90deg,rgba(23,24,26,.83),rgba(23,24,26,.67) 40%,rgba(23,24,26,.15) 80%,rgba(23,24,26,.06))}.hero-inner{padding:110px 0}.hero-content{max-width:650px;color:white}.hero-kicker{color:#fff!important;text-transform:uppercase;letter-spacing:.13em;font-weight:800;font-size:13px!important;margin-bottom:17px!important}.hero h1{font-size:clamp(44px,5.5vw,70px);max-width:635px;line-height:1.12;letter-spacing:-.025em;color:#fff;margin-bottom:26px}.hero p{color:white;font-size:19px;line-height:1.65;max-width:530px;margin-bottom:33px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.introduction{padding:98px 0 54px}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:84px}.intro-grid h2{font-size:clamp(33px,3.4vw,46px)}.intro-grid p{font-size:18px;line-height:1.85}.intro-grid p+p{margin-top:17px}
.services-section{padding-top:44px}.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:28px;row-gap:45px}.service-photo{aspect-ratio:1.43;overflow:hidden;border-radius:8px;display:block;background:#e4e4e1}.service-photo img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.service-photo:hover img{transform:scale(1.025)}.service-body{padding:20px 1px 0}.service-body h3{font-size:24px;margin-bottom:12px}.service-body h3 a:hover{color:var(--accent)}.service-body p{font-size:15px;line-height:1.8;max-width:350px}.simple-link{display:inline-block;font-size:14px;font-weight:800;color:var(--ink);text-decoration:underline;text-underline-offset:5px;margin-top:19px}.simple-link:hover{color:var(--accent)}
.image-feature{background:var(--cream)}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.feature-photo img{width:100%;aspect-ratio:1.27;object-fit:cover;border-radius:8px}.feature-copy h2,.split-copy h2{font-size:clamp(34px,3.5vw,48px);margin-bottom:25px}.feature-copy p:not(.eyebrow),.split-copy p{font-size:16px;line-height:1.9;margin-bottom:17px}
.about-lite{background:#fff}.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px}.facts>div{border-top:2px solid var(--accent);padding-top:22px}.facts strong{display:block;font-size:20px;line-height:1.35;color:var(--ink);margin-bottom:9px}.facts p{font-size:15px}
.advise-band{background:var(--cream);padding:41px 0}.advise-band-inner{display:flex;gap:32px;justify-content:space-between;align-items:center}.advise-band h2{font-size:28px;margin-bottom:7px}.advise-band p{font-size:16px}.advise-band .button{white-space:nowrap}
.contact-strip{border-top:1px solid var(--line);padding:25px 0}.contact-strip .container{display:flex;align-items:center;gap:34px}.contact-strip span{font-weight:800;color:var(--ink)}.contact-strip a{font-weight:700;font-size:15px}.contact-strip a:hover{text-decoration:underline}
.page-hero{background:var(--cream);padding:73px 0}.page-hero-grid{display:grid;grid-template-columns:1fr 1.07fr;gap:73px;align-items:center}.page-hero-copy h1{font-size:clamp(40px,4.75vw,62px);margin-bottom:25px}.page-hero-copy>p:not(.eyebrow){font-size:18px;line-height:1.8;margin-bottom:30px}.page-hero-photo img{width:100%;aspect-ratio:1.26;object-fit:cover;border-radius:8px;background:#e0d9d3}
.split-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:90px;align-items:center}.split-grid.reverse{direction:rtl}.split-grid.reverse>*{direction:ltr}.split-photo img{width:100%;aspect-ratio:1.18;object-fit:cover;border-radius:8px}.plain-list{padding:6px 0 0;margin:0;list-style:none}.plain-list li{padding:10px 0;border-bottom:1px solid var(--line);font-size:15px;font-weight:800;color:var(--ink)}
.model-section{background:var(--cream)}.model-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.model{padding:25px 0 3px;border-top:2px solid var(--accent)}.model-type{font-size:12px;text-transform:uppercase;color:var(--accent);letter-spacing:.08em;font-weight:800;margin-bottom:12px}.model h3{font-size:25px;margin-bottom:14px}.model p:not(.model-type){font-size:15px;line-height:1.75}
.contact-grid{display:grid;grid-template-columns:1fr .85fr;gap:100px}.contact-grid h2{font-size:clamp(34px,3.8vw,48px);margin-bottom:20px}.contact-grid p{max-width:545px;margin-bottom:24px}.contact-details{padding:4px 0 0}.contact-details h3{font-size:24px;margin-bottom:28px}.contact-details dl{margin:0}.contact-details dl>div{border-bottom:1px solid var(--line);padding:17px 0}.contact-details dt{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.contact-details dd{margin:4px 0 0;color:var(--ink);font-weight:700}.contact-details a:hover,.form-intro a:hover{text-decoration:underline}
.form-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.form-intro h2{font-size:clamp(34px,3.8vw,48px);margin-bottom:21px}.form-intro p{margin-bottom:16px}.form-intro a{text-decoration:underline;text-underline-offset:3px}
.site-footer{background:#2d2928;color:#fff}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:38px;padding:29px 0}.footer-identity{display:flex;align-items:center;gap:12px}.footer-identity img{width:64px;height:60px;object-fit:contain}.footer-identity strong{display:block;font-size:18px;color:#fff}.footer-identity span{display:block;font-size:13px;color:#d8d0c9}.footer-right{display:flex;gap:18px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.footer-right a{font-size:13px}.footer-right a:hover{text-decoration:underline}.footer-right small{font-size:12px;color:#d0c7c0}
@media(max-width:1250px){.header-inner{gap:17px}.nav{gap:12px}.nav a{font-size:12px}.brand{min-width:188px}.brand img{width:66px;height:60px}.brand-text strong{font-size:16px}.header-button{padding-inline:12px}}
@media(max-width:1080px){.container{width:min(var(--container),calc(100% - 50px))}.site-header .header-inner{min-height:79px}.menu-toggle{display:block;margin-left:auto}.header-button{margin-left:0}.nav{display:none;position:absolute;top:100%;left:0;right:0;padding:15px 25px 24px;background:white;border-bottom:1px solid var(--line);box-shadow:0 11px 20px #0000000c;flex-direction:column;align-items:stretch;gap:0}.nav a{font-size:15px;padding:10px 0}.menu-open .nav{display:flex}.intro-grid,.split-grid,.feature-grid,.page-hero-grid{gap:40px}.contact-grid,.form-layout{gap:40px}.model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){html{scroll-padding-top:78px}.container{width:calc(100% - 36px)}.topline .container{min-height:36px;justify-content:center}.topline .container>span{display:none}.brand{min-width:0}.brand img{width:58px;height:54px}.brand-text strong{font-size:16px}.brand-text small{font-size:10px}.header-button{display:none}.hero{min-height:545px}.hero-img{object-position:62% center}.hero-shade{background:linear-gradient(90deg,rgba(23,24,26,.85),rgba(23,24,26,.65))}.hero-inner{padding:78px 0}.hero h1{font-size:clamp(38px,10vw,53px)}.hero p{font-size:16px}.hero-actions{flex-direction:column;align-items:flex-start}.hero-actions .button{width:100%;max-width:325px}.introduction{padding:68px 0 26px}.intro-grid{display:block}.intro-grid h2{font-size:35px;margin-bottom:22px}.intro-grid p{font-size:16px}.section{padding:72px 0}.section-header{margin-bottom:28px}.section-header h2{font-size:35px}.services-section{padding-top:42px}.services-grid{grid-template-columns:1fr;gap:38px}.service-photo{aspect-ratio:1.55}.feature-grid,.split-grid{display:flex;flex-direction:column;gap:30px;align-items:stretch}.split-grid.reverse{direction:ltr}.feature-copy h2,.split-copy h2{font-size:36px}.feature-photo img,.split-photo img{aspect-ratio:1.25}.facts{grid-template-columns:1fr;gap:25px}.advise-band{padding:31px 0}.advise-band-inner{display:block}.advise-band h2{font-size:25px}.advise-band .button{margin-top:20px;white-space:normal}.contact-strip .container{flex-direction:column;align-items:flex-start;gap:3px}.page-hero{padding:57px 0 62px}.page-hero-grid{display:flex;flex-direction:column;gap:35px;align-items:stretch}.page-hero-copy h1{font-size:44px}.page-hero-copy>p:not(.eyebrow){font-size:16px}.page-hero-photo img{aspect-ratio:1.35}.model-grid{grid-template-columns:1fr;gap:26px}.model{padding-top:18px}.contact-grid,.form-layout{display:block}.contact-details{margin-top:50px}.footer-inner{display:block;padding:28px 0}.footer-right{justify-content:flex-start;flex-direction:column;align-items:flex-start;gap:5px;margin-top:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}


/* Subtiele credit in de bestaande footer */
.site-credit{white-space:nowrap}.site-footer .site-credit a{font-size:inherit;color:inherit;text-decoration:underline;text-underline-offset:3px}.site-footer .site-credit a:hover{color:#fff}

/* Offerte per e-mail, zonder formulier */
.request-details{background:var(--cream);border-radius:8px;padding:35px 39px;align-self:start}
.request-details h3{font-size:25px;margin-bottom:24px}
.request-list{list-style:none;margin:0;padding:0}
.request-list li{padding:14px 0;border-top:1px solid #e2dbd3}
.request-list strong{display:block;font-size:15px;line-height:1.45;color:var(--ink);margin-bottom:4px}
.request-list span{display:block;font-size:15px;line-height:1.65;color:var(--body)}
.form-intro .request-email-button{text-decoration:none;margin-top:6px}
.request-mail-note{margin-top:15px;font-size:13px;line-height:1.6;color:var(--muted)}
@media(max-width:700px){.request-details{margin-top:36px;padding:26px 24px}.request-details h3{font-size:23px}.form-intro .request-email-button{width:100%}}