@font-face{font-family:erode;src:url(../media/Erode_Variable-s.p.0zhmdigkndem8.woff2)format("woff2");font-display:swap;font-weight:300 700;font-style:normal}@font-face{font-family:erode;src:url(../media/Erode_VariableItalic-s.p.10xq6jd22ktek.woff2)format("woff2");font-display:swap;font-weight:300 700;font-style:italic}@font-face{font-family:erode Fallback;src:local(Arial);ascent-override:103.2%;descent-override:24.41%;line-gap-override:9.99%;size-adjust:90.12%}.erode_25cc63c1-module__Ol7o4q__className{font-family:erode,erode Fallback,Georgia,Times New Roman,serif}.erode_25cc63c1-module__Ol7o4q__variable{--font-erode:"erode", "erode Fallback", Georgia, Times New Roman, serif}
:root{--background:#cfb9a3;--foreground:#211c17;--rule:#211c1738;--rule-soft:#211c171f;--muted:#211c178c;--size-display:clamp(2.9rem, 7.5vw, 9rem);--size-title:clamp(2.2rem, 5.2vw, 5.75rem);--size-lead:clamp(1.45rem, 2.6vw, 3.2rem);--size-body:clamp(1.02rem, 1.5vw, 1.85rem);--size-nav:clamp(.8rem, .86vw, .95rem);--size-meta:clamp(.68rem, .72vw, .8rem);--weight-display:300;--weight-lead:315;--weight-body:400;--weight-nav:500;--leading-display:1.02;--leading-lead:1.18;--leading-body:1.45;--tracking-display:-.021em;--tracking-lead:-.014em;--tracking-body:-.003em;--tracking-nav:.02em;--tracking-meta:.09em;--page-margin:clamp(1.4rem, 3.6vw, 4.5rem);--space-block:clamp(2.2rem, 5.2vh, 4.5rem);--grid-gap:clamp(1rem, 1.6vw, 2rem);--gap-field:clamp(2.5rem, 21vh, 13rem);--gap-close:clamp(1.5rem, 4.6vh, 3.25rem);--hairline:1px;--ease:cubic-bezier(.22, .61, .36, 1);--duration:.48s;--duration-slow:.9s}@media (max-width:640px){:root{--size-display:clamp(2.6rem, 10.4vw, 4rem);--size-lead:clamp(1.35rem, 5.6vw, 2rem);--size-body:1.02rem;--leading-display:1.04;--leading-lead:1.22;--tracking-display:-.018em;--space-block:clamp(1.9rem, 4.4vh, 3rem);--gap-field:clamp(1.75rem, 11vh, 5.5rem)}}@media (max-width:375px){:root{--size-display:clamp(2.15rem, 10vw, 3.1rem);--size-lead:clamp(1.2rem, 5.4vw, 1.6rem);--gap-field:clamp(1.5rem, 8vh, 3.5rem);--space-block:1.7rem}}
*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--background);color:var(--foreground);font-family:var(--font-erode), Georgia, "Times New Roman", serif;font-weight:var(--weight-body);font-size:var(--size-body);line-height:var(--leading-body);letter-spacing:var(--tracking-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}::selection{background:var(--foreground);color:var(--background)}a{color:inherit}.page{min-height:100svh;padding:0 var(--page-margin);flex-direction:column;display:flex}.page__main{padding:var(--space-block) 0;flex-direction:column;flex:1;display:flex}.grid{column-gap:var(--grid-gap);grid-template-columns:repeat(12,1fr);display:grid}.nav{justify-content:space-between;align-items:baseline;gap:var(--grid-gap);border-bottom:var(--hairline) solid var(--rule);font-size:var(--size-nav);font-weight:var(--weight-nav);letter-spacing:var(--tracking-nav);padding:clamp(1.1rem,2.2vh,1.7rem) 0 clamp(.8rem,1.6vh,1.15rem);line-height:1;display:flex}.nav__name{white-space:nowrap;text-decoration:none}.nav__links{gap:clamp(1.1rem,2vw,2.1rem);display:flex}.display{font-size:var(--size-display);font-weight:var(--weight-display);line-height:var(--leading-display);letter-spacing:var(--tracking-display);text-wrap:pretty;margin:0}.lead{font-size:var(--size-lead);font-weight:var(--weight-lead);line-height:var(--leading-lead);letter-spacing:var(--tracking-lead);margin:0}.body{font-size:var(--size-body);font-weight:var(--weight-body);line-height:var(--leading-body);letter-spacing:var(--tracking-body);max-width:46ch;margin:0}.meta{font-size:var(--size-meta);letter-spacing:var(--tracking-meta);text-transform:uppercase;color:var(--muted);margin:0;font-weight:500;line-height:1}.italic{font-style:italic}.line{display:block}.link{white-space:nowrap;background-image:linear-gradient(var(--foreground), var(--foreground));background-position:0 100%;background-repeat:no-repeat;background-size:100% var(--hairline);transition:background-size var(--duration) var(--ease), background-position var(--duration) var(--ease), opacity var(--duration) var(--ease);padding-bottom:.06em;text-decoration:none;position:relative}.link:hover,.link:focus-visible{background-position:0 100%;background-size:100% .055em}.lead .link,.display .link{background-size:100% .035em;padding-bottom:.02em}.lead .link:hover,.display .link:hover,.lead .link:focus-visible,.display .link:focus-visible{background-size:100% .07em}.link--quiet{background-size:0% var(--hairline)}.link--quiet:hover,.link--quiet:focus-visible{background-size:100% var(--hairline)}:focus-visible{outline:var(--hairline) solid var(--foreground);outline-offset:.35em}.footer{justify-content:space-between;align-items:baseline;gap:var(--grid-gap);border-top:var(--hairline) solid var(--rule-soft);padding:clamp(.9rem,1.8vh,1.4rem) 0 clamp(1.2rem,2.4vh,1.8rem);display:flex}.home{column-gap:var(--grid-gap);flex:1;grid-template-rows:.6fr auto auto auto 1fr;grid-template-columns:repeat(12,1fr);row-gap:0;display:grid}.home__greeting{grid-area:2/1/auto/11}.home__roles{margin-top:var(--gap-field);flex-direction:column;grid-area:3/6/auto/13;gap:.24em;display:flex}.home__invitation{margin-top:var(--gap-close);grid-area:4/1/auto/8}@media (max-width:1024px){.home__greeting{grid-column:1/11}.home__roles{grid-column:4/13}.home__invitation{grid-column:1/10}}@media (max-width:640px){.home{grid-template-rows:.25fr auto auto auto 1fr;grid-template-columns:1fr}.home__greeting,.home__roles,.home__invitation{grid-column:1/-1}.home__invitation{max-width:32ch}}.index-page{column-gap:var(--grid-gap);flex:1;grid-template-rows:.4fr auto auto 1fr;grid-template-columns:repeat(12,1fr);row-gap:0;display:grid}.index-page__title{font-size:var(--size-title);grid-area:2/1/auto/11}.index-page .preview-index{grid-area:3/1/auto/-1;margin-top:clamp(2rem,7vh,5rem)}@media (max-width:640px){.index-page{grid-template-rows:.25fr auto auto 1fr;grid-template-columns:1fr}.index-page__title,.index-page .preview-index{grid-column:1/-1}}.preview-index{column-gap:var(--grid-gap);grid-template-columns:repeat(12,1fr);align-items:start;display:grid}.preview-index__list{grid-column:1/8;margin:0;padding:0;list-style:none}.preview-index__head{justify-content:space-between;align-items:baseline;gap:var(--grid-gap);padding-bottom:.9em;display:flex}.preview-row{border-top:var(--hairline) solid var(--rule)}.preview-row:last-child{border-bottom:var(--hairline) solid var(--rule)}.preview-row__link{color:inherit;transition:padding-left var(--duration) var(--ease), opacity var(--duration) var(--ease);padding:clamp(.7rem,1.6vh,1.15rem) 0;text-decoration:none;display:block}.preview-row__head{justify-content:space-between;align-items:baseline;gap:var(--grid-gap);display:flex}.preview-index__head .meta,.preview-row__head .meta{font-size:clamp(.82rem,.9vw,1rem)}.preview-index--typed .preview-index__head,.preview-index--typed .preview-row__head{grid-template-columns:1fr clamp(8rem,13vw,13.5rem) 5ch;align-items:baseline;display:grid}.preview-index--typed .preview-index__head>:last-child,.preview-index--typed .preview-row__head>:last-child{text-align:right}@media (max-width:900px){.preview-index--typed .preview-index__head,.preview-index--typed .preview-row__head{grid-template-columns:1fr 5ch}.preview-index--typed .preview-index__head>:nth-child(2),.preview-index--typed .preview-row__type{opacity:.62;grid-area:2/1}}.preview-row__detail{opacity:0;transition:grid-template-rows .46s var(--ease), opacity .3s var(--ease), margin-top .46s var(--ease);grid-template-rows:0fr;display:grid}.preview-row__detail-inner{min-height:0;overflow:hidden}.preview-row__detail .body{max-width:46ch;color:var(--muted)}.preview-row.is-active .preview-row__detail{opacity:1;grid-template-rows:1fr;margin-top:.5em}.preview-index:hover .preview-row:not(.is-active) .preview-row__link{opacity:.45}.preview-row.is-active .preview-row__link{padding-left:.55rem}.preview-row__title{background-image:linear-gradient(var(--foreground), var(--foreground));transition:background-size var(--duration) var(--ease);background-position:0 100%;background-repeat:no-repeat;background-size:0% .035em;padding-bottom:.04em}.preview-row.is-active .preview-row__title{background-size:100% .035em}.preview-row:has(.preview-row__link:focus-visible){outline:var(--hairline) solid var(--foreground);outline-offset:.35em}.preview-row__link:focus-visible{outline:none}.preview-index__frame{transform:translate3d(calc(var(--drift-x,0) * 10px), calc(var(--drift-y,0) * 10px), 0);grid-column:8/13;justify-content:center;align-items:flex-start;transition:transform .9s cubic-bezier(.19,1,.22,1);display:flex;position:sticky;top:clamp(4rem,14vh,9rem)}.preview-index--landscape .preview-index__frame{top:clamp(5rem,20vh,12rem)}.preview-index--portrait .preview-index__frame{grid-column:9/13}.preview-index--portrait .preview-index__frame[data-shape=landscape]{grid-column:8/13;top:clamp(5rem,20vh,12rem)}.preview-index__stage{aspect-ratio:4/5;width:min(100%,min(70vh,44rem)/1.25);position:relative;overflow:hidden}.preview-index--landscape .preview-index__stage,.preview-index__stage[data-shape=landscape]{aspect-ratio:16/10;width:100%;height:auto;max-height:min(58vh,34rem)}.preview-index--landscape .preview-image,.preview-index__stage .preview-image--landscape{object-fit:contain;transform:none}.preview-image{object-fit:cover;opacity:0;transition:opacity .55s var(--ease);transform:scale(1.04)}.preview-image.is-active{opacity:1}@media (max-width:1024px){.preview-index__list{grid-column:1/7}.preview-index__frame{grid-column:7/13}}@media (max-width:900px),(hover:none){.preview-index{grid-template-columns:1fr}.preview-index__list{grid-column:1/-1}.preview-index__frame{display:none}.preview-index:hover .preview-row:not(.is-active) .preview-row__link{opacity:1}.preview-row.is-active .preview-row__link{padding-left:0}.preview-row__detail{opacity:1;grid-template-rows:1fr;margin-top:.5em}}@media (prefers-reduced-motion:reduce){.preview-index__frame{transition:none;transform:none}}.index{margin:0;padding:0;list-style:none}.entry{border-top:var(--hairline) solid var(--rule)}.entry:last-child{border-bottom:var(--hairline) solid var(--rule)}.entry__link{color:inherit;transition:padding-left var(--duration) var(--ease);padding:clamp(1.1rem,2.4vh,1.9rem) 0 clamp(1.3rem,2.8vh,2.2rem);text-decoration:none;display:block}.entry__link:hover,.entry__link:focus-visible{padding-left:.5rem}.entry__head{justify-content:space-between;align-items:baseline;gap:var(--grid-gap);display:flex}.entry__title{background-image:linear-gradient(var(--foreground), var(--foreground));transition:background-size var(--duration) var(--ease);background-position:0 100%;background-repeat:no-repeat;background-size:0% .035em;padding-bottom:.04em}.entry__link:hover .entry__title,.entry__link:focus-visible .entry__title{background-size:100% .035em}.entry__description{max-width:54ch;color:var(--muted);transition:color var(--duration) var(--ease);margin-top:.6em}.entry__link:hover .entry__description,.entry__link:focus-visible .entry__description{color:var(--foreground)}.entry__link:focus-visible{outline:none}.entry:has(.entry__link:focus-visible){outline:var(--hairline) solid var(--foreground);outline-offset:.4em}.outdoors{flex:1;grid-template-rows:minmax(0,.85fr) auto auto minmax(0,1fr);justify-items:center;display:grid}.strip{width:100vw;max-width:100vw;aspect-ratio:var(--ratio-sum);grid-row:2;gap:clamp(.5rem,.9vw,1rem);margin-inline:calc(50% - 50vw);padding-inline:clamp(.5rem,.9vw,1rem);display:flex}.strip__frame{flex:var(--ratio) 1 0;cursor:pointer;min-width:0;transition:opacity var(--duration) var(--ease);background:0 0;border:0;padding:0;position:relative;overflow:hidden}.strip:hover .strip__frame:not(:hover){opacity:.55}.strip__image{object-fit:cover}.strip__frame:focus-visible{outline:var(--hairline) solid var(--foreground);outline-offset:.3em}.outdoors__caption{text-align:center;flex-direction:column;grid-row:3;align-items:center;width:100%;padding-top:clamp(3.75rem,12vh,8.5rem);display:flex}.outdoors__title{font-size:var(--size-title)}.outdoors__line{max-width:52ch;margin-top:1.15em}.outdoors__line:first-of-type{margin-top:clamp(1.75rem,4vh,3rem)}@media (max-width:900px){.strip{aspect-ratio:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;height:clamp(15rem,46vh,26rem);overflow-x:auto}.strip__frame{width:calc(clamp(15rem, 46vh, 26rem) * var(--ratio));scroll-snap-align:center;flex:none}.strip:hover .strip__frame:not(:hover){opacity:1}}.viewer{z-index:20;background:var(--background);padding:clamp(3.5rem, 9vh, 6rem) var(--page-margin);cursor:zoom-out;animation:viewer-in .32s var(--ease) both;place-items:center;display:grid;position:fixed;inset:0}@keyframes viewer-in{0%{opacity:0}}.viewer__stage{cursor:default;max-width:100%;max-height:100%}.viewer__image{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:calc(100svh - clamp(7rem,18vh,12rem));display:block}.viewer__bar{align-items:center;gap:clamp(1rem,2vw,1.75rem);display:flex;position:fixed;bottom:clamp(1.1rem,3vh,2rem);left:50%;transform:translate(-50%)}.viewer__close{top:clamp(1.1rem,3vh,2rem);right:var(--page-margin);font-size:var(--size-nav);letter-spacing:var(--tracking-nav);position:fixed}.viewer__nav,.viewer__close{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.viewer__nav{font-size:1.15rem;line-height:1}@media (prefers-reduced-motion:reduce){.viewer{animation:none}}.project{column-gap:var(--grid-gap);flex:1;grid-template-columns:repeat(12,1fr);align-items:start;padding-top:clamp(1.5rem,4vh,3.5rem);display:grid}.project__rail{grid-column:1/5;align-self:stretch}.project__rail-inner{position:sticky;top:clamp(1.5rem,5vh,4rem)}.project__title{font-size:var(--size-title)}.project__year{margin-top:1.1em}.project__statement{max-width:22ch;margin-top:clamp(1.5rem,3.2vh,2.75rem)}.project__statement--body{max-width:34ch}.project__facts{row-gap:1.1em;margin-top:clamp(1.5rem,3.2vh,2.75rem);display:grid}.project__fact{row-gap:.35em;display:grid}.project__fact-label{opacity:.62}.project__fact-value{max-width:30ch}.project__media{column-gap:var(--grid-gap);grid-column:5/13;grid-template-columns:repeat(8,1fr);row-gap:clamp(2.5rem,7vh,6rem);display:grid}.figure{margin:0}.figure--full{grid-column:span 8}.figure--tall{grid-column:span 5}.figure--half{grid-column:span 4}.figure__caption{margin-bottom:.85em}.project--case .figure__caption .meta,.project--case .case-section__kicker,.project--case .project__fact-label,.project--case .trial__prompt,.project--case .trial__relation .meta,.project--case .flow .meta{font-size:clamp(.86rem,.94vw,1.04rem)}.figure__image{width:100%;height:auto;display:block}.case-section{grid-column:span 8}.case-section:not(:first-child){margin-top:clamp(1rem,3vh,2.5rem)}.case-section__kicker{opacity:.62}.case-section__heading{max-width:30ch;margin-top:.5em}.case-section__paragraph{max-width:52ch;margin-top:1.1em}.case-section__quote{max-width:46ch;margin:1.6em 0 0 2ch}.case-section__quote-by{opacity:.62}.trial{grid-column:span 8;justify-self:start;max-width:34rem}.trial__prompt{margin-bottom:1.6rem}.trial__source{flex-direction:column;align-items:center;row-gap:.6rem;display:flex}.trial__choices{justify-content:space-between;gap:var(--grid-gap);margin-top:clamp(1.25rem,3vh,2rem);display:flex}.trial__choice{flex-direction:column;align-items:center;row-gap:.6rem;display:flex}.trial-card{border:var(--hairline) solid var(--rule);background:#fdfcf9;width:clamp(6.5rem,16vw,8.5rem);padding:.4rem;display:block;position:relative}.trial-card--choice{cursor:pointer;font:inherit;color:inherit;transition:transform .3s var(--ease), border-color .3s var(--ease)}.trial-card--choice:hover:enabled,.trial-card--choice:focus-visible{border-color:var(--foreground);transform:translateY(-3px)}.trial-card--choice:disabled{cursor:default}.trial-card__art{width:100%;height:auto;display:block}.trial-card.is-wrong{animation:trial-shake .4s var(--ease)}@keyframes trial-shake{0%{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-3px)}to{transform:translate(0)}}.trial-card__art.is-pulsing .trial-shape{animation:trial-pulse .9s var(--ease);transform-box:fill-box;transform-origin:50%}.trial-card__art.is-pulsing>g:nth-of-type(2) .trial-shape{animation-delay:.18s}@keyframes trial-pulse{0%,to{transform:scale(1)}40%{transform:scale(1.12)}}.trial-card__mark{opacity:0;width:1.5rem;height:1.5rem;transition:opacity .25s ease-in, transform .3s var(--ease);position:absolute;bottom:-.55rem;right:-.55rem;transform:scale(.6)}.trial-card__mark.is-shown{opacity:1;transform:scale(1)}.trial-card__mark svg{width:100%;height:100%;display:block}.trial__relation{opacity:0;transition:opacity .4s ease-in}.trial__relation.is-shown{opacity:.7}.trial__footer{flex-wrap:wrap;align-items:baseline;gap:.4rem 1.5rem;min-height:2.4em;margin-top:1.4rem;display:flex}.trial__note{opacity:0;max-width:30ch;transition:opacity .5s ease-in}.trial__note.is-shown{opacity:1}.trial__again{cursor:pointer;font:inherit;color:inherit;font-size:var(--size-body);background-color:#0000;border:0;padding:0}.flow{grid-column:span 8}.flow__scroll{padding-bottom:.5rem;overflow-x:auto}.flow__track{width:max-content;padding:0;padding-bottom:calc(7 * var(--flow-step));--flow-step:1.5rem;align-items:flex-start;gap:clamp(.5rem,1vw,1rem);margin:0;list-style:none;display:flex;position:relative}.flow__step{transform:translateY(calc(var(--flow-i) * var(--flow-step)));flex-direction:column;row-gap:.15rem;width:clamp(7rem,10vw,9rem);display:flex}.flow__card{border:var(--hairline) solid var(--rule);background:#fdfcf9;margin-bottom:.45rem;padding:.3rem;display:block}.flow__image{width:100%;height:auto;display:block}.flow__label{line-height:1.4}.flow__trials{opacity:.62;line-height:1.4}.flow__arrow{width:100%;height:100%;color:var(--rule);pointer-events:none;position:absolute;inset:0}.flow__arrowhead{width:.55rem;color:var(--rule);pointer-events:none;position:absolute;bottom:8%;right:.5%;transform:rotate(40deg)}.flow__arrowhead svg{width:100%;height:auto;display:block}@media (prefers-reduced-motion:reduce){.trial-card.is-wrong,.trial-card__art.is-pulsing .trial-shape{animation:none}}@media (max-width:640px){.trial{grid-column:1/-1}.trial-card{width:clamp(5.5rem,26vw,7.5rem)}.flow{grid-column:1/-1}}.acronym__letter{transition:font-weight .7s var(--ease);transition-delay:calc(var(--acr-i) * .15s);font-weight:700}.acronym.has-js:not(.is-play) .acronym__letter{font-weight:var(--weight-body)}@media (prefers-reduced-motion:reduce){.acronym__letter,.acronym.has-js:not(.is-play) .acronym__letter{font-weight:700;transition:none}}.mark{background-image:linear-gradient(0deg,#211c171c .46em,#0000 .46em);font-weight:500}[data-fade-in]{transition:opacity .5s ease-in}[data-fade-in-y]>*{transition:transform 1s cubic-bezier(.26,.1,0,1)}[data-reveal=on] [data-fade-in]:not(.show){opacity:0}[data-reveal=on] [data-fade-in-y]:not(.show)>*{transform:translateY(200px)}@media (max-width:640px){[data-reveal=on] [data-fade-in-y]:not(.show)>*{transform:translateY(90px)}}@media (prefers-reduced-motion:reduce){[data-reveal=on] [data-fade-in]:not(.show){opacity:1}[data-reveal=on] [data-fade-in-y]:not(.show)>*{transform:none}}@media (max-width:1024px){.project__rail{grid-column:1/4}.project__media{grid-column:4/13}.project__statement{max-width:26ch}}@media (max-width:640px){.project{grid-template-columns:1fr;row-gap:clamp(2.5rem,6vh,4rem)}.project__rail{grid-column:1/-1;position:static}.project__statement{max-width:34ch}.project__media{grid-column:1/-1;grid-template-columns:1fr}.figure,.figure--full,.figure--tall,.figure--half,.case-section{grid-column:1/-1}.case-section__quote{margin-left:0}}.experiments{column-gap:var(--grid-gap);flex:1;grid-template-rows:.5fr auto auto auto 1fr;grid-template-columns:repeat(12,1fr);row-gap:0;display:grid}.experiments__title{font-size:var(--size-title);grid-area:2/1/auto/11}.experiments__index{grid-area:3/1/auto/11;margin-top:clamp(2rem,7vh,5rem)}.experiments__note{margin-top:var(--gap-close);color:var(--muted);grid-area:4/1/auto/8}@media (max-width:1024px){.experiments__title,.experiments__index{grid-column:1/12}.experiments__note{grid-column:1/10}}@media (max-width:640px){.experiments{grid-template-rows:.25fr auto auto auto 1fr;grid-template-columns:1fr}.experiments__title,.experiments__index,.experiments__note{grid-column:1/-1}}.section{column-gap:var(--grid-gap);flex:1;grid-template-rows:.6fr auto auto 1fr;grid-template-columns:repeat(12,1fr);row-gap:0;display:grid}.section__title{font-size:var(--size-title);grid-area:2/1/auto/10}.section__note{margin-top:var(--gap-field);color:var(--muted);grid-area:3/1/auto/8}@media (max-width:640px){.section{grid-template-columns:1fr}.section__title,.section__note{grid-column:1/-1}}.reveal{opacity:0;animation:reveal var(--duration-slow) var(--ease) forwards;animation-delay:calc(var(--reveal-index,0) * .11s + 60ms);transform:translateY(.55rem)}@keyframes reveal{to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;animation:none;transform:none}*{transition-duration:1ms!important}}