/* Thema 2 — Stoer & ambachtelijk: donker, krachtig, hoekig, condensed koppen */
:root{
  --bg:#f1ece3;--surface:#faf7f1;--surface2:#e6ddcf;--ink:#1b1915;--muted:#5d564c;--line:rgba(27,25,21,.18);
  --accent2:#6f7d5c;--dark:#181613;--dark-ink:#f1ece3;--dark-muted:rgba(241,236,227,.7);
  --font-h:'Oswald','Arial Narrow',sans-serif;--font-b:'Barlow',system-ui,sans-serif;--h-weight:600;--h-tt:uppercase;--h-ls:.01em;--h-lh:1.02;
  --r:3px;--r-lg:4px;--r-btn:3px;--shadow:6px 6px 0 rgba(27,25,21,.9);--shadow-lg:10px 10px 0 rgba(27,25,21,.9);
  --map-bg:#d9cfbf;--map-road:#f1ece3;
}
body{font-size:17px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}
.h1{font-size:clamp(3rem,7.4vw,6.4rem);font-weight:700;line-height:.95}
.h2{font-size:clamp(2.3rem,4.6vw,3.9rem)}
.h3{font-size:1.35rem;letter-spacing:.02em}
.eyebrow{display:inline-block;background:var(--accent);color:var(--accent-ink);padding:6px 12px;letter-spacing:.14em;font-weight:700;font-size:.74rem}
.sec-head .h2::after,.ti-txt .h2::after{content:"";display:block;width:70px;height:6px;background:var(--accent);margin-top:18px}
.sec-head.center .h2::after{margin-inline:auto}
.btn{border:2px solid var(--ink);background:var(--accent);color:var(--accent-ink);box-shadow:4px 4px 0 var(--ink);text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-h);font-weight:600;font-size:1rem}
.btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}
.btn-ghost{background:transparent;color:var(--ink)}
.btn-ghost:hover{background:var(--ink);color:var(--bg)}
.btn-light{background:#fff;color:#1b1915;border-color:#1b1915}
.btn-ghost-light{border-color:#fff;color:#fff;box-shadow:4px 4px 0 rgba(255,255,255,.35)}
/* header donker */
.hdr{background:var(--dark);border-bottom:4px solid var(--accent)}
.hdr .logo{color:var(--dark-ink)}
.hdr-nav a{color:rgba(241,236,227,.72);text-transform:uppercase;font-family:var(--font-h);letter-spacing:.08em;font-size:.95rem}
.hdr-nav a:hover,.hdr-nav a.on{color:#fff}
.hdr-nav a.on::after{height:3px;bottom:-4px;border-radius:0}
.hdr-burger{background:transparent;border-color:rgba(255,255,255,.3)}
.hdr-burger span{background:#fff}
.hdr .hdr-cta{box-shadow:4px 4px 0 rgba(255,255,255,.25);border-color:var(--accent)}
.logo{font-size:1.45rem;letter-spacing:.04em;font-weight:700}
.logo-mark{border-radius:0;transform:rotate(-4deg);border:2px solid var(--dark-ink)}
@media (max-width:960px){.hdr-nav{background:var(--dark)}.hdr-nav a{color:#fff;border-color:rgba(255,255,255,.12)}}
/* hero */
.hero-full .hero-shade{background:linear-gradient(180deg,rgba(15,13,10,.35),rgba(15,13,10,.55) 45%,rgba(15,13,10,.93))}
.hero-full .eyebrow{color:var(--accent-ink)}
.hero-bar{background:var(--accent);color:var(--accent-ink);border-top:3px solid var(--ink);border-bottom:3px solid var(--ink)}
.hero-bar .hero-usps{color:var(--accent-ink);font-family:var(--font-h);text-transform:uppercase;letter-spacing:.08em;font-size:1rem}
.hero-bar .hero-usp .ic{color:inherit}
.hero-badge{border:3px solid var(--ink);box-shadow:var(--shadow);background:var(--accent);transform:rotate(-3deg)}
.hero-badge strong{color:var(--accent-ink);font-size:2rem}
.hero-badge span{color:var(--accent-ink);text-transform:uppercase;font-weight:700;letter-spacing:.06em;font-size:.8rem}
.arch{border-radius:0;border:3px solid var(--ink);box-shadow:var(--shadow-lg)}
.deco-circle{border-radius:0;border:0;background:repeating-linear-gradient(45deg,var(--accent) 0 10px,transparent 10px 20px);opacity:.6;right:-30px;top:-30px}
.hero-center .hero-img{border-radius:0;border:3px solid var(--ink);box-shadow:var(--shadow-lg);filter:contrast(1.06) saturate(.9)}
.blob{display:none}
/* blokken */
.sec.bg-dark{background:var(--dark)}
.sec.bg-dark .h2::after{background:var(--accent)}
.sec.bg-soft{background:var(--surface2)}
.ti-img{border:3px solid var(--ink);box-shadow:var(--shadow-lg);filter:contrast(1.05) saturate(.9)}
.bg-dark .ti-img{border-color:var(--accent);box-shadow:10px 10px 0 var(--accent)}
.ti-img2{border:3px solid var(--ink);border-radius:0}
.ti-stat{border:3px solid var(--ink);box-shadow:var(--shadow);transform:rotate(-3deg);border-radius:0}
.ti-stat strong{font-size:2.5rem}
.feat{border:2px solid var(--ink);border-radius:0;background:var(--surface);box-shadow:var(--shadow)}
.feat:hover{transform:translate(-3px,-3px);box-shadow:var(--shadow-lg)}
.bg-dark .feat{border-color:rgba(255,255,255,.2);box-shadow:none}
.feat-ic{border-radius:0;background:var(--ink);color:var(--accent)}
.bg-dark .feat-ic{background:var(--accent);color:var(--accent-ink)}
.feat-n{font-family:var(--font-h);font-size:3.4rem;font-weight:700;top:6px;right:16px;color:transparent;-webkit-text-stroke:1.5px var(--line);opacity:1}
.card{border:2px solid var(--ink);border-radius:0;box-shadow:var(--shadow)}
.card:hover{transform:translate(-3px,-3px);box-shadow:var(--shadow-lg)}
.card-media{border-bottom:2px solid var(--ink)}
.card-media img{filter:contrast(1.05) saturate(.9)}
.more{text-transform:uppercase;font-family:var(--font-h);letter-spacing:.08em}
.review{border:2px solid var(--ink);border-radius:0;box-shadow:var(--shadow)}
.bg-dark .review{border-color:rgba(255,255,255,.18);box-shadow:none}
.rv-av{border-radius:0}
.stars{color:var(--accent)}
.cta-box{border:3px solid var(--ink);box-shadow:var(--shadow-lg);background:var(--accent) repeating-linear-gradient(-45deg,transparent 0 22px,rgba(0,0,0,.06) 22px 44px)}
.cta-box.has-img{background-color:var(--dark)}
.m-img{border-radius:0;border:3px solid var(--ink);filter:grayscale(.35) contrast(1.05)}
.member:hover .m-img{filter:none}
.faq-it{border:2px solid var(--ink);border-radius:0}
.step{border:2px solid var(--ink);border-radius:0;box-shadow:var(--shadow)}
.step-n{border-radius:0;background:var(--ink);color:var(--accent);font-size:1.5rem}
.bg-dark .step{border-color:rgba(255,255,255,.2);box-shadow:none}
.bg-dark .step-n{background:var(--accent);color:var(--accent-ink)}
.stat strong{font-size:clamp(3rem,5vw,4.4rem);font-weight:700}
.sec.s-stats.bg-accent,.sec.s-stats.bg-dark{border-top:4px solid var(--ink);border-bottom:4px solid var(--ink)}
.pagehead{background:var(--dark);color:var(--dark-ink);border-bottom:6px solid var(--accent)}
.pagehead .lead{color:var(--dark-muted)}
.pagehead.has-img .ph-shade{background:linear-gradient(90deg,rgba(15,13,10,.9),rgba(15,13,10,.45))}
.gal-it{border-radius:0;border:2px solid var(--ink)}
.gal-it img{filter:contrast(1.05) saturate(.9)}
.usps-row .usp{font-family:var(--font-h);text-transform:uppercase;letter-spacing:.06em}
.sec.s-usps{background:var(--ink);color:var(--bg)}
.ftr{background:#100f0d;border-top:6px solid var(--accent)}
.ftr .logo{color:#fff}
input:not([type=checkbox]):not([type=radio]),select,textarea{border:2px solid var(--ink);border-radius:0;background:#fff}
.cform{border:3px solid var(--ink);border-radius:0;box-shadow:var(--shadow-lg)}
.ci{border:2px solid var(--ink);border-radius:0}
.ci>span{border-radius:0;background:var(--ink);color:var(--accent)}
.map-card{border:3px solid var(--ink);border-radius:0}
.chip{border-radius:0;border:2px solid var(--ink);text-transform:uppercase;font-family:var(--font-h);letter-spacing:.06em}
.big-quote{text-transform:uppercase;font-weight:700}
.tl-dot{border-radius:0;border-color:var(--ink)}
.timeline::before{background:var(--ink);width:3px}