:root{--ink:#16211f;--forest:#173f39;--teal:#2e7167;--cream:#f5f1e9;--line:#d8dedb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fbfcfb;color:var(--ink);font-family:var(--font-geist-sans),Arial,sans-serif}a{color:inherit;text-decoration:none}p{line-height:1.7}.nav-wrap{height:88px;max-width:1240px;margin:auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--forest);color:white;font-weight:700}.brand strong,.brand small{display:block}.brand strong{font-size:15px}.brand small{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#65736f;margin-top:2px}.nav-wrap nav{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:600}.nav-wrap nav a:hover{color:var(--teal)}.nav-cta{border:1px solid var(--forest);border-radius:99px;padding:11px 19px}.hero{min-height:680px;background:var(--cream);display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center;padding:80px max(32px,calc((100vw - 1180px)/2));overflow:hidden}.hero-copy{max-width:690px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-weight:700;font-size:12px;color:var(--teal);margin:0 0 20px}.hero h1{font-family:Georgia,serif;font-weight:500;font-size:clamp(48px,5.2vw,76px);line-height:1.03;letter-spacing:-.045em;margin:0 0 28px}.intro{font-size:19px;color:#53615e;max-width:630px;margin-bottom:34px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;justify-content:center;border-radius:4px;padding:15px 23px;font-weight:700;font-size:14px;border:1px solid var(--forest);cursor:pointer}.primary{background:var(--forest);color:white}.primary:hover{background:#22584f}.secondary{background:transparent}.trust-line{display:flex;gap:24px;margin-top:40px;color:#65736f;font-size:12px;font-weight:600}.trust-line span{position:relative;padding-left:16px}.trust-line span:before{content:"";position:absolute;left:0;top:6px;width:6px;height:6px;background:var(--teal);border-radius:50%}.portrait-wrap{position:relative}.portrait-placeholder{height:535px;border-radius:180px 180px 8px 8px;background:linear-gradient(150deg,#d6e3df,#9bb7b0);display:flex;align-items:flex-end;justify-content:center;color:rgba(23,63,57,.55);font:500 42px/1 Georgia,serif;text-align:center;padding-bottom:64px}.portrait-wrap:before{content:"";position:absolute;width:150px;height:150px;border:1px solid #b2c9c3;border-radius:50%;top:-42px;right:-48px}.availability{position:absolute;bottom:30px;left:-40px;background:white;padding:15px 18px;box-shadow:0 12px 30px #173f3920;font-size:12px;font-weight:650;max-width:250px}.dot{display:inline-block;width:8px;height:8px;background:#4fa773;border-radius:50%;margin-right:9px}.statement{background:var(--forest);color:white;padding:48px 32px;text-align:center}.statement p{font-family:Georgia,serif;font-size:clamp(21px,2.4vw,31px);max-width:970px;margin:auto;line-height:1.45}.section{max-width:1180px;margin:auto;padding:120px 32px}.section-heading{max-width:750px}.section h2{font:500 clamp(37px,4vw,54px)/1.08 Georgia,serif;letter-spacing:-.035em;margin:0 0 24px}.section-heading>p:last-child,.lead{font-size:17px;color:#62706c}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:60px}.project-card{background:white;padding:38px;min-height:250px}.project-card>span{color:var(--teal);font:italic 18px Georgia,serif}.project-card h3{font:500 24px Georgia,serif;margin:28px 0 14px}.project-card p{color:#62706c;font-size:14px}.split-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:110px;border-top:1px solid var(--line)}blockquote{margin:46px 0 0;border-left:3px solid var(--teal);padding:5px 0 5px 24px;font:italic 18px/1.65 Georgia,serif;color:#41524e}.tag-groups{display:flex;flex-direction:column;gap:34px}.tag-group{border-bottom:1px solid var(--line);padding-bottom:28px}.tag-group h3{font-size:12px;text-transform:uppercase;letter-spacing:.17em;color:#6f7c78;margin:0 0 15px}.tag-group>div{display:flex;flex-wrap:wrap;gap:9px}.tag-group span{border:1px solid #cbd5d1;padding:9px 13px;border-radius:99px;font-size:13px;background:#fff}.approach{max-width:none;background:var(--forest);color:white;padding-left:max(32px,calc((100vw - 1180px)/2));padding-right:max(32px,calc((100vw - 1180px)/2))}.light{color:#96c5bb}.approach-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ffffff30;margin-top:55px}.approach-grid article{background:var(--forest);padding:34px}.approach-grid strong{color:#96c5bb;font:italic 17px Georgia,serif}.approach-grid h3{font:500 23px Georgia,serif;margin:30px 0 12px}.approach-grid p{font-size:14px;color:#c9d7d4}.affinity{border-top:1px solid #ffffff30;margin-top:60px;padding-top:28px;display:flex;flex-wrap:wrap;align-items:center;gap:12px}.affinity span{margin-right:15px;color:#a9beb9;font-size:12px;text-transform:uppercase;letter-spacing:.14em}.affinity b{font-size:12px;border:1px solid #ffffff45;border-radius:99px;padding:8px 12px}.contact{display:grid;grid-template-columns:.85fr 1.15fr;gap:120px}.contact-copy>p{color:#62706c}.contact-copy>a{display:block;color:var(--teal);font-weight:700;margin-top:13px}.contact form{background:var(--cream);padding:36px}.contact label{display:block;font-size:12px;font-weight:700;margin-bottom:18px}.contact input,.contact textarea{display:block;width:100%;border:0;border-bottom:1px solid #9daca7;background:transparent;padding:12px 0;font:14px var(--font-geist-sans);outline:none}.contact input:focus,.contact textarea:focus{border-color:var(--teal)}.contact textarea{resize:vertical}.contact button{margin-top:8px}.form-note{font-size:12px;color:#55645f;margin-bottom:0}footer{border-top:1px solid var(--line);max-width:1180px;margin:auto;padding:38px 32px;display:flex;align-items:center;justify-content:space-between;color:#687672;font-size:12px}footer .brand{color:var(--ink)}
@media(max-width:820px){.nav-wrap{height:72px;padding:0 20px}.nav-wrap nav a:not(.nav-cta){display:none}.hero{grid-template-columns:1fr;padding:60px 22px;gap:45px}.hero h1{font-size:48px}.trust-line{flex-direction:column;gap:10px}.portrait-placeholder{height:430px}.availability{left:12px}.section{padding:80px 22px}.project-grid,.split-section,.approach-grid,.contact{grid-template-columns:1fr}.split-section,.contact{gap:55px}.approach{padding-left:22px;padding-right:22px}.affinity{align-items:flex-start;flex-direction:column}.contact form{padding:26px}.portrait-wrap:before{display:none}footer{flex-direction:column;gap:20px;text-align:center}.statement{padding:38px 22px}}
@media(max-width:480px){.hero h1{font-size:42px}.hero-actions .button{width:100%}.nav-cta{padding:10px 14px}.brand strong{font-size:13px}.portrait-placeholder{height:380px}.project-card{padding:28px}.section h2{font-size:38px}}

/* Huisstijl Van Roosmalen IT Management */
:root{--ink:#343434;--forest:#244e83;--teal:#416f9f;--cream:#f3f5f8;--line:#d8dde5}
.brand img{display:block;width:270px;max-height:58px;object-fit:contain;object-position:left center}
.portrait{display:block;width:100%;height:535px;border-radius:180px 180px 8px 8px;object-fit:cover;object-position:center 20%;background:#dbe2ea}
.presentation{position:relative;min-height:560px;display:grid;align-items:end;overflow:hidden;background:#173554;color:white}
.presentation>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;filter:saturate(.82) contrast(.96)}
.presentation:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,39,68,.1) 25%,rgba(16,39,68,.86) 72%,rgba(16,39,68,.94))}
.presentation-copy{position:relative;z-index:1;width:min(520px,calc(100% - 44px));margin:0 max(32px,calc((100vw - 1180px)/2)) 70px auto}
.presentation h2{font:500 clamp(36px,4vw,55px)/1.08 Georgia,serif;letter-spacing:-.035em;margin:0 0 22px}.presentation p:last-child{color:#e1e8ef;font-size:17px}
footer .brand img{width:210px;max-height:58px}
.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:54px}.role-grid article{border-top:3px solid var(--teal);background:var(--cream);padding:32px}.role-grid span{font:italic 17px Georgia,serif;color:var(--teal)}.role-grid h3,.experience-grid h3,.career-list h3{font:500 22px/1.25 Georgia,serif;margin:24px 0 12px}.role-grid p,.experience-grid p,.career-list p{font-size:14px;color:#62706c}.selected-projects{max-width:none;background:var(--cream);padding-left:max(32px,calc((100vw - 1180px)/2));padding-right:max(32px,calc((100vw - 1180px)/2))}.experience-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:58px}.experience-grid article{background:white;padding:30px 34px;min-height:190px}.experience-grid h3{margin-top:0}.career-list{margin-top:56px;border-top:1px solid var(--line)}.career-list article{display:grid;grid-template-columns:170px 1fr 1.4fr;gap:32px;align-items:start;padding:30px 0;border-bottom:1px solid var(--line)}.career-list article>div{font-size:12px;text-transform:uppercase;letter-spacing:.13em;color:var(--teal);font-weight:700}.career-list h3{margin:0}.career-list p{margin:0}.career-section{padding-top:110px}
@media(max-width:820px){.brand img{width:205px}.portrait{height:430px}.presentation{min-height:600px}.presentation:after{background:linear-gradient(0deg,rgba(16,39,68,.94),rgba(16,39,68,.12) 80%)}.presentation-copy{margin:0 22px 42px}}
@media(max-width:480px){.brand img{width:180px}.portrait{height:380px}}

@media(max-width:820px){.role-grid,.experience-grid{grid-template-columns:1fr}.career-list article{grid-template-columns:1fr;gap:10px}.selected-projects{padding-left:22px;padding-right:22px}}