:root{--brand:#4472da;--white:#fff;--black:#1f1f1f;--grey:#666;--grey-background:#f5f5f5;--border:#ddd;--border-radius:12px;--focus-ring:goldenrod}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}*,:before,:after{box-sizing:inherit}*{box-sizing:border-box;margin:0;padding:0}.body{background:var(--body);color:var(--black);backface-visibility:hidden}.no-wrap{white-space:nowrap}.hidden{display:none!important}html{scroll-behavior:smooth}hr{border:0;border-top:1px solid var(--border)}strong{font-weight:500}.invisible{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.invisible a:focus,.invisible input:focus,.invisible button:focus{width:auto;height:auto;position:static}a,a:active{color:var(--brand)}@media only screen and (min-width:1200px){a:hover{color:var(--brand)}}a:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.content-link{margin-bottom:8px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-block}.content-link:hover,.content-link a:hover{text-underline-offset:4px!important;text-decoration:none!important}.content-link:after{content:"";background:var(--brand);width:0;height:3px;margin-top:-4px;transition:all .2s;display:block}.content-link:hover:after{width:100%;transition:all .1s}@media only screen and (min-width:960px){.content-link{font-size:21px}}.content-link--footer{font-weight:500}.content-link--footer:after{height:3px;margin-top:-2px}@media only screen and (min-width:960px){.content-link--footer{font-size:20px}}img,video{vertical-align:top;border-radius:var(--border-radius);width:100%;height:auto}figure{border:1px solid var(--border);margin:0;display:table}figcaption{border-top:1px solid var(--border);background:#eee;padding:8px}.image-border{border:1px solid var(--border)}table{border-collapse:collapse;text-align:left;width:100%}caption{text-align:left;background:var(--black);color:var(--white)}table,th,td{border:1px solid var(--border);padding:16px;font-size:16px}th{background:var(--grey-background);font-weight:600}@media only screen and (min-width:960px){table,th,td{padding:20px;font-size:20px}}.experience-year{display:none}@media only screen and (min-width:720px){.experience-year{display:table-cell}}html,textarea,button{line-height:1.5;font-family:var(--font-work-sans),"SF Mono","Monaco","Inconsolata","Fira Mono","Droid Sans Mono","Source Code Pro",monospace;font-optical-sizing:auto;font-style:normal}h1,h2,h3,h4,h5,h6{font-family:var(--font-domine),"SF Mono","Monaco","Inconsolata","Fira Mono","Droid Sans Mono","Source Code Pro",monospace;margin-bottom:4px;font-weight:600;line-height:1.2}.body,label,button,p,a,ul,li{font-size:18px;font-weight:400;line-height:1.5}p,p:last-child,p:only-child{margin-bottom:0}li{margin-bottom:20px;margin-left:0}@media only screen and (min-width:960px){li,p{max-width:800px;font-size:21px}}@media only screen and (min-width:1600px){p{max-width:800px}}h1,h1 a{font-size:28px;font-weight:700}@media only screen and (min-width:960px){h1,h1 a{font-size:32px}}@media only screen and (min-width:1200px){h1,h1 a{font-size:48px}}@media only screen and (min-width:960px){.large-sub-heading{margin-bottom:0;font-size:36px}}p{margin-bottom:16px}p:last-child{margin-bottom:0}.container--copy ul{margin-left:20px}.meta-grid{margin-left:0!important}.projects-grid li,.spotify-grid li{max-width:100%!important;margin-left:0!important}.button{background:var(--brand);color:var(--white);will-change:transform,background-color;border-radius:100px;max-width:fit-content;padding:12px 16px;font-size:16px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}@media only screen and (min-width:960px){.button{padding:16px 24px;font-size:18px}}.button__icon{width:16px;fill:var(--white);margin-left:12px;transition:inherit}.button:hover{color:var(--white);background:#3a68d0;transform:translateY(-2px)}.button:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.button:active{background:#2d55b0;transform:translateY(0)}.button--external:hover svg{transform:rotate(-45deg)}.card{border-radius:var(--border-radius);border:1px solid var(--border);flex-direction:column;min-height:100%;padding:16px;text-decoration:none;transition:transform .3s;display:flex}@media only screen and (min-width:960px){.card:hover{transform:translateY(-4px)}}.card__image{border-radius:var(--border-radius);border:1px solid var(--border);margin-bottom:12px}.card__header{padding-bottom:4px;line-height:1.5}.card .card__header,.card .card__description{text-decoration:none}.card .card__header{color:var(--black);flex:1;font-size:20px;font-weight:600}.card .card__description{color:var(--grey);font-size:18px}@media only screen and (min-width:960px){.site-footer{margin-top:80px}}.footer-border{border-top:1px solid var(--border)}.footer-wrapper{background:var(--white);justify-content:space-between;align-items:center;padding:40px 20px}@media only screen and (min-width:960px){.footer-wrapper{padding:40px;display:flex}}@media only screen and (min-width:1600px){.footer-wrapper{padding:80px 40px}}@media only screen and (min-width:960px){.footer-links{order:2;align-items:center;display:flex}}.footer-links__item{margin-bottom:8px;padding-bottom:20px;list-style-type:none}.footer-links__item a{color:var(--grey)}@media only screen and (min-width:960px){.footer-links__item{margin:0 0 0 60px;padding:0}.footer-links__item a{margin:0}}.footer-author p{font-size:18px}.site-header{border-bottom:1px solid var(--border);margin-bottom:40px}@media only screen and (min-width:960px){.site-header{margin-bottom:80px}}.header-wrapper{background:var(--white);justify-content:space-between;align-items:center;padding:16px 16px 0;display:flex}@media only screen and (min-width:375px){.header-wrapper{margin-bottom:20px;padding:20px 20px 0}}@media only screen and (min-width:960px){.header-wrapper{margin-bottom:40px;padding:40px 40px 0}}.nav-wrapper{margin:0;padding:0;display:flex}.nav-list__item{list-style:none;display:inline}@media only screen and (min-width:540px){.nav-list__item{margin-left:8px}}.nav-list__item a,.nav-list__item a:visited{color:var(--black);border-radius:100px;padding:8px;font-size:16px;text-decoration:none;transition:background-color .3s}@media only screen and (min-width:375px){.nav-list__item a{padding:12px 16px;font-size:16px}}@media only screen and (min-width:540px){.nav-list__item a{padding:12px 16px;font-size:18px}.nav-list__item a:hover{background-color:#f5f5f5}}.nav-list__link.active,.nav-list__link a:active{background-color:#f5f5f5}.site-author{color:var(--black);-webkit-tap-highlight-color:transparent;align-items:center;text-decoration:none;display:inline-flex}.site-author:visited,.site-author:focus,.site-author:active{color:var(--black)}.site-author__title{letter-spacing:-.1px;padding:10px 0;font-size:16px;font-weight:500}@media only screen and (min-width:540px){.site-author__title{font-size:18px;transition:all .3s}}@media only screen and (min-width:960px){.site-author__title{font-size:20px}}@media(hover:hover){.site-author__title:hover{color:var(--brand)}}.hero__image-container{cursor:pointer;margin-bottom:20px;display:inline-flex;position:relative}@media only screen and (min-width:960px){.hero__image-container{margin-bottom:40px}}.hero__image-container img{border-radius:50%;display:inline-flex}.hero__portrait{object-fit:cover;border-radius:var(--border-radius);filter:grayscale();width:100%;height:auto}.hero__portrait--hover{opacity:0;border-radius:var(--border-radius);width:100%;transition:opacity .2s ease-in-out;position:absolute;top:0;left:0}.hero__portrait,.hero__portrait--hover{width:120px}@media only screen and (min-width:960px){.hero__portrait,.hero__portrait--hover{width:120px}}.hero__image-container:hover{cursor:url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'><text y='34' x='0' font-size='24'>🐶</text></svg>") 14 14,auto}.hero__image-container:hover .hero__portrait--hover{opacity:1;flex:1}.hero__header{margin-bottom:8px;font-size:28px;font-weight:500;line-height:1.5}.hero__header a{font-weight:600;text-decoration:none}@media only screen and (min-width:960px){.hero__header,.hero__header a{font-size:32px}}@media only screen and (min-width:1400px){.hero__header,.hero__header a{font-size:36px}}@media only screen and (min-width:1440px){.hero__header,.hero__header a{font-size:42px}}@media only screen and (min-width:1600px){.hero__header,.hero__header a{font-size:48px}}.hero__description{color:var(--grey);font-size:18px;font-weight:500;text-decoration:none}.hero__description--highlight{color:var(--black);font-weight:600}.container{margin-bottom:40px;padding-left:20px;padding-right:20px}@media only screen and (min-width:960px){.container{margin-bottom:80px;padding-left:40px;padding-right:40px}}.container--content{grid-row-gap:20px;display:grid}@media only screen and (min-width:960px){.container--content{grid-row-gap:40px}}.container--copy{grid-row-gap:4px;display:grid}@media only screen and (min-width:960px){.container--copy{grid-row-gap:8px}}.container,.header-wrapper,.footer-wrapper{max-width:1600px;margin-left:auto;margin-right:auto}.header-wrapper{margin-bottom:20px}@media only screen and (min-width:960px){.header-wrapper{margin-bottom:40px}}.page-header{margin-bottom:40px}@media only screen and (min-width:960px){.page-header{margin-bottom:80px}}.projects-grid{gap:20px;list-style-type:none;display:grid}@media only screen and (min-width:960px){.projects-grid{grid-template-columns:repeat(6,1fr);gap:40px}.projects-grid li{grid-column:span 3}.projects-grid li:nth-child(n+5){grid-column:span 2}}.projects-grid--featured li:last-child{margin-bottom:0}@media only screen and (min-width:960px){.projects-grid--featured li{margin-bottom:0}}.project-image-grid{grid-gap:20px;display:grid}@media only screen and (min-width:960px){.project-image-grid{grid-template-columns:1fr 1fr;display:grid;grid-gap:40px!important}}.project-image-grid--vertical{grid-template-columns:1fr 1fr}@media only screen and (min-width:960px){.project-image-grid--vertical{grid-template-columns:1fr 1fr 1fr 1fr;display:grid;grid-gap:40px!important}}.illustration-grid{grid-gap:20px;grid-template-columns:1fr 1fr;list-style-type:none;display:grid}@media only screen and (min-width:960px){.illustration-grid{grid-template-columns:1fr 1fr 1fr 1fr;display:grid;grid-gap:40px!important}}.spotify-grid{grid-gap:20px;list-style-type:none;display:grid}@media only screen and (min-width:960px){.spotify-grid{grid-template-columns:1fr 1fr;display:grid;grid-gap:40px!important}}.instagram-grid{grid-gap:20px;grid-template-columns:1fr 1fr;list-style-type:none;display:grid}@media only screen and (min-width:1200px){.instagram-grid{grid-template-columns:1fr 1fr 1fr 1fr;display:grid;grid-gap:40px!important}}figure,figcaption{border:none}figcaption{background:var(--white);border:2px solid var(--grey-background);border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);border-top:none;padding:16px}figure img{border-bottom-right-radius:0;border-bottom-left-radius:0}.meta-grid{margin-bottom:0;padding:0}@media only screen and (min-width:960px){.meta-grid{display:flex}}.meta-grid p{font-size:18px}.meta-grid--counter p{font-size:64px!important;font-weight:300!important}.meta-grid h2{color:var(--grey);font-size:18px}.meta-grid li:last-child{margin-bottom:0}.meta-grid--project{margin-bottom:60px}@media only screen and (min-width:960px){.meta-grid--project h2{font-size:20px}}.meta-grid li{margin-bottom:20px;padding:0;list-style-type:none}@media only screen and (min-width:960px){.meta-grid li{margin-bottom:0;margin-right:80px}}.page-heading{margin-bottom:8px}