:root{--navy:#102743;--blue:#1454be;--paper:#fff;--muted:#4e6074;--line:#d7e1eb;--soft:#eff4fa;--accent:#85bfff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--navy);font:17px/1.7 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-underline-offset:4px}a:hover{color:var(--blue)}a:focus-visible{outline:3px solid #e9a931;outline-offset:5px}header,main,footer{max-width:1200px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:27px 44px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:15px;align-items:center;font-size:25px;font-weight:800;text-decoration:none;letter-spacing:-1px}.brand span{font-size:16px;font-weight:600;letter-spacing:0;border-left:1px solid var(--line);padding-left:15px}nav{display:flex;gap:27px;font-size:15px;font-weight:600}nav a{text-decoration:none}.hero{display:grid;grid-template-columns:1.25fr 1fr;gap:65px;padding:72px 44px 65px;align-items:center}.eyebrow{font-size:13px;letter-spacing:1.8px;font-weight:700;color:var(--blue);margin:0 0 20px}h1{font-size:62px;letter-spacing:-3px;line-height:1.06;margin:0 0 25px}h1 span{display:block;font-size:35px;line-height:1.25;letter-spacing:-1px;margin-top:23px;font-weight:500}h2{font-size:37px;letter-spacing:-1.4px;line-height:1.2;margin:0 0 27px}h3{font-size:21px;line-height:1.35;margin:0 0 12px;letter-spacing:-.35px}p{margin:0 0 17px}.lead{font-size:19px;color:var(--muted);max-width:550px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}.button{background:var(--blue);color:white;text-decoration:none;padding:12px 20px;font-size:15px;font-weight:650;border:1px solid var(--blue);border-radius:5px}.button:hover{background:var(--navy);color:white}.secondary{background:white;color:var(--navy);border-color:var(--line)}.secondary:hover{background:var(--soft);color:var(--navy)}.current{font-size:14px;color:var(--muted);line-height:1.5}.current strong{color:var(--navy);font-weight:600}.portrait{background:var(--navy);border-radius:6px;overflow:hidden;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.portrait img{display:block;width:100%;height:auto;aspect-ratio:1.18;object-fit:cover;object-position:center}.portrait-caption{padding:28px 30px;color:white}.portrait-caption span{font-size:12px;letter-spacing:1.7px;color:var(--accent);font-weight:700}.portrait-caption p{font-size:25px;line-height:1.3;margin:12px 0 0;font-weight:500}.section{padding:68px 44px;border-top:1px solid var(--line)}.about{background:var(--soft);display:grid;grid-template-columns:1fr 1.45fr;gap:65px}.about p:last-child{margin-bottom:0}.section-heading{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:30px}.section-heading>p{font-size:15px;color:var(--muted)}.job{display:grid;grid-template-columns:210px 1fr;padding:30px 0;border-top:1px solid var(--line);gap:30px}.date{font-size:14px;font-weight:700;color:var(--blue);letter-spacing:1px;padding-top:3px}.organisation{font-size:16px;color:var(--muted)}ul{margin:20px 0 0;padding-left:20px}li{margin-bottom:8px}.knowledge{display:grid;grid-template-columns:1fr 1fr;gap:65px;margin-top:35px}.credentials{list-style:none;padding:0;margin:20px 0}.credentials li{border-bottom:1px solid var(--line);padding:12px 0}.credentials strong{display:block;font-size:16px;font-weight:600}.credentials span{display:block;font-size:14px;color:var(--muted)}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:23px}.tags span{background:var(--soft);border:1px solid var(--line);padding:7px 10px;border-radius:4px;font-size:14px}.strengths{margin-top:40px;border-left:4px solid var(--blue);padding:5px 0 5px 22px}.strengths p{margin-bottom:0;color:var(--muted)}.projects{display:grid;grid-template-columns:1fr 1.3fr;gap:65px;background:var(--navy);color:white}.projects .eyebrow{color:var(--accent)}.projects p{color:#d0deef}.project-list article{display:flex;gap:23px;margin-bottom:28px}.project-list article:last-child{margin-bottom:0}.project-list article>span{color:var(--accent);font-size:14px;line-height:2}.project-list p{font-size:16px;margin-bottom:0}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:16px}th,td{padding:15px 17px;border-bottom:1px solid var(--line)}thead{background:var(--soft);font-size:14px}tbody th{font-weight:600}.contact{display:grid;grid-template-columns:1fr 250px;gap:65px;align-items:center;background:var(--soft)}.contact-links{display:flex;flex-direction:column;gap:8px;font-size:21px;font-weight:600;margin:24px 0}.references{font-size:14px;color:var(--muted)}.qr{background:white;padding:22px;text-align:center;border:1px solid var(--line);border-radius:6px}.qr img{display:block;width:100%;height:auto;margin:0 auto 12px}.qr strong,.qr span,.qr a{display:block}.qr strong{font-size:15px}.qr span{font-size:14px;color:var(--muted)}.qr a{font-size:14px;margin-top:13px}footer{padding:28px 44px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;font-size:13px;color:var(--muted)}.skip{position:absolute;left:15px;top:-100px;background:white;padding:12px;z-index:5}.skip:focus{top:15px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:900px){.hero{gap:30px}h1{font-size:48px}h1 span{font-size:29px}.about,.projects,.knowledge{gap:35px}.job{grid-template-columns:170px 1fr}.section-heading{display:block}.section-heading>p br{display:none}}@media(max-width:650px){header{padding:21px 22px;gap:20px;flex-wrap:wrap}nav{gap:22px;font-size:14px}.hero{grid-template-columns:1fr;padding:40px 22px;gap:25px}h1{font-size:47px;letter-spacing:-2px}h1 span{font-size:29px}h2{font-size:30px}.lead{font-size:17px}.portrait{max-width:400px;width:100%;margin:auto}.portrait img{aspect-ratio:1.5;object-position:50% 20%}.portrait-caption{padding:23px}.portrait-caption p{font-size:22px}.section{padding:42px 22px}.about,.projects,.knowledge,.contact{grid-template-columns:1fr;gap:25px}.job{grid-template-columns:1fr;gap:10px}.knowledge{margin-top:25px}.qr{max-width:250px;width:100%;justify-self:center}.contact-links{font-size:18px;overflow-wrap:anywhere}th,td{padding:12px 10px;font-size:14px}footer{padding:25px 22px}.eyebrow{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{header,nav,.actions,.qr,footer,.portrait{display:none}.hero,.section{display:block;padding:15px 0;background:white;color:black;border:0}.projects p,.eyebrow{color:black}.job{padding:15px 0}h1{font-size:32px}h1 span,h2{font-size:24px}body{font-size:11pt}.contact-links{font-size:14pt}a{text-decoration:none}.section,.job{break-inside:avoid}}

/* Kleurrijke persoonlijke stijl */
:root{--blue:#0755ad;--accent:#9ceef4;--soft:#edf6ff}
body{background:#f3f7fd}main{background:white;box-shadow:0 18px 70px #163b6710}
header{background:white;border-top:5px solid #087cb3}.brand{color:#0755ad}
.hero{background:linear-gradient(125deg,#edf7ff 0%,#ffffff 50%,#eeeaff 100%)}
.hero h1{color:#144dab}.hero h1 span{color:var(--navy)}
.button{background:linear-gradient(115deg,#0755ad,#096f89);border-color:#0755ad;border-radius:10px}
.button.secondary{background:white;color:var(--navy);border-color:#acbdd5}
.portrait{border-radius:20px;box-shadow:0 16px 34px #10274324;border:5px solid white}
.portrait img{aspect-ratio:auto;object-fit:contain;height:auto}
.portrait-caption{background:linear-gradient(125deg,#0755ad,#4a2688)}
.illustration{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:center;background:linear-gradient(130deg,#e9f7ff,#f3edff)}
.illustration-image{display:block;line-height:0;border-radius:20px;overflow:hidden;box-shadow:0 16px 38px #163b6724}
.illustration img{display:block;width:100%;height:auto}
.about{background:#eaf8fa}.experience{border-top:5px solid #13a4aa}
.knowledge article{padding:25px;background:#f2f5ff;border-radius:16px;border-top:4px solid #7954cf}
.tags span{background:white}.projects{background:linear-gradient(125deg,#103b74,#382267)}
.languages{border-top:5px solid #7954cf}.contact{background:linear-gradient(125deg,#eaf8fa,#edf2ff)}
.qr{border-radius:18px}footer{background:white}
@media(max-width:650px){.illustration{grid-template-columns:1fr;gap:25px}.portrait img{aspect-ratio:auto}.knowledge article{padding:20px}}
@media print{.illustration{display:none}body,main,.hero{background:white;box-shadow:none}}