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