:root{--ink:#20272b;--muted:#5d676e;--accent:#c7674d;--paper:#fff;--wash:#f6f4f1;--line:#e7e4df}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.7 Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper)}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}.wrap{max-width:1160px;margin:auto;padding:0 28px}.top{border-bottom:1px solid var(--line);background:white;position:sticky;top:0;z-index:20}.nav{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:86px}.brand{display:flex;align-items:center;gap:11px;font-size:27px;font-weight:800;letter-spacing:.03em;color:#ba6954}.brand img{width:58px;height:58px;object-fit:cover;object-position:left center;border-radius:4px}.brand small{font-size:10px;letter-spacing:.15em;display:block;line-height:1;color:#ae6b59}.links{display:flex;align-items:center;gap:22px;font-size:13px;font-weight:700}.links a{white-space:nowrap}.btn{display:inline-block;padding:13px 21px;border-radius:5px;background:var(--accent);color:white;font-weight:700;font-size:14px}.btn:hover{background:#a9513b;color:white}.btn.outline{background:white;color:var(--ink);border:1px solid #cfc9c2}.hero{background:linear-gradient(120deg,#faf9f7,#f3f0eb);padding:70px 0 68px}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:55px}.eyebrow{color:#ac604d;text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:.17em;margin:0 0 15px}.hero h1{font-size:clamp(38px,4.1vw,58px);line-height:1.12;letter-spacing:-.035em;margin:0 0 22px;max-width:670px}.hero .lead{font-size:18px;color:#515b60;max-width:580px;margin:0 0 24px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:27px}.hero-image{width:100%;height:360px;object-fit:cover;border-radius:10px;box-shadow:0 18px 50px #1d29251c}.photo-caption{font-size:12px;color:#667078;margin:8px 0 0}.section{padding:72px 0}.section.soft{background:var(--wash)}.section h2{font-size:clamp(29px,3vw,39px);line-height:1.2;letter-spacing:-.025em;margin:0 0 17px}.section .intro{max-width:800px;color:var(--muted);font-size:17px;margin:0 0 30px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.card{background:white;border:1px solid var(--line);border-radius:10px;padding:28px;box-shadow:0 8px 25px #19222208}.card .number{color:var(--accent);font-weight:800;font-size:12px;letter-spacing:.1em}.card h3{font-size:21px;line-height:1.28;margin:10px 0}.card p{margin:0;color:var(--muted);font-size:15px}.split{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start}.split p{color:var(--muted);margin-top:0}.points{padding:0;margin:15px 0 0;list-style:none}.points li{padding:11px 0 11px 28px;border-bottom:1px solid var(--line);position:relative}.points li:before{content:'✓';color:var(--accent);font-weight:900;position:absolute;left:0}.process{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.process h3{margin:6px 0;font-size:19px}.process p{color:var(--muted);margin:0}.note{background:#fff8f5;border-left:3px solid var(--accent);padding:22px 27px;color:#596065;border-radius:3px}.cta{background:#293137;color:#fff;padding:56px 0}.cta .wrap{display:flex;justify-content:space-between;align-items:center;gap:25px}.cta h2{font-size:31px;margin:0 0 7px}.cta p{color:#d7dfe0;margin:0}.footer{background:#1f2529;color:#bfc8cc;padding:26px 0;font-size:13px}.footer a{color:white}.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.pillar{padding:23px;background:white;border:1px solid var(--line);border-radius:8px}.pillar strong{display:block;font-size:18px}.pillar p{margin:5px 0;color:var(--muted);font-size:14px}.pillar span{color:var(--accent);font-weight:bold;font-size:13px}.quiet{font-size:13px;color:var(--muted)}@media(max-width:900px){.hero-grid,.split{grid-template-columns:1fr;gap:26px}.cards,.pillars{grid-template-columns:1fr 1fr}.links{gap:12px;flex-wrap:wrap;justify-content:flex-end}.nav{align-items:flex-start;padding-top:15px;padding-bottom:15px}.hero{padding:44px 0}.hero-image{height:290px}}@media(max-width:600px){.wrap{padding:0 20px}.links{font-size:11px}.brand{font-size:19px}.brand img{width:42px;height:42px}.hero h1{font-size:38px}.cards,.pillars,.process{grid-template-columns:1fr}.section{padding:48px 0}.cta .wrap{display:block}.cta .btn{margin-top:20px}}

/* Final review refinements */
.nav .links{gap:15px}.nav .links>a,.nav .dropdown>summary{font-size:12px}.dropdown{position:relative}.dropdown summary{list-style:none;cursor:pointer;font-weight:700;white-space:nowrap}.dropdown summary::-webkit-details-marker{display:none}.dropdown summary:after{content:' ▾';color:#b7634e}.dropdown-menu{display:grid;position:absolute;right:0;top:calc(100% + 14px);width:290px;padding:10px;background:white;border:1px solid var(--line);box-shadow:0 15px 30px #2222;border-radius:7px;z-index:25;max-height:65vh;overflow:auto}.dropdown-menu a{font-size:13px;display:block;padding:7px 9px;white-space:normal}.dropdown-menu a:hover{background:#faf4f1}.dropdown-menu .new{font-weight:800;color:#a9513b}.brand img{object-fit:contain;width:105px;height:64px;border-radius:0}.brand span{display:none}.service-hero h1{font-size:clamp(35px,3.5vw,49px);overflow-wrap:anywhere}.service-hero .hero-grid{grid-template-columns:1fr 1fr;gap:42px}.service-hero .hero-image{height:400px}.all-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:30px}.service-link{display:block;padding:18px 22px;border:1px solid var(--line);border-radius:8px;background:#fff;font-weight:700}.service-link small{display:block;font-size:13px;font-weight:400;color:var(--muted)}@media(max-width:900px){.nav{flex-wrap:wrap}.links{justify-content:flex-start}.service-hero .hero-grid{grid-template-columns:1fr}.all-services{grid-template-columns:1fr}}@media(max-width:600px){.brand img{width:85px;height:50px}.nav .links{gap:10px}.dropdown-menu{left:0;right:auto;width:min(290px,90vw)}.service-hero .hero-image{height:260px}}

/* Typografische correcties 14 oktober 2026: leesbare navigatie en bovenkoppen */
@media (min-width: 901px) {
  .nav .links { gap: 16px; }
  .nav .links > a, .nav .dropdown > summary { font-size: 14px; line-height: 1.45; }
}
.eyebrow { font-size: 13px; letter-spacing: .14em; }
.service-hero h1 { overflow-wrap: normal; word-break: normal; hyphens: none; font-size: clamp(38px, 3.5vw, 49px); }
@media (max-width: 900px) { .nav .links > a, .nav .dropdown > summary { font-size: 13px; } }
@media (max-width: 600px) { .service-hero h1 { font-size: clamp(33px, 9vw, 42px); } .eyebrow { font-size: 12px; } }

/* Definitieve kleine kopcorrectie */
.section h2.compact-heading{font-size:clamp(27px,2.55vw,34px);line-height:1.25;}