:root{--font-body:"Source Sans 3",sans-serif;--font-headings:"Ubuntu",sans-serif;--font-system:system-ui,sans-serif;--width-large:90rem;--width-medium:56rem;--width-small:30rem;--grid-gap:1rem;--grid-size:22rem;--text-gap:2em;--container-width:var(--width-large);--container-edge:3rem;--container-padding:3rem;--color-ink:#16161d;--color-paper:#f4f4f4;--color-highlight:#b3d4fc;--color-white:#fff;--color-brand:#cba328;--color-brand-hover:#ead637;--font-scale-xs:clamp(.64rem, calc(.58rem + .28vw) ,.8rem);--font-scale-s:clamp(.8rem, calc(.73rem + .35vw) ,1rem);--font-scale-n:clamp(1rem, calc(.91rem + .43vw) ,1.25rem);--font-scale-m:clamp(1.25rem, calc(1.14rem + .54vw) ,1.56rem);--font-scale-l:clamp(1.56rem, calc(1.43rem + .68vw) ,1.95rem);--font-scale-xl:clamp(1.95rem, calc(1.78rem + .85vw) ,2.44rem);--font-scale-xxl:clamp(2.44rem, calc(2.23rem + 1.06vw) ,3.05rem);--font-scale-xxxl:clamp(3.05rem, calc(2.79rem + 1.33vw) ,3.82rem);--transition-time:.22s;--hover-opacity:.8}html{background:var(--color-paper);height:100%}@view-transition{navigation:auto}@media not (prefers-reduced-motion){html{scroll-behavior:smooth}}:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}::-moz-selection{background:var(--color-highlight);text-shadow:none}::selection{background:var(--color-highlight);text-shadow:none}strong{font-weight:700}body{color:var(--color-ink);font-family:var(--font-body);font-size:var(--font-scale-n);font-weight:400;line-height:1.5;margin:0;min-height:100%;text-rendering:optimizeLegibility}.skip-link{background:#000;color:#fff;left:0;padding:8px;position:absolute;top:-4rem;z-index:100}.skip-link:focus{top:0}h1,h2,h3{text-wrap:balance;font-family:var(--font-headings);font-weight:500;letter-spacing:-.025em;line-height:1.25;margin:.75em 0}h1{font-size:var(--font-scale-xl)}h2{font-size:var(--font-scale-l)}h3{font-size:var(--font-scale-m)}h4{font-family:var(--font-body)}p{margin:0 0 1em}p:last-child{margin:0}h1:first-child,h2:first-child,h3:first-child,h4:first-child,p:first-child{margin-top:0}img{height:auto;max-width:100%}.lede{font-size:var(--font-scale-m)}.container{margin:0;padding-block:var(--container-padding);padding-inline:max(var(--container-edge),calc(50% - var(--container-width)/2))}.width-large{--container-width:var(--width-large)}.width-medium{--container-width:var(--width-medium)}.width-small{--container-width:var(--width-small)}.text-center{text-align:center}.site-header{--container-padding:2.25rem;--container-width:var(--width-large);align-items:center;display:flex;gap:1rem;padding:var(--container-padding) 1.5rem}.site-title{-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(90deg,#2e3192,#2692c6);color:transparent;margin:0;mix-blend-mode:difference}.site-logo{color:var(--color-brand);transition:color var(--transition-time) ease}.site-logo:hover{color:var(--color-brand-hover)}.site-logo svg{aspect-ratio:1;display:block;width:4rem}.site-footer{--container-padding:3rem;--container-margin:0;color:#fff8;font-size:var(--font-scale-s);position:sticky;text-align:center;top:100%}.blobs{background:url(blobs.svg) var(--color-paper) no-repeat center center /cover;inset:0;position:fixed;z-index:-1}.projects{display:flex;flex-direction:row-reverse}.projects-list{display:grid;flex:1;gap:var(--grid-gap);grid-template-columns:repeat(auto-fill,minmax(min(16rem,100%),1fr));list-style-type:none;margin:0;opacity:.9;padding:0 1rem}.project{background-color:var(--color-white);border-radius:1rem;box-shadow:0 2px 2px #0000001a,0 4px 4px #0000001a;cursor:pointer;grid-template-rows:1fr;height:auto;min-height:14rem;padding:1.75rem 1.5rem;position:relative;text-align:left;transition:opacity var(--transition-time) ease,visibility var(--transition-time) ease}.project.show{opacity:1;visibility:visible}.project.hide{opacity:0;visibility:hidden}.project img{border-radius:50%;transition:border-radius var(--transition-time) ease}.project:hover img{border-radius:15%}.project h2{text-wrap:balance;font-size:var(--font-scale-m);font-weight:500;line-height:1.375;margin:1.75rem 0 .75rem}.project p{font-size:var(--font-scale-s)}.project svg{fill:#ff00800d;aspect-ratio:1;bottom:1rem;position:absolute;right:1rem;transition:fill var(--transition-time) ease;width:1.75rem}.project:hover svg{fill:#ff008059}.filters{height:-moz-fit-content;height:fit-content;padding-right:1rem;position:sticky;top:0;z-index:500}.filter-button{background-color:var(--color-paper);border:1px solid #a0a0a0;border-radius:2rem;color:#555;cursor:pointer;display:block;font-size:var(--font-scale-s);margin:4px;padding:.5em 1em;transition:border-color var(--transition-time) ease,color var(--transition-time) ease,background-color var(--transition-time) ease;width:100%}.filter-button.active{background-color:var(--color-brand);border-color:var(--color-brand);color:#fff;opacity:.8}