@import"https://fonts.googleapis.com/css2?family=Archivo:ital,wdth,wght@0,62..125,100..900;1,62..125,100..900&display=swap";*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}h1,h2,h3,h4,h5,h6{text-wrap:balance;line-height:1.2}p,figcaption{text-wrap:pretty}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block;height:auto}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}ul,ul li,ul ul li{margin:0;padding:0;text-indent:0;list-style-type:none}@font-face{font-family:SuisseIntlMono;src:url(./SuisseIntlMono-Thin.CtOWtNpF.otf) format("opentype");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:SuisseIntlMono;src:url(./SuisseIntlMono-Regular.CcKe3er1.otf) format("opentype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:SuisseIntlMono;src:url(./SuisseIntlMono-Bold.Ba-uU10r.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}:root{--bg: rgb(231, 231, 231);--fg: black;--projects-bg: rgb(255, 255, 255);--projects-fg: rgb(0, 0, 0);--about-bg: rgb(180, 180, 180);--about-fg: rgb(64, 64, 64);--experiments-bg: rgb(0, 0, 0);--experiments-fg: rgb(255, 255, 255);--color-id-1: #ff7b72;--color-id-2: #79c0ff;--color-id-3: #d2a8ff;--color-id-4: #ffa657;--font-mono: "SuisseIntlMono", Courier, monospace;--font-sans: "Archivo", sans-serif;--nav-height: 4.5rem;--body-padding: 1rem}body{font-family:var(--font-sans);background-color:var(--bg);color:var(--fg);font-weight:300;padding-top:var(--nav-height)}a:link,a:visited,a:hover,a:active{color:inherit}.article a{text-decoration:none}main,nav{position:relative;padding:var(--body-padding)}[data-theme=projects]{--bg: var(--projects-bg);--fg: var(--projects-fg)}[data-theme=about]{--bg: var(--about-bg);--fg: var(--about-fg)}[data-theme=experiments]{--bg: var(--experiments-bg);--fg: var(--experiments-fg)}[data-theme][data-temporary=projects]{--bg: var(--projects-bg);--fg: var(--projects-fg)}[data-theme][data-temporary=about]{--bg: var(--about-bg);--fg: var(--about-fg)}[data-theme][data-temporary=experiments]{--bg: var(--experiments-bg);--fg: var(--experiments-fg)}body,.dot,.project--header,.project--content,.experiments--list h2,.experiment--header,.experiment--content{transition:background-color var(--duration-long),color var(--duration-long),border var(--duration-long)}main{font-size:1.4rem}h1,h2,h3,h4,h5,h6,figcaption{overflow-wrap:normal;word-break:normal;white-space:normal}p{max-width:75ch;white-space:wrap}section.intro{font-size:1.8rem}section.intro>div{margin:0 auto auto}.project--header,.experiment--header{display:flex;gap:.25rem;position:sticky;top:0;padding:.5rem 0;border-bottom:1px solid color-mix(in srgb,var(--bg) 0%,var(--fg) 15%);background-color:var(--bg)}.project--header .container,.experiment--header .container{flex:1;min-width:0}@media only screen and (max-width: 600px){.project--header,.experiment--header{flex-direction:column-reverse}}.desktop-only{display:block}.mobile-only{display:none}@media only screen and (max-width: 600px){.mobile-only{display:block}.desktop-only{display:none}}.grid{display:grid;gap:2rem}.auto-cols{display:grid;gap:1rem}.auto-cols.slim{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr))}.auto-cols.wide{grid-template-columns:repeat(auto-fit,minmax(min(100%,500px),1fr))}@media screen and (min-width: 60rem){.grid{grid-template-columns:repeat(12,1fr)}.grid>.column{grid-column:span var(--span)}}.column{display:flex;flex-direction:column;gap:1rem}.column:empty{display:none}.article{font-size:2rem}.background-image{position:fixed;top:0;left:0;width:100%;height:100%;object-fit:cover;filter:blur(30px) contrast(1);transform:scale(1.2);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 40%);-webkit-mask-repeat:no-repeat;-webkit-mask-size:100% 100%;-webkit-mask-position:left;z-index:-10;opacity:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOutBlockout{0%{opacity:1;z-index:20;pointer-events:none}to{opacity:0}}@keyframes fadeInBlockout{0%{opacity:0}to{opacity:1;z-index:20;pointer-events:none}}li.article:hover{text-indent:1rem}.pswp__custom-caption{background:var(--bg);font-size:1rem;color:var(--fg);width:calc(100% - 2rem);max-width:400px;padding:0 .5rem;border-radius:4px;position:absolute;left:50%;bottom:1rem;transform:translate(-50%)}.pswp__custom-caption a{color:var(--fg);text-decoration:underline}.hidden-caption-content{display:none}.image-gallery figcaption{color:color-mix(in srgb,var(--bg) 0%,var(--fg) 40%);font-size:clamp(1rem,1.5vw,1.4rem)}.preview,.project--cover{width:100%;height:100%;position:fixed;top:0;left:0;z-index:-10;display:flex;justify-content:center;align-items:center}.preview img,.project--cover img{width:100vw;height:100vh;object-fit:cover;position:fixed;top:0;left:0;transform:scale(1.2);background-color:var(--bg)}.preview figcaption,.project--cover figcaption{font-size:clamp(2.5rem,6vw,8rem);font-family:var(--font-mono);font-weight:300!important;z-index:10;text-align:center;-webkit-hyphens:none;hyphens:none}iframe{width:100%;aspect-ratio:16/9}.footnote,#footnotes li::marker{color:var(--color-id-1)}.footnote a{scroll-margin-top:5rem}header.project--header:not(.hide-container)~section .footnote a{scroll-margin-top:15rem}.block p{margin-bottom:.5rem}@media only screen and (max-width: 450px){:root{--body-padding: .5rem}main{font-size:1rem}section.intro{font-size:1.25rem}}nav.svelte-1rgoql7{position:fixed;top:0;width:100vw;font-size:clamp(1.6rem,2.3vw,4rem);color:var(--titlecolor)}nav.svelte-1rgoql7 ul:where(.svelte-1rgoql7){display:flex;justify-content:space-between;transition:transform var(--duration-normal) ease;transform:rotateX(0)}nav.svelte-1rgoql7 a:where(.svelte-1rgoql7){display:flex;transform:rotateX(180deg);transition:transform var(--duration-normal) ease;color:inherit;text-decoration:none}nav.svelte-1rgoql7 a[aria-current=page]:where(.svelte-1rgoql7){transform:rotateX(0)}.menu--item.svelte-1rgoql7{text-transform:capitalize;line-height:1}#projects.svelte-1rgoql7{font-family:var(--font-mono);font-weight:300}#about.svelte-1rgoql7{align-self:center;display:flex}#about.svelte-1rgoql7 .dot:where(.svelte-1rgoql7){background-color:transparent;border-radius:50%;display:flex;height:clamp(1.3rem,2vw,4rem);width:clamp(1.3rem,2vw,4rem);// border: clamp(.15rem,.3vw,.5rem) solid var(--fg);border:clamp(.15rem,.3vw,.5rem) solid var(--titlecolor);font-size:0;// hide accessibility text}#experiments.svelte-1rgoql7{font-weight:300}nav.svelte-1rgoql7{opacity:1;transition:opacity var(--duration-long)}[data-scrolldirection=down] nav.svelte-1rgoql7{opacity:0;pointer-events:none}.preview.svelte-2wjj7r{filter:blur(40px);pointer-events:none}.preview.svelte-2wjj7r img:where(.svelte-2wjj7r){// opacity: 0}[data-transitioning=false] .preview.svelte-2wjj7r{opacity:unset;animation:fadeOutBlockout var(--duration-longest) cubic-bezier(.85,.09,.15,.91) forwards}[data-transitioning=true] .preview.svelte-2wjj7r{opacity:unset;animation:fadeInBlockout var(--duration-slow) cubic-bezier(.85,.09,.15,.91) forwards}