*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none}body{margin:0;padding:0}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block-end: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:not([class]){-webkit-text-decoration-skip-ink:auto;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}:root{--color-border:oklch(84% .02 65);--color-text:black;--color-bg:oklch(98% .01 70);--step--2:clamp(.8442rem, .8778rem + -.0434vw, .8681rem);--step--1:clamp(1.0417rem, 1.0075rem + .152vw, 1.1253rem);--step-0:clamp(1.25rem, 1.1477rem + .4545vw, 1.5rem);--step-1:clamp(1.5rem, 1.2957rem + .9082vw, 1.9995rem);--step-2:clamp(1.8rem, 1.446rem + 1.5733vw, 2.6653rem);--step-3:clamp(2.16rem, 1.5902rem + 2.5325vw, 3.5529rem);--step-4:clamp(2.592rem, 1.7149rem + 3.8982vw, 4.736rem);--step-5:clamp(3.1104rem, 1.8002rem + 5.8231vw, 6.3131rem);--space-3xs:clamp(.3125rem, .2869rem + .1136vw, .375rem);--space-2xs:clamp(.625rem, .5739rem + .2273vw, .75rem);--space-xs:clamp(.9375rem, .8608rem + .3409vw, 1.125rem);--space-s:clamp(1.25rem, 1.1477rem + .4545vw, 1.5rem);--space-m:clamp(1.875rem, 1.7216rem + .6818vw, 2.25rem);--space-l:clamp(2.5rem, 2.2955rem + .9091vw, 3rem);--space-xl:clamp(3.75rem, 3.4432rem + 1.3636vw, 4.5rem);--space-2xl:clamp(5rem, 4.5909rem + 1.8182vw, 6rem);--space-3xl:clamp(7.5rem, 6.8864rem + 2.7273vw, 9rem);--space-3xs-2xs:clamp(.3125rem, .1335rem + .7955vw, .75rem);--space-2xs-xs:clamp(.625rem, .4205rem + .9091vw, 1.125rem);--space-xs-s:clamp(.9375rem, .7074rem + 1.0227vw, 1.5rem);--space-s-m:clamp(1.25rem, .8409rem + 1.8182vw, 2.25rem);--space-m-l:clamp(1.875rem, 1.4148rem + 2.0455vw, 3rem);--space-l-xl:clamp(2.5rem, 1.6818rem + 3.6364vw, 4.5rem);--space-xl-2xl:clamp(3.75rem, 2.8295rem + 4.0909vw, 6rem);--space-2xl-3xl:clamp(5rem, 3.3636rem + 7.2727vw, 9rem);--space-s-l:clamp(1.25rem, .5341rem + 3.1818vw, 3rem)}body{font-size:var(--step-0);background:var(--color-bg);color:var(--color-text);font-family:Satoshi,sans-serif}h1,h2{font-size:var(--step-5);letter-spacing:-.05em;font-family:Erode,serif;font-weight:220}.skills-grid{border-top:1px solid var(--color-border);grid-template-columns:1fr 1fr;display:grid}@media (width<=680px){.skills-grid{grid-template-columns:1fr}}.skills-grid .skill{padding:var(--space-s);border:1px solid var(--color-border);border-top:none}.skills-grid .skill:nth-child(2n){border-left:none}@media (width<=680px){.skills-grid .skill:nth-child(2n){border-left:1px solid var(--color-border)}}.skills-grid .skill h2{font-size:var(--step-2);margin:0;font-style:italic}.skills-grid .skill p{margin:0;margin-top:var(--space-3xs);font-size:var(--step--1)}.project-logo{justify-content:center;display:flex}.project-logo svg{width:auto;height:40px;margin-top:var(--space-m);margin-bottom:var(--space-s)}.home{z-index:9;background:var(--color-bg);border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:var(--space-2xs) var(--space-xs);font-size:var(--step--1);color:inherit;font-family:Azeret Mono,sans-serif;font-weight:330;text-decoration:none;transition:all .4s;position:fixed;top:0;left:0}.home:hover{color:var(--color-bg);background-color:#000}.page-wrapper{width:min(90vw,980px);padding-bottom:var(--space-xl);margin:auto;font-family:Erode,serif}.page-wrapper>:not(.note,.skills-grid,h2,img){max-width:740px;margin-left:auto;margin-right:auto}.page-wrapper>h2{font-size:var(--step-4);text-align:center;margin-top:0;font-size:7vw;font-style:italic;line-height:1}.page-wrapper h3{font-family:Erode,serif;font-weight:322;font-size:var(--step-3);letter-spacing:-.05em}.page-wrapper p{font-size:var(--step-0)}.page-wrapper>img{box-shadow:4px 4px 0 var(--color-border);border:1px solid var(--color-border);margin-top:var(--space-m);margin-left:auto;margin-right:auto;padding:16px}h3+.skills-grid{margin-top:var(--space-m)}.note{border:1px solid var(--color-border);margin-bottom:var(--space-m);margin-top:var(--space-m)}.note p{padding:var(--space-m);width:100%;max-width:100%;margin:0;font-style:italic}.note-header{border-bottom:1px solid var(--color-border);background-image:radial-gradient(var(--color-border) 1px, var(--color-bg) 1px);background-size:9px 9px;padding:0;display:flex}.note-header span{font-size:var(--step--1);background:var(--color-bg);padding:0;padding:var(--space-2xs) var(--space-m);border-right:1px solid var(--color-border);margin:0;font-family:Azeret Mono,monospace;font-weight:277;display:inline-flex}.dotted{background-image:radial-gradient(var(--color-border) 1px, var(--color-bg) 1px);background-size:9px 9px}