*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block:0;margin-inline:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a,a:not([class]){text-decoration:none;text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font-family:inherit;font-size:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}@font-face{font-family:Inconsolata;src:url(../../fonts/Inconsolata-VariableFont_wdth,wght.ttf) format("truetype-variations");font-stretch:25% 150%;font-weight:200 900;font-display:swap}@font-face{font-family:Jaapokki;src:url(/fonts/jaapokki-regular.ttf) format("truetype");font-style:normal;font-display:swap}:root{--coffee-stained-white-shirt: #fefae4;--coffee-stained-white-shirt-fade: #959388;--a-soul-of-sorts: #0a0a0a;--a-soul-of-sorts-fade: #1b1b1b;--pacific-salmon-red: #ff6262;--my-large-staub-pan-yellow: #e6aa2b;--evil-eye-blue: #2d6cff;--a-special-shade-of-purple: #a772ff;--color-light: var(--coffee-stained-white-shirt);--color-light-fade: var(--coffee-stained-white-shirt-fade);--color-dark: var(--a-soul-of-sorts);--color-dark-fade: var(--a-soul-of-sorts-fade);--color-accent-1: var(--my-large-staub-pan-yellow);--color-accent-2: var(--pacific-salmon-red);--color-accent-3: var(--evil-eye-blue);--color-accent-4: var(--a-special-shade-of-purple);--font-header: Jaapokki, sans-serif;--font-base: Inconsolata, monospace;--step--2: clamp(.7813rem, .7747rem + .0326vw, .8rem);--step--1: clamp(.9375rem, .9158rem + .1087vw, 1rem);--step-0: clamp(1.125rem, 1.0815rem + .2174vw, 1.25rem);--step-1: clamp(1.35rem, 1.2761rem + .3696vw, 1.5625rem);--step-2: clamp(1.62rem, 1.5041rem + .5793vw, 1.9531rem);--step-3: clamp(1.944rem, 1.771rem + .8651vw, 2.4414rem);--step-4: clamp(2.3328rem, 2.0827rem + 1.2504vw, 3.0518rem);--step-5: clamp(2.7994rem, 2.4462rem + 1.7658vw, 3.8147rem);--step-6: clamp(3.3592rem, 2.8691rem + 2.4507vw, 4.7684rem);--space-3xs: clamp(.3125rem, .3125rem + 0vw, .3125rem);--space-2xs: clamp(.5625rem, .5408rem + .1087vw, .625rem);--space-xs: clamp(.875rem, .8533rem + .1087vw, .9375rem);--space-s: clamp(1.125rem, 1.0815rem + .2174vw, 1.25rem);--space-m: clamp(1.6875rem, 1.6223rem + .3261vw, 1.875rem);--space-l: clamp(2.25rem, 2.163rem + .4348vw, 2.5rem);--space-xl: clamp(3.375rem, 3.2446rem + .6522vw, 3.75rem);--space-2xl: clamp(4.5rem, 4.3261rem + .8696vw, 5rem);--space-3xl: clamp(6.75rem, 6.4891rem + 1.3043vw, 7.5rem);--border-dark: 2px dashed var(--color-dark);--border-light: 2px dashed var(--color-light)}@media(prefers-color-scheme:dark){:root{--color-light: var(--a-soul-of-sorts);--color-dark: var(--coffee-stained-white-shirt);--color-light-fade: var(--a-soul-of-sorts-fade);--color-dark-fade: var(--coffee-stained-white-shirt-fade)}}html{color-scheme:light dark}body{background-color:var(--color-light);color:var(--color-dark);font-family:var(--font-base);font-size:var(--step-0)}*::selection{background-color:var(--color-accent-1);color:var(--a-soul-of-sorts)}h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5{font-family:var(--font-header);line-height:90%}h1,.h1{font-size:var(--step-5)}h2,.h2{font-size:var(--step-4)}h3,.h3{font-size:var(--step-3)}h4,.h4{font-size:var(--step-2)}h5,.h5{font-size:var(--step-1)}.home-display{font-size:var(--step-3);max-inline-size:41ch}.display{font-size:var(--step-6);line-height:1.1;margin-block-end:var(--space-s)}p,.p{font-size:var(--step-0);line-height:2.1}a:focus-visible{outline:2px solid blue;outline-offset:.25rem}figure{padding-block:var(--space-xs);>figcaption{text-align:center;&:before,&:after{content:"+"}}&.stack{--space: var(--space-s)}}blockquote{border-left:var(--border-dark);display:flex;flex-direction:column;gap:var(--space-2xs);padding-block:var(--space-s);padding-inline:var(--space-m);@media(min-width:450px){padding-block:var(--space-m);padding-inline:var(--space-l)}>p{font-style:italic;font-size:var(--step-1);>cite{font-size:var(--step--1);line-height:50%}}}ul{padding-inline:var(--space-2xs);>li{list-style-type:"+";padding-inline-start:.5rem}}img{border:2px solid var(--color-dark)}.splash{background-image:url(/images/home/home-background-light.svg);background-position:center;background-size:cover;background-repeat:no-repeat;height:100%;min-height:100vh;display:grid;place-items:center;border:var(--border-dark);@media(prefers-color-scheme:dark){background-image:url(/images/home/home-background-dark.svg)}}.splash-container{max-inline-size:65rem;inline-size:100%;padding:var(--space-l);@media(max-width:450px){height:100%}&.stack{justify-content:space-around;gap:var(--space-xl)}>.cluster{--space: var(--space-l);@media(min-width:450px){--space: var(--space-m)}}}.home-links{display:grid;gap:var(--space-2xl);place-items:flex-start}.navigation{--margin-end: var(--space-l);align-items:center;display:flex;gap:var(--space-m);justify-content:space-between;margin-block-start:var(--space-l);margin-block-end:var(--margin-end);& svg>path:nth-child(2){fill:var(--color-dark)}@media(max-width:450px){>svg{display:none}}}.container{margin-block-end:7rem;max-inline-size:85ch;margin-inline:auto;padding-inline:var(--space-s)}.stack{display:flex;flex-direction:column;justify-content:flex-start;>*{margin-block:0}>*+*{margin-block-start:var(--space, 1.5rem)}}.center{box-sizing:content-box;margin-inline:auto;max-inline-size:var(--measure, 80ch);padding-inline:var(--space-s)}.cluster{display:flex;flex-wrap:wrap;gap:var(--space, 1rem)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(var(--column-size, 250px),100%),1fr));gap:var(--grid-gap, var(--space-s));@media(max-width:450px){gap:var(--space-m)}}.page-header{border-bottom:1px solid var(--color-dark-fade);padding-block-end:var(--space-m)}.header-container{display:flex;justify-content:space-between;align-items:baseline}footer{background-color:var(--color-dark);border-top:var(--border-light);color:var(--color-light);display:grid;padding-block-end:var(--space-xl);padding-block-start:var(--space-m)}.footer-header{background-image:url(/images/footer/contact-dark.svg);background-position:center;background-repeat:no-repeat;background-size:cover;height:4rem;@media(min-width:800px){height:6.5rem}@media(min-width:1500px){height:12rem}@media(prefers-color-scheme:dark){background-image:url(/images/footer/contact-light.svg)}}.flex-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.link{display:inline-block;color:var(--link-text-color, var(--color-dark));width:fit-content;text-decoration:none;position:relative;z-index:1;font-size:var(--link-font-size, inherit);line-height:1;&:hover{color:var(--link-text-color-hover, var(--color-light))}&:after{content:"";background:var(--link-bg, var(--color-dark));width:calc(100% + 7px);height:0;border-bottom:1.5px dashed var(--link-border, var(--color-light));position:absolute;bottom:-.2em;left:-.15em;transition:all .3s ease-out;z-index:-1}&:hover:after{height:calc(100% + var(--link-padding-y, 9px));border-bottom:1.5px dashed var(--link-border-hover, var(--color-dark))}}.link-small{--link-padding-y: 7px}.link-big{--link-font-size: var(--step-1);--link-padding-y: 11.5px}.link-inverse{--link-text-color: var(--color-light);--link-text-color-hover: var(--color-dark);--link-bg: var(--color-light);--link-border: var(--color-dark);--link-border-hover: var(--color-light)}.link-back{margin-block-end:var(--space-l)}.link-work{display:grid;gap:var(--space-s);border-bottom:1px solid var(--color-dark-fade);padding-block:var(--space-m);padding-inline:var(--space-s);position:relative;z-index:1;.work-title{font-size:var(--step-1);line-height:1.5}&:after{content:"";background:var(--card-color-hover, var(--color-accent-2));height:100%;width:0;position:absolute;bottom:0;left:0;transition:all .4s ease-in-out;z-index:-1}&:hover:after{width:100%}}@media(max-width:450px){.link:after,.link-work:after{transition:none}}@media(prefers-reduced-motion:reduce){.link:after,.link-work:after{transition:none}}.button{display:flex;justify-content:space-around;align-items:center;background-color:var(--color-dark);color:var(--color-light);padding-inline:var(--space-s);padding-block:var(--space-2xs);width:100%;font-size:1.35rem;font-weight:600;line-height:1.5;&:focus-visible{outline:2px solid blue;outline-offset:.35rem}}.box{border:var(--border-dark);padding:var(--space-2xs)}.blog-info{display:flex;flex-wrap:wrap;gap:3rem;@media(max-width:450px){gap:1rem}}.card{background-color:var(--color-light);border:2px solid var(--color-dark);padding:var(--space-xs);padding-block-end:var(--space-s);position:relative;z-index:100;&:after{content:"";background:var(--bg-hover, var(--color-light));height:0;width:100%;position:absolute;bottom:0;left:0;transition:all .3s ease-out;z-index:-3}&:hover:after{height:100%}&:hover{& svg>path:nth-child(3){fill:var(--color-dark)}}&.hover-work{--bg-hover: var(--color-accent-2)}&.hover-about{--bg-hover: var(--color-accent-1)}&.hover-odds-ends{--bg-hover: var(--color-accent-3)}}@media(max-width:450px){.card:after{transition:none}}@media(prefers-reduced-motion:reduce){.card:after{transition:none}}.work-tags{display:flex;flex-wrap:wrap;gap:var(--space-2xs);align-items:center;opacity:70%;>p:last-of-type{display:none}}.soon{background-image:url(/images/home/home-background-light.svg);background-position:center;background-size:cover;background-repeat:no-repeat;display:flex;justify-content:center;align-items:center;height:20rem;@media(prefers-color-scheme:dark){background-image:url(/images/home/home-background-dark.svg)}}.big-text{font-size:var(--step-2);line-height:150%}.small-text,.sub-text{font-size:var(--step--1);line-height:1.5}.sub-text{line-height:2.1}.border-bottom{border-bottom:1px solid var(--color-dark-fade);padding-block-end:var(--space-m)}.underline{text-decoration:underline;text-underline-offset:.25rem}.mono{font-family:var(--font-base);font-weight:600}