@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#102533;--muted:#565852;--paper:#e7e3de;--white:#fff;--line:#c5bbb5;--teal:#963e2a;--bright:#4cddd3;--deep:#0b202c;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:'DM Sans',Arial,sans-serif;font-size:17px;line-height:1.62}a{color:inherit}button,input,textarea{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--teal);outline-offset:4px}.wrap{width:min(calc(100% - 48px),var(--max));margin-inline:auto}.site-header{background:rgba(231,227,222,.97);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(16px)}.header-inner{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand img{width:214px;height:auto;display:block}.nav{display:flex;align-items:center;gap:29px}.nav a{text-decoration:none;color:#344c57;font-size:14px;font-weight:700;white-space:nowrap}.nav a:hover,.nav a[aria-current=page]{color:var(--teal)}.nav .nav-cta{color:#fff;background:var(--ink);padding:11px 17px;border-radius:4px}.nav .nav-cta:hover{color:var(--white);background:var(--teal)}.menu-toggle{display:none;background:none;border:0;padding:8px;color:var(--ink);font-weight:700}.eyebrow{color:var(--teal);font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:800}.hero{background:var(--deep);color:#f5fbfa;overflow:hidden}.hero-inner{min-height:650px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:64px;padding-block:85px}.hero h1,.page-hero h1{font-family:Manrope,Arial,sans-serif;letter-spacing:-.055em;line-height:1.1;font-size:clamp(46px,5.2vw,76px);margin:19px 0 26px;font-weight:700}.hero p{font-size:20px;color:#c9d9db;max-width:620px;line-height:1.55}.hero .eyebrow{color:var(--bright)}.actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:36px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 20px;text-decoration:none;border-radius:4px;font-weight:700;font-size:15px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--bright);color:var(--deep)}.button.secondary{border:1px solid #789294;color:#fff}.button.dark{background:var(--ink);color:#fff}.button.outline{border:1px solid var(--ink)}.hero-art{position:relative;aspect-ratio:1/1;display:grid;place-items:center}.hero-art svg{width:100%;max-width:475px;height:auto}.hero-art .caption{position:absolute;bottom:3%;right:3%;font-size:12px;letter-spacing:.1em;color:#9eb8ba}.section{padding:104px 0}.section.tight{padding:72px 0}.section.alt{background:#d9d2cb}.section.dark{background:var(--deep);color:#fff}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:36px}.section-head>div{max-width:760px}h2,h3{font-family:Manrope,Arial,sans-serif;line-height:1.2;letter-spacing:-.035em}h2{font-size:clamp(33px,3.4vw,51px);margin:12px 0 18px}h3{font-size:23px;margin:10px 0 13px}p{margin:0 0 20px}.lead{font-size:20px;color:var(--muted);line-height:1.55;max-width:760px}.dark .lead{color:#bdd2d4}.text-link{color:var(--teal);font-weight:700;text-decoration:none;white-space:nowrap}.text-link:hover{text-decoration:underline}.grid{display:grid;gap:18px}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.two{grid-template-columns:repeat(2,1fr)}.card{background:#f2eee8;border:1px solid var(--line);padding:30px;min-height:235px}.card .num{color:var(--teal);font-size:13px;font-weight:800;letter-spacing:.12em}.card p{color:var(--muted);margin:0}.card a{text-decoration:none}.card a:hover{text-decoration:underline}.feature-card{border-top:3px solid var(--teal)}.statement{display:grid;grid-template-columns:.9fr 1.1fr;gap:10%;align-items:center}.statement .big-quote{font:700 clamp(32px,3.4vw,50px)/1.22 Manrope,Arial,sans-serif;letter-spacing:-.04em}.statement p{color:var(--muted);font-size:19px}.framework{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:#f2eee8}.framework>div{padding:30px;border-right:1px solid var(--line)}.framework>div:last-child{border-right:0}.framework span{display:block;color:var(--teal);font-size:13px;font-weight:800;margin-bottom:22px}.framework strong{font:700 23px Manrope,Arial,sans-serif;letter-spacing:-.04em}.framework p{font-size:15px;color:var(--muted);margin:10px 0 0}.page-hero{background:linear-gradient(115deg,#353a39,#50534e);color:#fff5eb;padding:86px 0 75px;border-bottom:1px solid var(--line)}.page-hero h1{max-width:900px;font-size:clamp(44px,4.8vw,66px);margin-bottom:20px}.page-hero .lead{max-width:800px}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.list-block{border-top:1px solid var(--line);padding:25px 0;display:grid;grid-template-columns:75px 1fr;gap:20px}.list-block:last-child{border-bottom:1px solid var(--line)}.list-block span{color:var(--teal);font-weight:800}.list-block h3{margin:0 0 9px}.list-block p{color:var(--muted);margin:0}.service{scroll-margin-top:120px}.service h2{font-size:31px}.service p{color:var(--muted)}.service .service-meta{color:var(--teal);font-weight:700;font-size:14px}.case{background:#f2eee8;border:1px solid var(--line);padding:36px}.case .tag{font-size:12px;text-transform:uppercase;letter-spacing:.16em;color:var(--teal);font-weight:800}.case h2{font-size:30px}.case dl{display:grid;grid-template-columns:108px 1fr;gap:10px 20px;font-size:15px}.case dt{font-weight:800;color:var(--ink)}.case dd{margin:0;color:var(--muted)}.note{background:#e4c6b4;padding:24px;border-left:3px solid var(--teal);color:#3b5660}.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.chip{border:1px solid #b99b8c;border-radius:100px;padding:7px 13px;font-size:14px;color:#4f514a}.article{max-width:820px}.article h2{font-size:31px;margin-top:50px}.article p,.article li{color:#3c5661}.article li{margin-bottom:10px}.contact-panel{background:var(--deep);color:#fff;padding:54px;display:grid;grid-template-columns:1.2fr .8fr;gap:70px}.contact-panel p{color:#bdd2d4}.contact-panel .button{align-self:start}.footer{background:#081a24;color:#bdd1d2;padding:58px 0 30px}.footer-inner{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:55px}.footer img{width:224px}.footer a{color:#dcebea;text-decoration:none}.footer a:hover{text-decoration:underline}.footer ul{list-style:none;padding:0;margin:0}.footer li{margin-bottom:8px}.footer h3{font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:#fff}.footer-bottom{border-top:1px solid #29424b;margin-top:48px;padding-top:22px;font-size:13px}.small{font-size:14px;color:var(--muted)}.dark .small{color:#a9c4c5}@media(max-width:900px){.nav{gap:14px}.nav a{font-size:13px}.brand img{width:180px}.hero-inner{gap:30px}.grid.three{grid-template-columns:repeat(2,1fr)}.split{gap:35px}}@media(max-width:700px){.wrap{width:min(calc(100% - 34px),var(--max))}.header-inner{min-height:74px}.brand img{width:179px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:73px;left:0;right:0;background:var(--paper);padding:20px 17px 25px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line);box-shadow:0 18px 20px #10253316}.nav.open{display:flex}.nav a{font-size:16px;padding:7px}.nav .nav-cta{text-align:center;padding:10px}.hero-inner{display:block;min-height:auto;padding:75px 0 45px}.hero h1{font-size:clamp(43px,11vw,61px)}.hero p{font-size:18px}.hero-art{max-width:440px;margin:35px auto 0}.section{padding:70px 0}.section.tight{padding:55px 0}.section-head{display:block}.section-head .text-link{display:inline-block;margin-top:12px}.grid.three,.grid.two,.split,.statement,.contact-panel,.footer-inner{grid-template-columns:1fr}.framework{grid-template-columns:repeat(2,1fr)}.framework>div:nth-child(2){border-right:0}.framework>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.card{min-height:0}.page-hero{padding:66px 0 58px}.page-hero h1{font-size:clamp(40px,10vw,56px)}.contact-panel{padding:32px;gap:10px}.footer-inner{gap:25px}.case{padding:26px}.case dl{grid-template-columns:1fr;gap:2px}.case dd{margin-bottom:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

