:root{--paper:#f7f8f5;--ink:#252e28;--muted:#606960;--line:#dce1d9;--green:#315e45;--green-light:#edf2eb;--serif:Georgia, "Times New Roman", serif;--sans:"Helvetica Neue", "Segoe UI", Arial, sans-serif}*{box-sizing:border-box}html{background:var(--paper);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;scroll-behavior:smooth;scrollbar-gutter:stable}body{min-width:320px;color:var(--ink);background:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.65}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-underline-offset:5px}button{color:inherit}svg{display:block}p,h1,h2,h3{margin:0}::selection{color:#193224;background:#d8e5d5}:focus-visible{outline:2px solid var(--green);outline-offset:5px}[id]{scroll-margin-top:36px}.cv-shell{width:min(1120px,100% - 100px);margin-inline:auto}.cv-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--green);color:#fff;border-radius:5px;padding:10px 16px;position:fixed;top:12px;left:12px;transform:translateY(-180%)}.skip-link:focus{transform:none}.cv-header{border-bottom:1px solid var(--line);align-items:center;gap:32px;min-height:112px;display:flex}.cv-brand{letter-spacing:-.01em;align-items:center;gap:13px;font-size:13px;font-weight:600;text-decoration:none;display:flex}.cv-monogram{background:var(--green);width:38px;height:40px;color:var(--paper);font-family:var(--serif);border-radius:10px 10px 10px 2px;place-items:center;padding:0 3px 4px 0;font-size:31px;font-style:italic;line-height:1;display:grid}.cv-header nav{align-items:center;gap:30px;margin-left:auto;display:flex}.cv-header nav a{color:var(--muted);padding-block:10px;font-size:13px;text-decoration:none;transition:color .16s}.cv-header nav a:hover{color:var(--green);text-decoration:underline}.cv-print{cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #ccd3c9;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:6px 13px;font-size:12px;font-weight:550;transition:background .16s,border-color .16s;display:inline-flex}.cv-print:hover{background:#eaf0e7;border-color:#aebfae}.cv-print svg{stroke:currentColor;stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.cv-intro{grid-template-columns:1.2fr 1fr;column-gap:90px;padding-top:74px;display:grid}.cv-eyebrow{color:var(--green);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:600}.cv-intro h1{font-family:var(--serif);letter-spacing:-.068em;margin-top:20px;font-size:clamp(62px,7vw,88px);font-weight:400;line-height:1.07}.cv-intro h1 span{display:block}.cv-role{letter-spacing:-.025em;margin-top:23px;font-size:17px}.cv-specialism{color:var(--green);margin-top:5px;font-size:12px}.cv-intro-copy{align-self:center;padding-top:28px}.cv-intro-lead{letter-spacing:-.035em;font-size:28px;line-height:1.4}.cv-intro-lead em{color:var(--green);font-family:var(--serif);font-size:31px;font-weight:400}.cv-intro-copy>p+p{max-width:390px;color:var(--muted);margin-top:21px;font-size:15px;line-height:1.8}.cv-text-link{width:fit-content;min-height:40px;color:var(--green);align-items:center;gap:12px;font-size:13px;font-weight:550;text-decoration:none;display:inline-flex}.cv-text-link:hover{text-decoration:underline}.cv-text-link svg,.cv-now svg{stroke:currentColor;stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:17px;height:17px}.cv-intro-copy .cv-text-link{margin-top:14px}.cv-intro-footer{border-bottom:1px solid var(--line);color:var(--muted);flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;gap:10px 30px;margin-top:58px;padding-block:22px;font-size:12px;display:flex}.cv-intro-footer>span{align-items:center;gap:9px;display:inline-flex}.cv-intro-footer i,.cv-project-status i{background:#54794f;border-radius:50%;flex:none;width:6px;height:6px}.cv-section{border-bottom:1px solid var(--line);grid-template-columns:210px minmax(0,1fr);gap:56px;padding-block:62px;display:grid}.cv-section-heading h2{letter-spacing:-.035em;font-size:18px;font-weight:550}.cv-section-heading p{max-width:180px;color:var(--muted);margin-top:10px;font-size:12px;line-height:1.7}.cv-current-role{background:#fcfdfb;border:1px solid #d4dfd1;border-radius:10px;padding:28px 30px 0}.cv-job-topline{justify-content:space-between;align-items:center;gap:15px;display:flex}.cv-company{font-size:13px;font-weight:550}.cv-current-label{background:var(--green-light);color:var(--green);white-space:nowrap;border-radius:4px;padding:3px 9px;font-size:10px}.cv-current-role h3{letter-spacing:-.04em;margin-top:10px;font-size:24px;font-weight:500;line-height:1.35}.cv-job-summary{color:var(--muted);margin-top:15px;font-size:14px;line-height:1.85}.cv-scope{border-top:1px solid #e4e9e1;border-bottom:1px solid #e4e9e1;align-items:center;gap:18px;margin-top:22px;padding:17px 0;display:flex}.cv-scope strong{color:var(--green);font-family:var(--serif);letter-spacing:-.06em;font-size:44px;font-weight:400;line-height:1}.cv-scope>span{font-size:12px;line-height:1.6}.cv-responsibilities{color:#4e5a4e;gap:6px;margin:21px 0 23px;padding-left:15px;font-size:13px;line-height:1.7;display:grid}.cv-responsibilities li{padding-left:4px}.cv-responsibilities li::marker{color:#789271;font-size:9px}.cv-role-details{border-top:1px solid #e4e9e1}.cv-role-details summary{min-height:52px;color:var(--green);cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding-block:11px;font-size:12px;list-style:none;display:flex}.cv-role-details summary::-webkit-details-marker{display:none}.cv-role-details summary>span{font-size:20px;font-weight:300;line-height:1}.cv-role-details[open] summary>span{transform:rotate(45deg)}.cv-role-details>div{padding:3px 0 24px}.cv-role-details p{color:var(--muted);font-size:13px;line-height:1.8}.cv-role-details p+p{margin-top:12px}.cv-previous-roles{padding-inline:2px}.cv-previous-role{padding-block:27px}.cv-previous-role+.cv-previous-role{border-top:1px solid var(--line)}.cv-previous-role:last-child{padding-bottom:0}.cv-previous-role h3{letter-spacing:-.035em;margin-top:5px;font-size:19px;font-weight:500}.cv-previous-role>p{max-width:650px;color:var(--muted);margin-top:10px;font-size:14px;line-height:1.8}.cv-period{color:var(--muted);white-space:nowrap;font-size:11px}.cv-ai-headline{font-family:var(--serif);letter-spacing:-.035em;font-size:29px;line-height:1.35}.cv-ai-introduction,.cv-ai-approach{max-width:710px;color:var(--muted);margin-top:17px;font-size:14px;line-height:1.85}.cv-ai-capabilities{grid-template-columns:1fr 1fr;gap:24px 32px;margin:26px 0 0;display:grid}.cv-ai-capabilities>div{border-top:1px solid var(--line);padding-top:16px}.cv-ai-capabilities dt{font-size:13px;font-weight:550}.cv-ai-capabilities dd{color:var(--muted);margin:8px 0 0;font-size:13px;line-height:1.8}.cv-ai-approach{margin-top:25px}.cv-ai-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px;margin-top:22px;display:flex}.cv-ai-footer>p{color:var(--muted);font-size:11px}.cv-ai-footer>p>span{color:var(--ink);margin-left:8px}.cv-project-grid{grid-template-columns:1fr 1fr;align-items:start;gap:28px;display:grid}.cv-project{min-width:0}.cv-project-art{aspect-ratio:1200/630;background:#efeee7;border:1px solid #e1e4db;margin-bottom:20px}.cv-project-art img{object-fit:cover;width:100%;height:100%;display:block}.cv-lensdesk-art{color:#5f7869;background:#e8eee7;place-items:center;height:100%;display:grid}.cv-lensdesk-art svg{width:100%;height:100%}.cv-project-topline{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;font-size:10px;display:flex}.cv-project-status{color:var(--green);align-items:center;gap:6px;display:inline-flex}.cv-project-status i{width:5px;height:5px}.cv-project h3{letter-spacing:-.045em;margin-top:9px;font-size:22px;font-weight:500}.cv-project-description{color:var(--muted);margin-top:10px;font-size:13px;line-height:1.85}.cv-project .cv-text-link{margin-top:10px}.cv-project-note{color:var(--muted);margin-top:20px;font-size:11px}.cv-print-url{display:none}.cv-skills{grid-template-columns:1fr 1fr;gap:31px 38px;display:grid}.cv-skill-group h3{font-size:13px;font-weight:550}.cv-skill-group ul{color:var(--muted);flex-wrap:wrap;gap:5px 0;margin:10px 0 0;padding:0;font-size:12px;line-height:1.8;list-style:none;display:flex}.cv-skill-group li:not(:last-child):after{content:" / ";color:#b0b8aa;padding-inline:7px}.cv-about{max-width:650px}.cv-about-lead{font-family:var(--serif);letter-spacing:-.035em;font-size:26px;line-height:1.45}.cv-about>p:not(:first-child){color:var(--muted);margin-top:17px;font-size:14px;line-height:1.85}.cv-now{flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:27px;font-size:12px;display:flex}.cv-now>span{color:var(--muted)}.cv-now>a{min-height:34px;color:var(--green);align-items:center;gap:8px;text-decoration:none;display:inline-flex}.cv-now>a:hover{text-decoration:underline}.cv-contact{grid-template-columns:1.1fr 1fr;column-gap:80px;padding-top:64px;display:grid}.cv-contact h2{font-family:var(--serif);letter-spacing:-.045em;margin-top:17px;font-size:37px;font-weight:400;line-height:1.2}.cv-contact-copy>p:last-child{max-width:340px;color:var(--muted);margin-top:17px;font-size:13px;line-height:1.8}.cv-contact-links{align-self:end;padding-bottom:7px}.cv-contact-link{border-bottom:1px solid #cbd4c6;justify-content:space-between;align-items:center;gap:20px;min-height:56px;font-size:16px;text-decoration:none;display:flex}.cv-contact-link:hover{color:var(--green);border-color:var(--green)}.cv-contact-link svg{stroke:currentColor;stroke-width:1.25px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}.cv-contact-location{color:var(--muted);margin-top:20px;font-size:11px;display:block}.cv-footer-line{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;gap:16px 30px;margin-top:62px;padding-block:24px;font-size:10px;display:flex}.cv-footer-line a{text-decoration:none}.cv-footer-line a:hover{color:var(--green);text-decoration:underline}@media (min-width:1500px){.cv-shell{width:min(1240px,100% - 140px)}.cv-intro{grid-template-columns:1.25fr 1fr;column-gap:110px}.cv-intro h1{font-size:94px}.cv-section{grid-template-columns:240px minmax(0,1fr);gap:70px}}@media (max-width:950px){.cv-shell{width:calc(100% - 64px)}.cv-intro{gap:0 45px;padding-top:58px}.cv-intro h1{font-size:67px}.cv-section{grid-template-columns:160px minmax(0,1fr);gap:32px}.cv-current-role{padding-inline:23px}.cv-current-role h3{font-size:23px}.cv-project-grid{gap:20px}.cv-contact{gap:0 45px}}@media (max-width:720px){.cv-shell{width:calc(100% - 44px)}.cv-header{border-bottom:none;flex-wrap:wrap;gap:0;min-height:0;padding-top:24px}.cv-brand{gap:10px;font-size:12px}.cv-monogram{width:33px;height:35px;font-size:28px}.cv-print{min-height:36px;margin-left:auto;font-size:11px}.cv-header nav{border-block:1px solid var(--line);order:3;gap:clamp(16px,5vw,29px);width:100%;margin-top:20px;padding-block:7px}.cv-header nav a{min-height:40px;font-size:12px}.cv-intro{grid-template-columns:1fr;padding-top:39px}.cv-eyebrow{letter-spacing:.1em;font-size:10px}.cv-intro h1{margin-top:16px;font-size:clamp(59px,12.5vw,82px)}.cv-role{margin-top:18px;font-size:16px}.cv-intro-copy{padding-top:29px}.cv-intro-lead{font-size:23px}.cv-intro-lead br{display:none}.cv-intro-lead em{font-size:25px}.cv-intro-copy>p+p{max-width:520px;margin-top:14px;font-size:14px;line-height:1.85}.cv-intro-copy .cv-text-link{margin-top:12px}.cv-intro-footer{gap:8px 25px;margin-top:27px;padding-block:19px;font-size:10px}.cv-section{grid-template-columns:1fr;gap:25px;padding-block:36px}.cv-section-heading h2{font-size:20px}.cv-section-heading p{max-width:310px;margin-top:5px}.cv-current-role{padding:23px 20px 0}.cv-company{font-size:12px}.cv-current-role h3{font-size:23px}.cv-current-label{font-size:9px}.cv-job-summary{font-size:13px}.cv-scope{gap:17px}.cv-scope strong{font-size:41px}.cv-scope>span{font-size:11px}.cv-responsibilities{font-size:12px}.cv-previous-role h3{font-size:20px}.cv-previous-role>p{font-size:13px}.cv-period{font-size:10px}.cv-ai-headline{font-size:25px}.cv-ai-introduction,.cv-ai-approach{font-size:13px}.cv-ai-capabilities{gap:20px 24px}.cv-project-grid{gap:32px}.cv-project-art{margin-bottom:16px}.cv-project h3{font-size:22px}.cv-project-description{font-size:13px}.cv-skills{gap:28px 24px}.cv-about-lead{font-size:25px}.cv-about>p:not(:first-child){font-size:13px}.cv-contact{grid-template-columns:1fr;padding-top:38px}.cv-contact h2{font-size:34px}.cv-contact-links{margin-top:26px}.cv-contact-link{max-width:360px;font-size:15px}.cv-contact-location{margin-top:15px}.cv-footer-line{margin-top:35px;padding-block:21px;font-size:10px}.cv-footer-line>span{display:none}}@media (max-width:480px){.cv-project-grid{grid-template-columns:1fr}.cv-project-art{aspect-ratio:2}.cv-skills{grid-template-columns:1fr;gap:23px}.cv-ai-capabilities{grid-template-columns:1fr;gap:17px}.cv-skill-group ul{margin-top:7px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}@page{size:A4;margin:14mm 16mm}@media print{:root{--ink:#18251c;--muted:#424a44;--paper:white;--line:#d0d6d0}html{scroll-behavior:auto;scrollbar-gutter:auto}body{-webkit-print-color-adjust:exact;print-color-adjust:exact;min-width:0;font-size:9pt;line-height:1.45}.cv-shell{width:100%;max-width:none}.cv-header{border-bottom:1px solid var(--line);min-height:42px;padding:0 0 10px}.cv-brand{font-size:9pt}.cv-monogram{border-radius:5px;width:26px;height:26px;font-size:22px}.cv-header nav,.cv-print,.skip-link,.cv-text-link,.cv-now,.cv-project-art,.cv-project-note,.cv-role-details summary,#about,.cv-footer-line a:last-child{display:none!important}.cv-intro{break-inside:avoid;grid-template-columns:1fr 1fr;gap:18px;padding-top:24px}.cv-intro h1{margin-top:12px;font-size:42px}.cv-role{margin-top:12px;font-size:11pt}.cv-specialism{font-size:8pt}.cv-eyebrow{font-size:7pt}.cv-intro-copy{padding:0}.cv-intro-lead{font-size:16pt;line-height:1.3}.cv-intro-lead em{font-size:17pt}.cv-intro-copy>p+p{margin-top:12px;font-size:9pt;line-height:1.6}.cv-intro-footer{margin-top:10px;padding-block:12px;font-size:8pt}.cv-section{grid-template-columns:110px minmax(0,1fr);gap:20px;padding-block:18px}#ai{break-inside:avoid}.cv-section-heading h2{font-size:11pt}.cv-section-heading p{margin-top:6px;font-size:8pt}.cv-current-role{break-inside:avoid;padding:18px 20px 0}.cv-current-role h3{font-size:15pt}.cv-company{font-size:9pt}.cv-current-label,.cv-period{font-size:7pt}.cv-job-summary,.cv-previous-role>p{margin-top:10px;font-size:9pt;line-height:1.6}.cv-scope{margin-top:15px;padding-block:12px}.cv-scope strong{font-size:30pt}.cv-scope>span{font-size:8pt}.cv-responsibilities{gap:4px;margin-block:14px;font-size:8pt}.cv-role-details{border:0}.cv-role-details>div{padding-bottom:18px}.cv-role-details p{font-size:8pt;line-height:1.5}.cv-previous-role{break-inside:avoid;padding-block:18px}.cv-previous-role h3{font-size:12pt}.cv-ai-headline{font-size:16pt}.cv-ai-introduction,.cv-ai-approach{margin-top:10px;font-size:9pt;line-height:1.6}.cv-ai-capabilities{grid-template-columns:1fr 1fr;gap:14px 20px;margin-top:16px}.cv-ai-capabilities>div{break-inside:avoid;padding-top:10px}.cv-ai-capabilities dt{font-size:9pt}.cv-ai-capabilities dd{margin-top:5px;font-size:8pt;line-height:1.6}.cv-ai-footer{margin-top:12px}.cv-ai-footer>p{font-size:8pt}.cv-project-grid{grid-template-columns:1fr 1fr;gap:24px}.cv-project{break-inside:avoid}.cv-project-topline{font-size:7pt}.cv-project h3{margin-top:6px;font-size:13pt}.cv-project-description{font-size:8pt;line-height:1.6}.cv-print-url{color:var(--green);margin-top:9px;font-size:8pt;display:block}.cv-skills{gap:18px 24px}.cv-skill-group{break-inside:avoid}.cv-skill-group h3{font-size:9pt}.cv-skill-group ul{gap:3px 0;margin-top:6px;font-size:8pt}.cv-about{break-inside:avoid}.cv-about-lead{font-size:15pt}.cv-about>p:not(:first-child){margin-top:10px;font-size:9pt;line-height:1.6}.cv-contact{break-inside:avoid;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 20px;padding-top:14px;display:flex}.cv-contact:before{content:"Brian van der Stel · thebrian.dev";font-size:8pt}.cv-contact-copy,.cv-contact-location,.cv-footer-line{display:none}.cv-contact-links{align-self:auto;margin:0;padding:0}.cv-contact-link{border:0;gap:10px;min-height:24px;font-size:8pt}.cv-contact-link:after{content:attr(data-print-label);font-size:8pt}.cv-contact-link svg{display:none}}
