:root{--green:#18392f;--green-dark:#102720;--wood:#d99a52;--cream:#f2eee7;--ink:#17211d;--muted:#69716c;--white:#fff;--line:#d9d8d2}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:400 16px/1.65 "DM Sans",Arial,sans-serif;color:var(--ink);background:var(--cream)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
.header{height:88px;padding:0 clamp(22px,5vw,76px);display:flex;align-items:center;gap:44px;background:#fff;position:relative;z-index:20}.logo{display:flex;align-items:center;gap:13px;margin-right:auto}.logo-mark{width:48px;height:48px;background:var(--green);color:#fff;display:grid;place-items:center;font-family:Oswald,sans-serif;font-size:1.25rem;font-weight:700;position:relative}.logo-mark:after{content:"";position:absolute;right:0;bottom:0;border-left:13px solid transparent;border-bottom:13px solid var(--wood)}.logo>span:last-child{display:flex;flex-direction:column;line-height:1.08}.logo strong{text-transform:uppercase;font-size:.83rem;letter-spacing:.04em}.logo small{text-transform:uppercase;font-size:.67rem;letter-spacing:.16em;color:#6b716d;margin-top:5px}.header nav{display:flex;gap:30px;font-weight:600;font-size:.9rem}.header nav a:hover{color:#a76523}.header-call{font-family:Oswald,sans-serif;font-size:1.15rem;border-bottom:2px solid var(--wood)}.menu{display:none;background:transparent;border:0}.menu span{display:block;width:26px;height:2px;background:var(--ink);margin:7px}
.hero{min-height:690px;position:relative;display:grid;grid-template-columns:minmax(520px,48%) 1fr;background:var(--green-dark);color:#fff;overflow:hidden}.hero-panel{padding:90px clamp(26px,7vw,105px);position:relative;z-index:2;order:1}.hero-photo{order:2;background:url("assets/overkapping.jpg") center/cover no-repeat;min-height:690px;position:relative}.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,39,32,.35),transparent 40%)}.hero-panel:after{content:"";position:absolute;z-index:-1;top:0;bottom:0;right:-78px;width:150px;background:var(--green-dark);transform:skewX(-7deg)}.kicker{margin:0;text-transform:uppercase;letter-spacing:.18em;color:#d6dfda;font-weight:700;font-size:.72rem}.kicker:before{content:"";display:inline-block;width:33px;height:2px;background:var(--wood);margin:0 13px 3px 0}.kicker.dark{color:#626c67}.hero h1{font:600 clamp(3.6rem,6.4vw,7.2rem)/.9 Oswald,sans-serif;text-transform:uppercase;letter-spacing:-.035em;margin:28px 0}.hero h1 em{font-style:normal;color:var(--wood)}.lead{color:#c3d0ca;max-width:590px;font-size:1.08rem}.actions{display:flex;align-items:center;gap:28px;margin-top:38px}.button{display:inline-flex;justify-content:space-between;gap:38px;background:var(--wood);color:#17211d;padding:16px 21px;font-weight:700;min-width:235px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px);background:#e6aa68}.plain-link{font-weight:600;border-bottom:1px solid #687c74;padding:10px 0}.availability{position:absolute;z-index:4;right:0;bottom:0;background:#fff;color:var(--ink);padding:19px 32px;display:flex;align-items:center;gap:9px;font-size:.88rem}.availability span{width:8px;height:8px;border-radius:50%;background:var(--wood)}
.intro-section{padding:110px clamp(24px,8vw,120px);display:grid;grid-template-columns:60px 1.25fr .75fr;gap:6vw;align-items:end;background:#fff}.vertical-label{writing-mode:vertical-rl;transform:rotate(180deg);text-transform:uppercase;font:600 .72rem Oswald,sans-serif;letter-spacing:.2em;color:#999;margin:0}.intro-copy h2,.approach h2,.contact h2{font:600 clamp(2.7rem,5vw,5.4rem)/1 Oswald,sans-serif;text-transform:uppercase;letter-spacing:-.025em;margin:22px 0 0}.intro-text{color:var(--muted);margin:0 0 8px;font-size:1.06rem}
.services{display:grid;grid-template-columns:1.25fr 1fr 1fr;padding:0 clamp(24px,8vw,120px) 110px;background:#fff}.service{padding:42px 34px;min-height:390px;border:1px solid var(--line);display:flex;flex-direction:column;position:relative;background:#faf9f6}.service+.service{border-left:0}.service-main{background:var(--green);color:#fff;border-color:var(--green)}.service-no{position:absolute;top:22px;right:25px;font:600 .8rem Oswald,sans-serif;color:#8c918e}.service-main .service-no{color:#8fa49c}.service-icon{font:500 2.4rem Oswald,sans-serif;color:var(--wood);margin:18px 0 45px}.service h3{font:600 1.7rem Oswald,sans-serif;text-transform:uppercase;margin:0 0 15px}.service p{margin:0;color:var(--muted)}.service-main p{color:#bfcfc9}.service a{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px;margin-top:auto;font-weight:700;font-size:.88rem}.service-main a{border-color:#49645a}
.approach{display:grid;grid-template-columns:.92fr 1.08fr;background:var(--green-dark);color:#fff}.approach-image{min-height:720px;overflow:hidden}.approach-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.75) contrast(1.08)}.approach-copy{padding:90px clamp(24px,8vw,120px)}.approach h2{font-size:clamp(2.7rem,4.6vw,5rem);margin-bottom:50px}.approach ol{list-style:none;padding:0;margin:0}.approach li{display:grid;grid-template-columns:50px 1fr;gap:18px;padding:22px 0;border-top:1px solid #3e574e}.approach li>span{font:600 .85rem Oswald,sans-serif;color:var(--wood)}.approach li strong{font-size:1.08rem}.approach li p{color:#aebdb7;margin:3px 0 0}
.contact{padding:110px clamp(24px,8vw,120px);display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}.contact>div:first-child>p:last-child{max-width:550px;color:var(--muted)}.contact-box{background:#fff;box-shadow:0 25px 65px rgba(18,35,29,.12)}.contact-row{padding:24px 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e6e5e0}.contact-row:last-child{border-bottom:0}.contact-row.primary{background:var(--wood)}.contact-row span{display:flex;flex-direction:column}.contact-row small{text-transform:uppercase;letter-spacing:.15em;font-weight:700;font-size:.66rem;color:#5f6b65}.contact-row strong{font:600 1.35rem Oswald,sans-serif;margin-top:4px}.contact-row b{font-size:1.4rem}
footer{background:#0d201a;color:#9daea7;padding:38px clamp(24px,5vw,76px);display:flex;align-items:center;gap:35px;font-size:.82rem}footer .logo{margin-right:auto;color:#fff}.logo-footer .logo-mark{background:var(--wood);color:#102720}.logo-footer .logo-mark:after{border-bottom-color:#fff}.mobile-cta{display:none}
@media(max-width:960px){.header nav,.header-call{display:none}.menu{display:block}.header.open nav{display:flex;position:absolute;top:88px;left:0;right:0;background:#fff;padding:25px;flex-direction:column;border-top:1px solid #eee}.hero{grid-template-columns:1fr}.hero-panel{order:2;padding-bottom:130px}.hero-panel:after{display:none}.hero-photo{order:1;min-height:380px}.availability{left:0;right:auto}.intro-section{grid-template-columns:1fr}.vertical-label{display:none}.services{grid-template-columns:1fr}.service+.service{border-left:1px solid var(--line);border-top:0}.service{min-height:320px}.approach{grid-template-columns:1fr}.approach-image{min-height:450px}.contact{grid-template-columns:1fr}footer{flex-direction:column;align-items:flex-start;gap:8px;padding-bottom:92px}footer .logo{margin-bottom:15px}.mobile-cta{display:block;position:fixed;z-index:30;left:16px;right:16px;bottom:14px;background:var(--wood);padding:14px;text-align:center;font-weight:700;box-shadow:0 10px 30px rgba(0,0,0,.25)}}
@media(max-width:600px){.header{height:76px;padding:0 18px}.header.open nav{top:76px}.hero-photo{min-height:300px}.hero-panel{padding:58px 22px 130px}.hero h1{font-size:3.55rem}.actions{align-items:flex-start;flex-direction:column;gap:10px}.availability{padding:15px 20px}.availability strong{display:none}.intro-section,.contact{padding:76px 22px}.intro-copy h2,.approach h2,.contact h2{font-size:2.85rem}.services{padding:0 22px 76px}.service{padding:30px 25px}.approach-image{min-height:320px}.approach-copy{padding:76px 22px}.contact-row{padding:21px 20px}.contact-row strong{font-size:1.18rem}.logo>span:last-child strong{font-size:.72rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}