*{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;outline:0 none;border:0 none;-webkit-tap-highlight-color:rgba(0,0,0,0)}a{color:inherit;text-decoration:none}p a{text-decoration:underline}ul,ol{display:block}ul li,ol li{display:block}pre{opacity:.75;position:fixed;z-index:10000;bottom:0;left:0;width:400px;white-space:pre-wrap;padding:20px;font-size:12px;background-color:#faebd7;max-height:50vh;overflow:auto}pre a{pointer-events:all}html{font-family:"webfont","Figtree",Arial,Helvetica,sans-serif;font-style:normal;font-weight:300;line-height:1.75;letter-spacing:.04em;font-size:10pt}@media(min-width: 720px){html{font-size:11pt}}@media(min-width: 1024px){html{font-size:12pt}}@media(min-width: 1440px){html{font-size:14pt}}.about .koen-popma{font-size:clamp(48px,9vw,96px);font-weight:600}.about .job-title{font-size:clamp(32px,6vw,48px);font-weight:300}.about .job-skills{font-size:clamp(16px,3vw,32px);font-weight:300;font-style:italic}.about p{max-width:720px}header,footer{line-height:1}header{font-size:10pt}@media(min-width: 720px){header{font-size:11pt}}@media(min-width: 1024px){header{font-size:12pt}}footer{font-size:10pt}.size-1,.size-2,.size-3,.size-4,.size-5,.size-6{display:block;font-weight:600;line-height:1.25;margin-bottom:6px}.size-1{line-height:.85}.size-1{font-size:4rem}.size-2{font-size:3rem}.size-3{font-size:2rem}.size-4{font-size:1.5rem}.size-5{font-size:1.25rem}.size-6{font-size:1.1rem}.size-1{margin-bottom:5%}.experience p,.education p{max-width:540px}.about .koen-popma{line-height:.8}.about .job-title{line-height:1}.about .job-skills{line-height:1.25}.about .koen-popma{display:block;margin-bottom:12px}.about .job-title{display:block;margin-bottom:12px}.about .job-skills{display:block;margin-bottom:12px}.about .sub-text{display:block}.about span{display:inline-block}.info .label{text-transform:uppercase;letter-spacing:.08em;font-size:8pt}.experience .period h5{font-weight:300;font-size:10pt;letter-spacing:.1em}.experience h4{font-weight:600;letter-spacing:.08em}.experience .job-title,.experience .light,.experience .compagny{display:inline-block}.light{font-weight:300}.education .school-name,.education .light,.education .school-city{display:inline-block}.education .size-5{font-size:1.15rem}.education .school-years{padding-top:6px;font-weight:inherit;font-size:10pt;letter-spacing:.1em}.skills .plus{font-size:24px;font-weight:300;line-height:.65}.skills .text{font-weight:300}.contact{text-align:center}.contact .size-2{font-weight:400}.contact .size-3{font-weight:300;font-style:italic}.contact .size-3 br{display:none}@media(min-width: 800px){.contact .size-3 br{display:block}}.contact .size-p{font-weight:inherit;font-size:1.25em}.contact .size-p br{display:block}@media(min-width: 720px){.contact .size-p br{display:none}}.contact .call-to-action{line-height:1}html{scroll-behavior:smooth;scroll-padding-top:0px;padding-bottom:37px}@media(min-width: 920px){html{scroll-padding-top:64px;padding-bottom:0}}.about{position:relative;background:var(--about-gradient),url("../bg/my-dog.jpg") center/cover no-repeat}.contact{background-image:url(../bg/bg-contact-white.svg);background-repeat:no-repeat;background-position:center center;background-size:70% 70%}html{overflow-x:clip}.animate,.animate-child{opacity:1;-webkit-transform:none;transform:none}html.has-animations .animate,html.has-animations .animate-child{position:relative;opacity:0;-webkit-transition:opacity 500ms ease-in-out,-webkit-transform 500ms ease-in-out;transition:opacity 500ms ease-in-out,-webkit-transform 500ms ease-in-out;transition:opacity 500ms ease-in-out,transform 500ms ease-in-out;transition:opacity 500ms ease-in-out,transform 500ms ease-in-out,-webkit-transform 500ms ease-in-out}html.has-animations .slide-up{-webkit-transform:translateY(24px);transform:translateY(24px)}html.has-animations .slide-down{-webkit-transform:translateY(-24px);transform:translateY(-24px)}html.has-animations .slide-left{-webkit-transform:translateX(24px);transform:translateX(24px)}html.has-animations .slide-right{-webkit-transform:translateX(-24px);transform:translateX(-24px)}html.has-animations .animate.is-visible,html.has-animations .animate-parent.is-visible .animate-child{opacity:1;-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0)}header{position:fixed;z-index:10000;top:0;left:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}header .header-box{display:block}header a,header .nav-toggle{display:block;padding:12px}@media(min-width: 720px){header a,header .nav-toggle{padding:24px}}nav a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}nav a.active{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}nav{position:relative;--active-left: 0px;--active-width: 0px}nav::after{content:"";position:absolute;left:var(--nav-active-left, 0px);width:var(--nav-active-width, 0px);bottom:0;height:3px;-webkit-transition:left .3s ease,width .3s ease;transition:left .3s ease,width .3s ease}header .header-nav nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap}header .header-nav .nav-toggle{display:none}@media(max-width: 499px){header{top:unset;bottom:0;z-index:1000;-webkit-box-shadow:0px -5px 20px -5px rgba(0,0,0,.3);box-shadow:0px -5px 20px -5px rgba(0,0,0,.3)}header .header-nav .nav-toggle{display:block;cursor:pointer}header .header-nav nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute;right:0;left:0;bottom:100%;visibility:hidden;opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px);pointer-events:none;-webkit-transition:opacity .25s ease,visibility .25s,-webkit-transform .25s ease;transition:opacity .25s ease,visibility .25s,-webkit-transform .25s ease;transition:opacity .25s ease,transform .25s ease,visibility .25s;transition:opacity .25s ease,transform .25s ease,visibility .25s,-webkit-transform .25s ease}header .header-nav nav.is-open{visibility:visible;opacity:1;-webkit-transform:none;transform:none;pointer-events:auto}header .header-nav nav::after{display:none}}main,article,section{display:block}section{padding:clamp(24px,10%,96px)}.content{display:block;width:100%;max-width:960px;margin-left:auto;margin-right:auto}.about{min-height:75vh;display:-webkit-box;display:-ms-flexbox;display:flex}.about .content{margin-top:auto}.about h1,.about h2,.about h3{max-width:760px}.info .layout{display:grid;grid-auto-rows:1fr;grid-template-columns:repeat(1, 1fr)}.info .layout .group{padding-top:12px;padding-bottom:12px;border-top:1px solid var(--border)}.info .layout .group:first-child{border-top:none}@media(min-width: 720px){.info .layout{grid-template-columns:repeat(2, 1fr)}.info .layout .group:nth-child(2){border-top:none}}@media(min-width: 960px){.info .layout{grid-template-columns:repeat(3, 1fr)}.info .layout .group:nth-child(3){border-top:none}}.experience .layout{display:block}.experience .layout .group{display:block;padding:24px 0}.experience .layout .group:not(:last-child){border-bottom:1px solid var(--border)}.experience .layout .group .box{display:block;padding:0}.experience .layout .group .box:not(:last-child){margin-bottom:12px}.experience .layout .group .period{white-space:nowrap}@media(min-width: 720px){.experience .layout{display:table}.experience .layout .group{display:table-row;padding:0}.experience .layout .group .box{display:table-cell;border:inherit;padding:24px}.experience .layout .group .box:not(:last-child){margin-bottom:0}.experience .layout .group .box:first-child{padding-left:0}.experience .layout .group .box:last-child{padding-right:0}}.education .layout{display:grid;grid-template-columns:1fr;grid-template-rows:auto}@media(min-width: 720px){.education .layout{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 719px){.education .layout .group{padding-top:24px;padding-bottom:24px}.education .layout .group:first-child{padding-top:0}.education .layout .group:last-child{padding-bottom:0}.education .layout .group:not(:first-child){border-top:1px solid var(--border)}}@media(min-width: 720px){.education .layout .group{padding-left:24px;padding-right:24px}.education .layout .group:first-child{padding-left:0}.education .layout .group:last-child{padding-right:0}.education .layout .group:not(:first-child){border-left:1px solid var(--border)}}.skills ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-align:first baseline;-ms-flex-align:first baseline;align-items:first baseline;gap:12px}.skills ul li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-align:first baseline;-ms-flex-align:first baseline;align-items:first baseline;gap:12px}.skills .text{max-width:480px}.contact{min-height:75vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.contact .content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;width:100%;max-width:720px}.contact .button{display:block;margin-top:24px;padding:24px;border-radius:6px}footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-flow:column-reverse nowrap;flex-flow:column-reverse nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media(min-width: 720px){footer{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:24px}}footer nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap}footer a,footer .copy{display:block;padding:12px}@media(min-width: 920px){footer a,footer .copy{padding:24px}}:root{color-scheme:light;--scrollbar-bg: #ddd;--scrollbar-thumb: slateblue;--surface-bg: #fff;--surface-text: #222;--surface-light: hsl(from var(--accent) h s l / 0.03);--surface-light-text: var(--surface-text);--surface-dark: var(--accent);--surface-dark-text: #fff;--text-muted: rgb(0 0 0 / 0.6);--border: rgb(0 0 0 / 0.03);--border-footer: rgb(255 255 255 / 0.05);--accent: slateblue;--header-bg: var(--surface-dark);--header-text: rgb(255 255 255 / 0.5);--nav-bg: var(--header-bg);--nav-text: var(--header-text);--nav-active: var(--surface-dark-text);--nav-indicator: rgb(255 255 255 / 0.8);--button-bg: #fff;--button-text: var(--accent);--button-shadow: 0 20px 50px -20px rgb(0 0 0 / 0.4);--button-shadow-hover: 0 20px 40px -20px rgb(0 0 0 / 0.5);--about-gradient: linear-gradient(to bottom, rgb(0 0 0 / 0.25), rgb(0 0 0 / 0.5))}@media(prefers-color-scheme: dark){:root{color-scheme:dark;--scrollbar-bg: #333;--scrollbar-thumb: darkslateblue;--surface-bg: #191919;--surface-text: rgb(255 255 255 / 0.6);--surface-light: hsl(from var(--accent) h s l / 0.03);--surface-light-text: var(--surface-text);--surface-dark: hsl(248.5 39% 20%);--surface-dark-text: #ccc;--text-muted: rgb(255 255 255 / 0.25);--border: rgb(255 255 255 / 0.03);--border-footer: rgb(255 255 255 / 0.05);--accent: darkslateblue;--header-bg: var(--surface-dark);--header-text: rgb(255 255 255 / 0.5);--nav-bg: var(--header-bg);--nav-text: var(--header-text);--nav-active: var(--surface-dark-text);--nav-indicator: rgb(255 255 255 / 0.8);--button-bg: rgb(255 255 255 / 0.6);--button-text: var(--accent);--button-shadow: 0 20px 50px -20px rgb(0 0 0 / 0.7);--button-shadow-hover: 0 20px 40px -20px rgb(0 0 0 / 0.8);--about-gradient: linear-gradient(to bottom, rgb(0 0 0 / 0.5), rgb(0 0 0 / 0.75))}}@media print{:root{color-scheme:light;--scrollbar-bg: #fff;--scrollbar-thumb: #000;--surface-bg: #fff;--surface-text: #000;--surface-light: #fff;--surface-light-text: #000;--surface-dark: #fff;--surface-dark-text: #000;--text-muted: #999;--border: #ddd;--border-footer: #ddd;--accent: #000;--header-bg: #fff;--header-text: #000;--nav-bg: #fff;--nav-text: #000;--nav-active: #000;--nav-indicator: #000;--button-bg: #fff;--button-text: #000;--button-shadow: none;--button-shadow-hover: none;--about-gradient: none}}html{color:var(--surface-text);background-color:var(--surface-bg);scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-bg)}header{color:var(--header-text);background-color:var(--header-bg)}header .header-nav{background-color:var(--nav-bg)}header nav{background-color:var(--nav-bg)}header nav::after{background-color:var(--nav-indicator)}header nav a{color:var(--nav-text)}header nav a:hover,header nav a.active{color:var(--nav-active)}.about,.contact,footer{color:var(--surface-dark-text);background-color:var(--surface-dark)}.about::after{background-image:var(--about-gradient)}.info,.education{color:var(--surface-light-text);background-color:var(--surface-light)}.info h2,.experience h2,.education h2,.skills h2{color:var(--accent)}.info .label{color:var(--text-muted)}.light{opacity:.2}.experience .period,.experience p{color:var(--text-muted)}.education .school-years,.education p{color:var(--text-muted)}.skills .plus{color:var(--accent)}@media print{.skills .plus{color:var(--text-muted)}}.contact .button{color:var(--button-text);background-color:var(--button-bg);-webkit-box-shadow:var(--button-shadow);box-shadow:var(--button-shadow)}.contact .button:hover{-webkit-box-shadow:var(--button-shadow-hover);box-shadow:var(--button-shadow-hover)}footer{color:var(--header-text);border-top:1px solid var(--border-footer)}footer a:hover{color:var(--surface-dark-text)}@media print{.contact .button{border:1px solid var(--border)}}@page{size:A4 portrait;margin:10mm}.group,.content{-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid}@media print{header,footer{display:none}section{padding:0;padding-bottom:10mm}section:last-child{padding-bottom:0}.about,.contact,footer{background:none}.about{min-height:unset}.about::after{display:none}.contact{min-height:unset}.animate,.animate-child{opacity:1 !important;-webkit-transform:none !important;transform:none !important;-webkit-transition:none !important;transition:none !important;-webkit-transition-delay:none !important;transition-delay:none !important}}