:root{--blauw:#0e4194;--rood:#e51622;--wit:#fff;--grijs-bg:#f4f6fa;--grijs-mid:#e8eef8;--tekst:#1a2332;--tekst-2:#4a5568;--rand:#dde4f0}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Barlow',sans-serif;color:var(--tekst);background:var(--wit);overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block;height:auto}
a{text-decoration:none;color:inherit}.hero{position:relative;height:85vh;min-height:520px;display:flex;align-items:flex-end;overflow:hidden;background:linear-gradient(135deg,var(--blauw) 0%,#0a2f66 100%)}
.hero-bg-image{position:absolute;inset:0;object-fit:cover;object-position:center 20%;width:100%;height:100%}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,0.1) 0%,rgba(14,65,148,0.5) 100%)}
.hero-content{position:relative;z-index:2;max-width:1240px;margin:0 auto;padding:0 32px 60px;width:100%}
.hero-label{display:inline-block;font-size:0.7rem;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:var(--rood);margin-bottom:1rem}
.hero h1{font-size:clamp(2.2rem,5vw,3.8rem);font-weight:900;text-transform:uppercase;letter-spacing:0.03em;line-height:1.1;color:var(--wit);margin-bottom:0.5rem}
.hero-subtitle{font-size:1.2rem;font-weight:400;color:var(--grijs-mid);line-height:1.6;max-width:600px}main{max-width:1240px;margin:0 auto;padding:0 32px}.story-section{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;padding:60px 0}
.story-image{position:relative;overflow:hidden;border-radius:8px;background:var(--grijs-bg)}
.story-image img{width:100%;height:auto;display:block}
.story-content h2{font-size:1.8rem;font-weight:800;color:var(--blauw);margin-bottom:24px;line-height:1.15;text-transform:uppercase;letter-spacing:0.03em}
.story-content h3{font-size:1.1rem;font-weight:700;color:var(--tekst);margin-top:32px;margin-bottom:12px;text-transform:uppercase;letter-spacing:0.02em}
.story-content p{font-size:0.95rem;line-height:1.8;color:var(--tekst-2);margin-bottom:12px}
.story-content strong{color:var(--blauw);font-weight:600}.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.team-item{text-align:center}
.team-item img{width:100%;height:auto;border-radius:8px;background:var(--grijs-bg)}@media (max-width:768px){.hero{height:70vh;min-height:420px}.hero-content{padding:0 24px 40px}.hero h1{font-size:clamp(1.8rem,4.5vw,2.8rem)}.hero-subtitle{font-size:1rem}main{padding:0 24px}.story-section{grid-template-columns:1fr;gap:40px;padding:60px 0}.story-content h2{font-size:1.4rem}.team-grid{grid-template-columns:repeat(2,1fr) !important}}