@font-face{font-family:openRunde;src:url(../media/OpenRunde_Regular-s.p.3i5t8uahr2766.woff2)format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:openRunde;src:url(../media/OpenRunde_Medium-s.p.2h62s-mncjiz2.woff2)format("woff2");font-display:swap;font-weight:500;font-style:normal}@font-face{font-family:openRunde Fallback;src:local(Arial);ascent-override:90.0%;descent-override:22.43%;line-gap-override:0.0%;size-adjust:107.64%}.openrunde_55d2d79e-module__LLbvWW__className{font-family:openRunde,openRunde Fallback}.openrunde_55d2d79e-module__LLbvWW__variable{--font-open-runde:"openRunde", "openRunde Fallback"}
html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-behavior:allow-discrete;transition-property:overflow;transition-duration:1ms}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--background:#fff;--black:#000;--gray:#303030;--gray-light:#a1a1a1;--border:#a3a3a333;--line-muted:#e6e6e6;--surface:#f5f5f5;--dot:#f2f2f2;--dot-active:#bdbdbd;--font-sans:var(--font-open-runde), sans-serif;--text-body:14px;--text-caption:12px;--text-small:10px;--weight-regular:400;--weight-medium:500;--leading-body:24px;--leading-tight:20px;--leading-list:28px;--space-2xs:4px;--space-xs:8px;--space-sm:16px;--space-md:20px;--space-lg:32px;--space-xl:64px;--space-row:12px;--space-section:var(--space-xl);--space-title:var(--space-md);--content-w:566px;--col-pad:96px}body{font-family:var(--font-sans);font-weight:var(--weight-regular);font-size:var(--text-body);font-style:normal;line-height:var(--leading-body);letter-spacing:0;font-feature-settings:"liga" off, "clig" off;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--gray);background:var(--background)}.section-label,.section-label h2,.project-title,.page-title,.essay-title,.feature-title,.experiment-title,.collab-label,.related-label{font-size:var(--text-body);font-weight:var(--weight-regular);line-height:var(--leading-body);letter-spacing:0;color:var(--black)}::selection{background:var(--black);color:var(--background)}::selection{background:var(--black);color:var(--background)}.link{color:var(--gray);text-decoration:underline;-webkit-text-decoration-color:var(--line-muted);text-decoration-color:var(--line-muted);text-underline-offset:3px;transition:text-decoration-color .2s}.link:hover{-webkit-text-decoration-color:var(--gray);text-decoration-color:var(--gray)}.grid-row{width:100%}.col{max-width:calc(var(--content-w) + var(--col-pad) * 2);padding:0 var(--col-pad);margin:0 auto}.section-label{padding:var(--space-section) 0 var(--space-title);justify-content:space-between;align-items:center;display:flex}.section-label a{font-size:var(--text-body);line-height:var(--leading-body);letter-spacing:0;color:var(--gray);text-decoration:none}.section-label a:hover{color:var(--black)}.about{padding:12px 0 0}.about h1{font-size:var(--text-body);font-weight:var(--weight-regular);line-height:var(--leading-tight);letter-spacing:0;color:var(--black);margin-bottom:0}.about-head{width:fit-content}.about-role{line-height:var(--leading-tight);color:var(--gray-light);cursor:default;margin-bottom:32px}.type-caret{opacity:0}.type-caret.blink{animation:1.05s step-end infinite caretBlink}@keyframes caretBlink{0%,50%{opacity:1}50.01%,to{opacity:0}}.about>p{margin-bottom:var(--space-md)}.about>p:last-child{margin-bottom:0}.projects-list{border-top:.4px solid var(--border);list-style:none}.project-row{column-gap:var(--space-lg);padding:var(--space-row) 0;border-bottom:.4px solid var(--border);color:inherit;cursor:pointer;grid-template-columns:auto 1fr auto;align-items:center;text-decoration:none;display:grid}.project-row>span{transition:color .2s}a.project-row:hover>span{color:var(--black)}.project-row>span:first-child,.project-row>span:last-child{color:var(--gray-light)}.project-row--disabled{cursor:not-allowed}.project-row--disabled:hover>span:nth-child(2){color:var(--gray)}.wip-tag{font-size:var(--text-small);letter-spacing:.06em;color:var(--gray-light);vertical-align:middle;opacity:0;pointer-events:none;border:1px solid #a3a3a359;border-radius:5px;align-items:center;margin-left:10px;padding:3px 6px;line-height:1;transition:opacity .22s,transform .22s;display:inline-flex;transform:translate(-4px)}.project-row--disabled:hover .wip-tag{opacity:1;transform:translate(0)}.experiments-grid{gap:var(--space-sm);grid-template-columns:1fr 1fr;display:grid}.thumb{background:var(--surface);aspect-ratio:17/12;border:.4px solid var(--border);overflow:hidden}.thumb img,.thumb video{object-fit:cover;width:100%;height:100%;display:block}.writing-list{list-style:none}.writing-list li{border-bottom:.4px solid var(--border)}.writing-row{column-gap:var(--space-sm);padding:var(--space-sm) 0;color:inherit;grid-template-columns:auto 1fr;align-items:center;text-decoration:none;display:grid}.writing-list li:first-child .writing-row{padding-top:0}.writing-note{flex:none;width:40px;height:auto;display:block}.writing-title{color:var(--gray);transition:color .2s;display:block}.writing-row:hover .writing-title{color:var(--black)}.writing-sub{color:var(--gray-light);margin-top:2px;display:block}.features{border-top:.4px solid var(--border)}.feat-group{column-gap:var(--space-lg);padding:var(--space-sm) 0;border-bottom:.4px solid var(--border);line-height:var(--leading-list);grid-template-columns:118px 1fr;align-items:start;display:grid}.feat-category{color:var(--gray-light)}.feat-list{flex-direction:column;display:flex}.feat-item{justify-content:space-between;align-items:baseline;gap:var(--space-md);display:flex}.feat-year{color:var(--gray-light);flex:none}.essay-intro{padding:var(--space-xl) 0 0}.essay-title{margin-bottom:2px}.essay-date{color:var(--gray-light)}.essay-body{padding:var(--space-lg) 0 var(--space-xl)}.essay-section+.essay-section{margin-top:40px}.essay-section .feature-copy{white-space:pre-line}.outro{padding:var(--space-section) 0 0;max-width:640px}.outro p{margin-bottom:var(--space-md)}.outro p:last-child{margin-bottom:0}.notfound{max-width:calc(var(--content-w) + var(--col-pad) * 2);padding:var(--space-xl) 0 0;text-align:center;margin:0 auto}.notfound-content{padding:0 var(--col-pad)}.snake-panel{-webkit-user-select:none;user-select:none;width:100%;height:clamp(320px,46vh,460px);margin:0 auto;position:relative;overflow:hidden}.snake-panel canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.notfound-copy{padding:var(--space-xl) 0 0}.notfound-title{font-size:var(--text-body);font-weight:var(--weight-regular);line-height:var(--leading-body);color:var(--black);margin-bottom:var(--space-xs)}.notfound-copy p{color:var(--gray);max-width:220px;margin:0 auto}.notfound-links{justify-content:center;gap:var(--space-lg);padding:96px 0 var(--space-xl);display:flex}.footer{padding:var(--space-section) 0 var(--space-xl);justify-content:space-between;align-items:center;display:flex}.footer-links{gap:24px;display:flex}.footer-copyright,.footer a{font-size:var(--text-body);line-height:var(--leading-body);letter-spacing:0}.footer a{color:var(--black);text-decoration:none}.footer a:hover{color:var(--gray)}.footer-copyright{color:var(--gray-light)}.project-header-col,.page-header-col{max-width:calc(var(--content-w) + var(--col-pad) * 2);padding:0 var(--col-pad);margin:0 auto;position:relative}.back-link{top:var(--space-xl);left:max(var(--space-xs), calc((100vw - (var(--content-w) + var(--col-pad) * 2)) / 2 - 24px));z-index:50;background:var(--surface);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;text-decoration:none;transition:background .2s;display:inline-flex;position:fixed}.back-link-chevron{color:var(--black);flex:none}.back-link:hover{background:var(--line-muted)}.project-intro{padding:var(--space-xl) 0}.page-intro{padding:var(--space-xl) 0 40px}.project-title{margin-bottom:var(--space-md)}.collab-link{color:var(--gray);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--line-muted);text-decoration-color:var(--line-muted)}.collab-link:hover{color:var(--black);-webkit-text-decoration-color:var(--black);text-decoration-color:var(--black)}.section-pad{padding:var(--space-xl) 0}.img-block{background:var(--surface);width:calc(100% + 2 * (var(--col-pad) - 40px));margin-left:calc(40px - var(--col-pad));aspect-ratio:16/10;overflow:hidden}.img-block img,.img-block video{object-fit:cover;width:100%;height:100%;display:block}.img-block--video,.img-pair .img-block--video,.img-trio .img-block--video{aspect-ratio:auto;background:0 0}.img-block--video video{object-fit:fill;height:auto}.img-pair,.img-trio{gap:var(--space-sm);width:calc(100% + 2 * (var(--col-pad) - 40px));margin-left:calc(40px - var(--col-pad));display:grid}.img-pair{grid-template-columns:1fr 1fr}.img-trio{grid-template-columns:1fr 1fr 1fr}.img-pair .img-block,.img-trio .img-block{aspect-ratio:3/4;width:100%;margin-left:0}.feature-title{margin-bottom:var(--space-xs)}.feature-copy+.img-block,.feature-copy+.img-pair,.feature-copy+.img-trio,.img-block+.feature-copy,.img-block+.img-pair,.img-block+.img-trio,.img-pair+.feature-copy,.img-trio+.feature-copy,.img-pair+.img-block,.img-trio+.img-block{margin-top:var(--space-xl)}.feature-copy+.feature-copy{margin-top:var(--space-xs)}.collab-section{padding:var(--space-xl) 0;border-bottom:.4px solid var(--border)}.feature-block{border-bottom:.4px solid var(--border)}.collab-label{margin-bottom:var(--space-xs)}.closing-note{font-size:var(--text-caption);line-height:var(--leading-tight);color:var(--gray-light);padding-bottom:var(--space-xl);border-bottom:.4px solid var(--border);margin-bottom:var(--space-xl)}.related-label{margin-bottom:var(--space-xs)}.related-list{list-style:none}.related-list a{color:var(--gray);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--line-muted);text-decoration-color:var(--line-muted)}.related-list a:hover{color:var(--black);-webkit-text-decoration-color:var(--black);text-decoration-color:var(--black)}.experiments-list{list-style:none}.experiment-item{border-bottom:.4px solid var(--border);padding:40px 0}.experiments-list li:last-child .experiment-item{border-bottom:none}.experiment-img{background:var(--surface);width:calc(100% + 2 * (var(--col-pad) - 40px));margin-left:calc(40px - var(--col-pad));aspect-ratio:16/10;margin-bottom:var(--space-md);overflow:hidden}.experiment-img img,.experiment-img video{object-fit:cover;width:100%;height:100%;display:block}.experiment-title{margin-bottom:var(--space-xs)}@media (max-width:600px){.about{padding:var(--space-lg) 0 0}.project-row{grid-template-columns:1fr auto}.project-row>span:first-child{display:none}.experiments-grid{grid-template-columns:1fr}.feat-group{column-gap:var(--space-sm);grid-template-columns:96px 1fr}.back-link{margin:var(--space-md) 0;position:static;top:auto;left:auto}.project-intro,.page-intro{padding:var(--space-md) 0 24px}.essay-intro{padding:var(--space-md) 0 0}.collab-section{padding:24px 0 40px}.section-pad{padding:var(--space-lg) 0}.img-block,.img-pair,.img-trio,.experiment-img{width:100%;margin-left:0}.img-pair,.img-trio{grid-template-columns:1fr}}@media (max-width:390px){.feat-group{row-gap:var(--space-2xs);grid-template-columns:1fr}.project-row{column-gap:var(--space-sm)}.footer{align-items:flex-start;gap:var(--space-md);flex-direction:column}}.seq-panel{--seq-field:calc(clamp(250px, 30vh, 320px) - 32px);--seq-grad-h:130px;max-width:calc(var(--content-w) + var(--col-pad) * 2);height:var(--seq-field);background:var(--background);-webkit-user-select:none;user-select:none;margin:0 auto;position:relative;overflow:visible}.seq-panel canvas{z-index:0;cursor:crosshair;touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.seq-panel:after{content:"";left:0;right:0;top:calc(var(--grid-bottom,60%) - var(--seq-grad-h));z-index:1;pointer-events:none;background:linear-gradient(to bottom, transparent 0, var(--background) var(--seq-grad-h));position:absolute;bottom:0}@media (max-width:640px){.seq-panel{--seq-field:calc(clamp(230px, 28vh, 290px) - 32px)}}