:root{--background:#fff;--foreground:#171717;--highlight:#ccc;--large:1.4rem;--body:1.4rem;--small:1rem;--header-h:0px;--center-bias-px:0px}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}@font-face{font-family:Attendant;font-style:normal;font-weight:400;font-display:swap;src:url(/type/Attendant0.3-Medium.woff2)}html,body{max-width:100vw;font-size:1vw}body{color:var(--foreground);background:var(--background);-webkit-appearance:none;-moz-appearance:none;appearance:none;font-feature-settings:"ss01" 1,"cv01" 1,"cv06" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:.015rem;padding:1em;font-family:Attendant,Arial,Helvetica,sans-serif;line-height:1.15}body.no-scroll header,body.no-scroll .nums,body.no-scroll figure,body.no-scroll .global-caption{filter:blur(10px);opacity:.35}body.no-scroll .extra-text-trigger{display:none}body.extra-open .global-caption{filter:blur(10px);opacity:.35}html.no-scroll,body.no-scroll{overscroll-behavior:none;touch-action:none;overflow:hidden}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}h1,h2,h3{font-weight:400}h1,h1 span,h2,p,.details a,.details nav a,figcaption,nav a{font-size:var(--body);color:#000;font-weight:400}@media screen and (max-width:670px){h1,h1 span,h2,p,.details a,.details nav a,figcaption,nav a{font-size:3.9rem!important}}h1{font-size:var(--large);line-height:.9}h1 span{opacity:0;transition:opacity .6s}h1:hover span{opacity:1}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}.wrapper{width:100%;height:calc(100dvw - 2em);padding:1em}@media screen and (max-width:670px){.wrapper{padding:3em}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}header,.nums,figure,.global-caption{transition:opacity .4s,filter .4s,transform .4s}header{font-size:var(--large);z-index:2;grid-template-columns:repeat(12,1fr);align-items:start;width:calc(100% - 2rem);display:grid;position:fixed}header.hints-on h1 span{opacity:1}@media screen and (max-width:670px){header{z-index:40;padding:3em!important}}header h1{grid-column:span 10}@media screen and (max-width:670px){header h1{padding:2em!important}}header button,header a{font:inherit;font-size:var(--body);background:0 0;border:none;outline:none;line-height:.9}header button:hover,header a:hover{cursor:pointer;color:var(--highlight)}header .details{grid-column:span 2;grid-template-columns:repeat(4,1fr);align-items:start;gap:.5rem;display:grid}header .details p{grid-column:span 3;display:none}header .details nav{grid-column:span 4;align-items:start;margin-left:auto;display:flex}header .details nav a{text-align:right;font-size:var(--large);padding-right:2px}header .details nav a:not(:last-of-type):after{content:", "}@media screen and (max-width:670px){header{padding:.5em}header h1,header .details{grid-column:span 6;padding:0!important}}header div{grid-template-columns:repeat(3,1fr);gap:1em;display:grid}header div p{visibility:hidden;grid-column:span 2}header div .links{text-align:right}@media screen and (max-width:670px){header div .links{width:calc(50% - 3em);position:fixed;top:3em;left:50%}}header div .links a:not(:last-of-type):after{content:", "}.projects figure.show-extra img,.projects figure.show-extra video{opacity:.35;filter:blur(10px);transition:opacity .3s}.extra-text{opacity:0;pointer-events:none;z-index:30;color:#fff;mix-blend-mode:difference;width:65%;transition:opacity .3s;position:fixed;top:.85em;left:17.5%}@media screen and (max-width:670px){.extra-text{width:calc(100% - 8em);top:50%;left:4em;right:4em;transform:translateY(-50%)}}.extra-text.is-visible{opacity:1;pointer-events:auto}.extra-text p{color:#fff}.extra-text ul{padding-top:1em;list-style-type:none}.extra-text ul li{font-size:var(--small)}.extra-text-trigger{z-index:40;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:0;pointer-events:none;transition:opacity .22s,transform .22s;position:fixed;bottom:.75em;right:.75em;transform:translateY(6px)}@media screen and (max-width:670px){.extra-text-trigger{font-size:3.9rem;bottom:1.5em;right:1.5em}}@media (hover:hover) and (pointer:fine){.extra-text-trigger:hover{color:#ccc;cursor:pointer}}.extra-text-trigger.is-available{opacity:1;pointer-events:auto;transform:translateY(0)}img.faded{opacity:.1;transition:opacity .3s}#info-pane{z-index:41;opacity:0;pointer-events:none;mix-blend-mode:difference;scroll-behavior:smooth;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;width:calc(60vw - 2em);height:100dvh;padding:1em;transition:opacity .5s;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}@media screen and (max-width:670px){#info-pane{width:100%;padding:4em;top:0;bottom:0;left:0;right:0;overflow-x:hidden}}#info-pane footer{width:100%;position:fixed;top:1em;left:1em}@media screen and (max-width:670px){#info-pane footer{width:calc(100vw - 2em);padding-top:20em;position:static;bottom:1em}}#info-pane footer p{padding-left:0}#info-pane.is-visible{opacity:1;pointer-events:auto}#info-pane h2,#info-pane p,#info-pane dl,#info-pane dt,#info-pane dd,#info-pane ul li,#info-pane a{color:#fff}@media screen and (max-width:670px){#info-pane h2,#info-pane p,#info-pane dl,#info-pane dt,#info-pane dd,#info-pane ul li,#info-pane a{font-size:3.9rem}}#info-pane .cols{grid-template-columns:repeat(3,1fr);gap:1em;margin-top:1em;padding-left:15%;display:grid}@media screen and (max-width:670px){#info-pane .cols{grid-template-columns:repeat(2,1fr);gap:3em;margin-top:4.4em;padding-left:0}}#info-pane .cols a:hover{opacity:.25}#info-pane .cols dl{font-size:var(--small);margin-bottom:1em}@media screen and (max-width:670px){#info-pane .cols dl{font-size:3.9rem}}#info-pane .cols dl:first-of-type{margin-top:1.15em}#info-pane .cols p{font-size:var(--small);margin:1em 0 0;padding:0;text-indent:0!important}@media screen and (max-width:670px){#info-pane .cols p{font-size:3rem}}#info-pane .cols p.title{text-align:center}#info-pane .cols p:first-of-type{margin-top:0}#info-pane .cols ul{padding-left:2em;list-style:none}#info-pane .cols ul li{font-size:var(--body)}@media screen and (max-width:670px){#info-pane .cols ul li{font-size:3.9rem}}#info-pane p{font-size:var(--body);padding-left:15%}@media screen and (max-width:670px){#info-pane p{padding-left:0;font-size:3.9rem}}#info-pane p+p{text-indent:4em}#info-pane .close{font-size:var(--body);color:#fff;z-index:100;position:absolute}@media screen and (max-width:670px){#info-pane .close{padding-left:4em;font-size:3.9rem;position:static}}#info-pane .close:hover{opacity:.25;cursor:pointer}.nums{font-size:var(--body);font-variant-numeric:tabular-nums;z-index:40;position:fixed;bottom:.75em;left:.75em}@media screen and (max-width:670px){.nums{font-size:3.9rem;bottom:1.5em;left:1.5em}}.projects{z-index:1;flex-direction:column;justify-content:center;gap:1em;display:flex;position:relative;top:-1em}@media screen and (max-width:670px){.projects{overscroll-behavior-y:contain;z-index:2}}.projects>figure{scroll-margin-top:calc(var(--header-h) + var(--center-bias-px));contain:paint}.projects>figure .media{will-change:transform,opacity;justify-content:center;display:flex}.projects figure{justify-content:center;align-items:center;width:100%;height:100dvh;display:flex;position:relative}.projects figure figcaption{text-align:center;font-size:var(--body);opacity:0;pointer-events:none;z-index:5;color:#000;width:100%;transition:opacity .2s;position:fixed;bottom:.75em;left:50%;transform:translate(-50%)}@media screen and (max-width:670px){.projects figure figcaption{max-width:90%;font-size:3.9rem;bottom:50%}}.projects figure.show-extra figcaption{display:none}.projects figure.is-current figcaption{opacity:1;pointer-events:auto}.projects figure video{max-width:40%}@media screen and (max-width:670px){.projects figure video{z-index:10;max-width:80%}}.projects figure img{z-index:6;max-width:40%;height:auto;margin-top:-1em;display:block}@media screen and (max-width:670px){.projects figure img{z-index:10;max-width:70%}}.projects figure img.landscape{max-width:60%}@media screen and (max-width:670px){.projects figure img.landscape{max-width:90%}}a:hover{color:#ccc}article{max-width:50%;margin:0 auto}.projects{scroll-snap-type:none!important}.projects>figure{scroll-snap-align:none!important}@media (min-width:1024px) and (hover:hover) and (pointer:fine){.projects{overscroll-behavior:contain}}.projects figure{height:100vh}@supports (height:100svh){.projects figure{height:100svh}}.global-caption{z-index:1;opacity:0;pointer-events:none;font-size:var(--body);color:#000;text-align:center;width:100%;transition:opacity .2s;position:fixed;bottom:.75em;left:50%;transform:translate(-50%)}.global-caption.is-visible{opacity:1}@media (max-width:670px){.global-caption{max-width:90%;font-size:3.9rem;bottom:50%}}.projects .media{filter:blur(12px);opacity:0;will-change:opacity,filter;justify-content:center;align-items:center;transition:opacity .5s,filter .7s;display:flex;position:relative}.projects .media:before{content:"";background-image:var(--lqip-url,none);filter:blur(18px);opacity:1;pointer-events:none;z-index:0;background-position:50%;background-size:cover;transition:opacity .4s;position:absolute;top:0;bottom:0;left:0;right:0;transform:scale(1.03)}.projects .media>img,.projects .media>video{z-index:1;opacity:0;transition:opacity .4s;position:relative}.projects .media.is-loaded{filter:blur();opacity:1}.projects .media.is-loaded:before{opacity:0}.projects .media.is-loaded>img,.projects .media.is-loaded>video{opacity:1}@media (hover:none) and (pointer:coarse){.projects .media{filter:none}.projects .media:before{filter:blur(12px)}}@media (prefers-reduced-motion:reduce){.projects .media{filter:none;transition:opacity .2s linear}.projects .media:before{filter:none;transition:opacity .15s linear}}