*,:after,:before{box-sizing:border-box}*{margin:0}body,html{margin:0;padding:0}a,button{cursor:revert}body{line-height:1.3;line-height:calc(1em + .3rem);min-height:100vh;scroll-behavior:smooth;text-rendering:optimizeLegibility}ul[class]{list-style:none;padding:0}img{display:block;max-width:100%}button{font:inherit}h1,h2,h3,p{overflow-wrap:break-word}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}::-moz-placeholder{color:unset}::placeholder{color:unset}[type=button],button{-webkit-appearance:button;background-color:transparent;background-image:none}:root{font-family:Inter,system-ui,sans-serif;font-feature-settings:"liga" 1,"calt" 1,"ss01","ss03";--color-text:#09090a;--color-bg:#fff;--color-surface:#fff;--color-border:rgba(0,0,0,.15);--nav-border-color:var(--color-border);--transition-duration-fast:.2s;--transition-duration-snappy:.1s;--transition-easing-standard:ease-in-out}@supports (font-variation-settings:normal){:root{font-family:InterVariable,sans-serif}}a,body,html,nav{transition:color var(--transition-duration-fast) var(--transition-easing-standard),background-color var(--transition-duration-fast) var(--transition-easing-standard)}body{background-color:var(--color-bg);color:var(--color-text);font-weight:500;text-wrap:pretty;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1rem;font-size:min(max(.9375rem,2vw),1rem)}.dark-mode{--color-text:#f7f7f8;--color-bg:#09090a;--color-surface:#09090a;--color-border:hsla(0,0%,100%,.16);--nav-border-color:var(--color-border)}.dark-mode .cred,.dark-mode figcaption,.dark-mode p{opacity:.85}.dark-mode .link:focus,.dark-mode .link:hover{text-decoration-color:var(--color-border)}.twoCol{display:grid;gap:1rem}@media (min-width:60rem){.twoCol{grid-template-columns:1fr 2fr}}@media (min-width:80rem){.twoCol{grid-template-columns:1fr 1fr}}@media (max-width:60rem){.gapNullMobile{gap:unset}.pushRight{order:2}.pullLeft{order:1}}.rightCol{max-width:50rem}@media (max-width:80rem){.rightCol{order:1}}@media (min-width:80rem){.rightCol{grid-column:2/20}}.figure{max-width:18rem}@media (min-width:60rem){.figure{max-width:25rem}}.figcaption{margin-top:.5rem}.h1,.title{font-size:inherit;line-height:1.25rem}.title{margin-bottom:.5rem}@media (max-width:60rem){.title{font-size:1.25rem;font-weight:800;line-height:1.3333333333}}.container{margin-inline:1rem;padding-bottom:6rem;padding-top:1.25rem}@media (min-width:60rem){.container:first-of-type{padding-top:6.25rem}.sticky{position:sticky;top:6.25rem}}.intro{font-size:2.75rem;font-size:min(max(1.25rem,3vw),3rem);font-weight:800;line-height:3rem;line-height:1.2;margin-bottom:1rem;max-width:41rem}@media (max-width:60rem){.intro{margin-top:.5rem}}@media (min-width:60rem){.intro{line-height:1.1;margin-bottom:2rem}}.maxWidth{max-width:28.75rem}a{color:currentColor;text-underline-offset:.1rem;transition:text-decoration-color var(--transition-duration-snappy) var(--transition-easing-standard)}a:focus,a:hover{text-decoration-color:#09090a00}p{margin-bottom:1rem}.projects{display:grid;grid-template-columns:auto;row-gap:2.5rem}@media (min-width:60rem){.projects{row-gap:4rem}}.projectImgWrapper{display:block;overflow:hidden}.projectImg{transition:transform .3s ease}.projectImg:focus,.projectImg:hover{transform:scale(1.02)}.fontWeightBold{font-weight:700}.fontStyleItalic{font-style:italic}.textDecorationNone{text-decoration:none}.textWrapUnset{text-wrap:wrap}.responsiveImg{height:auto}.spaceBetween{display:flex;justify-content:space-between}@media (max-width:60rem){.hiddenOnMobile{display:none}}@media (min-width:60rem){.hiddenOnMobile{display:block}}.btn{-webkit-appearance:none;-moz-appearance:none;border:none;color:inherit;cursor:pointer;display:inline-block;margin:0;padding:0;position:relative;text-decoration:none;transition:transform .15s ease-in-out}.btn:hover{transform:scale(1.2)}.btn:active{transform:scale(1)}.btn:before{content:"";inset:-.75rem -.8125rem -.875rem;position:absolute}.milo>span:nth-child(2){display:none}.nav{backface-visibility:hidden;background-color:var(--color-surface,#fff);box-shadow:0 .0625rem 0 var(--nav-border-color,rgba(0,0,0,.15));margin-inline:1rem;padding-block:1rem;position:relative;width:calc(100% - 2rem)}@media (min-width:60rem){.nav{position:fixed;z-index:1}}@media (min-width:80rem){.rightColNav{grid-column:2/20}}@media (max-width:60rem){.rightColNav span{font-weight:500}}.toggle{display:flex;gap:1rem}.meta{display:grid;gap:.5rem;margin-top:1rem}.meta--compact{margin-top:1.5rem}.meta--compact:first-of-type{margin-top:0}@media (max-width:48rem){.meta--compact{gap:.25rem}}.desc{margin-bottom:0;max-width:35rem}.link{text-decoration-color:transparent}.dark-mode .link:focus,.dark-mode .link:hover,.link:focus,.link:hover{text-decoration-color:currentColor}.footer{display:block;line-height:1rem;margin-inline:1rem;padding-block:1rem;width:calc(100% - 2rem)}@media (max-width:48rem){.footer .leftCol{order:2}.footer .rightColFooter{order:1}}@media (min-width:80rem){.footer .rightColFooter{grid-column:2/20}}.footer ul{display:flex;gap:1rem;list-style:none;margin:0;padding:0}.project{opacity:0;transition:opacity 1s cubic-bezier(.4,0,.2,1)}.project.inView{opacity:1}.container--animated{animation:fadeIn 1s cubic-bezier(.4,0,.2,1) 0s forwards;animation-delay:.3s;opacity:.01}@keyframes fadeIn{0%{opacity:.01}to{opacity:1}}