.contact-details{display:grid;gap:8px;font-style:normal;margin-top:24px}.contact-details a{color:#82e9df;font-weight:700;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}.contact-details a:hover{color:#fff}

/* Heldere nachtblauwe oppervlakken */
:root{--deep:#1c3d6b;--bright:#8ed2ff}
.hero{background:radial-gradient(circle at 78% 42%,#315b92 0%,#244978 36%,#193960 76%);color:#f7fbff}
.hero p{color:#e1edfb}.hero .eyebrow{color:#a9e2ff}
.button.primary{background:#9cddff;color:#14345e}.button.primary:hover{background:#c1ecff}
.button.secondary{border-color:#a8c9eb;color:#f7fbff}.button.secondary:hover{background:#ffffff1a}
.section.dark{background:linear-gradient(120deg,#244a7c,#18375e);color:#f7fbff}
.dark .lead,.dark .small{color:#dbeafa}
.contact-panel{background:linear-gradient(135deg,#285187,#1c3d6b);box-shadow:0 22px 52px #173b6520}
.contact-panel p{color:#e0ecf9}.contact-details a{color:#b5e8ff}.contact-details a:hover{color:#fff}
.footer{background:#18345a;color:#d9e8f6}.footer a{color:#eff6ff}.footer-bottom{border-color:#52739c}
@media(max-width:700px){.hero{background:linear-gradient(160deg,#244b7e,#193960)}}

/* Warm antraciet en warme minerale vlakken */
.page-hero{border-bottom:5px solid #df7954}
.page-hero .eyebrow{color:#ffbd91}.page-hero .lead{color:#e7e4dd}
.card,.case{box-shadow:0 8px 24px #353a3909}
.feature-card:nth-child(3n+1){border-top-color:#a84930}
.feature-card:nth-child(3n+2){border-top-color:#65706b}
.feature-card:nth-child(3n){border-top-color:#a47720}
.framework>div:nth-child(2n){background:#e9dfd6}
.chip{background:#ece0d5}
.article p,.article li,.note{color:#4e514c}