@font-face{font-family:Archivo;font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(/fonts/archivo-var-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fragment Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/fragment-mono-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Switzer;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/switzer-600.woff2) format("woff2")}@font-face{font-family:Switzer;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/switzer-700.woff2) format("woff2")}:root{--mono: "Fragment Mono", ui-monospace, "SF Mono", Menlo, monospace;--display-size: clamp(23px, 4.1vw, 56px);--sort-size: clamp(13px, 1.25vw, 16px);--title-font: "Switzer", "Archivo", sans-serif;--frame: 12px;--ease-slow: cubic-bezier(.22, 1, .36, 1);--bg: #0f0f0f;--bg-thumb: #1a1a1a;--text: #d0d0d0;--text-muted: #888;--text-nav: #8a8a8a;--text-nav-hover: #d0d0d0;--text-nav-active: #d0d0d0;--border: #222;--title-color: #d0d0d0;--title-hover: #fff;--link-color: #d0d0d0;--link-hover: #fff;--focus-outline: #d0d0d0}[data-theme=light]{--bg: #fff;--bg-thumb: #f0f0f0;--text: #333;--text-muted: #707070;--text-nav: #707070;--text-nav-hover: #333;--text-nav-active: #333;--border: #e6e6e6;--title-color: #333;--title-hover: #000;--link-color: #333;--link-hover: #000;--focus-outline: #333}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:Archivo,sans-serif;font-weight:400;font-size:16px;line-height:1.6;color:var(--text);-webkit-font-smoothing:antialiased;background:var(--bg);transition:background-color .3s ease;scrollbar-gutter:stable}body{min-height:calc(100vh - var(--frame) * 2);margin:var(--frame);display:flex;flex-direction:column;transition:color .3s ease,border-color .3s ease}a{color:var(--link-color);text-decoration:none}a:hover{color:var(--link-hover)}a:focus-visible{outline:2px solid var(--focus-outline);outline-offset:2px}img{max-width:100%;height:auto;display:block}.skip-link{position:absolute;top:-100%;left:50%;transform:translate(-50%);background:var(--bg);color:var(--text);padding:8px 16px;font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;z-index:100;border:1px solid var(--border)}.skip-link:focus{top:10px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}#header{position:relative;z-index:1;padding:var(--pin-h, clamp(16px, 2.6vw, 34px)) 14px 16px;text-align:center;pointer-events:none}#header .grid-filters{position:relative;z-index:1;pointer-events:auto}#header .grid-filters:before{content:"";position:absolute;left:-14px;right:-14px;top:var(--seam, 200%);bottom:-16px;background:var(--bg)}.roles,.cats{position:relative;z-index:1}.site-title{position:fixed;top:var(--frame);left:calc(var(--frame) + 14px);right:calc(var(--frame) + 14px);padding-top:clamp(16px,2.6vw,34px);z-index:0}#main,footer{position:relative;z-index:1;background:var(--bg)}#main{flex:1}.masthead{display:block}.fit-line{display:block;white-space:nowrap;font-size:var(--display-size);line-height:1.06;letter-spacing:.01em;text-transform:uppercase}.fit-line .fit-inner{display:inline-block;white-space:nowrap}.site-title{font-weight:700;font-stretch:125%;margin-bottom:0}.roles{display:block;margin-top:-.26em}.masthead .role-btn{font-size:inherit;font-stretch:100%;--strike-w: .05em;--strike-y: -.014em}.site-title a{color:var(--title-color)}.site-title a:hover{color:var(--title-hover)}#theme-toggle{background:none;border:none;cursor:pointer;padding:2px 0;color:var(--text-nav);transition:color .2s;display:flex;align-items:center;line-height:1}#theme-toggle:hover{color:var(--text-nav-active)}#theme-toggle:focus-visible{outline:2px solid var(--focus-outline);outline-offset:2px}#theme-toggle svg{width:15px;height:15px;fill:currentColor}html[data-theme=dark] #icon-sun{display:block}html[data-theme=dark] #icon-moon,html[data-theme=light] #icon-sun{display:none}html[data-theme=light] #icon-moon{display:block}.role-btn{background:none;border:none;cursor:pointer;padding:0;text-decoration:none;font-family:inherit;font-weight:500;color:var(--text-nav);transition:color .25s var(--ease-slow)}.role-btn:hover{color:var(--text-nav-hover)}.role-btn.active{color:var(--text-nav-active)}.grid-filters.role-active .role-btn:not(.active){color:color-mix(in srgb,var(--text-nav) 55%,var(--bg))}.about-endcard{display:flex;align-items:baseline;justify-content:center;gap:.6em;margin:20px 14px 6px;padding:16px 0;font-family:var(--mono);font-size:var(--sort-size);letter-spacing:.12em;text-transform:uppercase;color:var(--text-nav);text-decoration:none}.about-endcard:hover{color:var(--text)}.about-endcard-go{line-height:1;transition:transform .4s var(--ease-slow)}.about-endcard:hover .about-endcard-go{transform:translate(5px)}.cats{display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;row-gap:4px;min-width:0;min-height:1.5em;margin-top:clamp(12px,1.6vw,22px)}.cats .filter{background:none;border:none;cursor:pointer;padding:0;display:grid;grid-template-columns:0fr;opacity:0;margin-right:0;visibility:hidden;font-family:var(--mono);font-size:var(--sort-size);font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--text-nav);transition:grid-template-columns .34s var(--ease-slow),opacity .2s ease,margin-right .34s var(--ease-slow),visibility .34s,color .2s}.cats .filter>span{display:block;overflow:hidden;white-space:nowrap;min-width:0}.grid-filters.filter-open .cats .filter:not(.cat-hidden){grid-template-columns:1fr;opacity:1;margin-right:1.3em;visibility:visible;flex-shrink:0;transition-delay:calc(var(--i, 0) * 38ms),calc(var(--i, 0) * 38ms),calc(var(--i, 0) * 38ms),0ms,0ms}#filter-toggle{background:none;border:none;cursor:pointer;padding:0;font:inherit;letter-spacing:inherit;text-transform:inherit;display:grid;grid-template-columns:1fr;transition:grid-template-columns .34s var(--ease-slow),opacity .2s ease,margin-right .34s var(--ease-slow),visibility .34s,color .2s}#filter-toggle>span{display:block;overflow:hidden;white-space:nowrap;min-width:0}.grid-filters:not(.can-filter) #filter-toggle{grid-template-columns:0fr;opacity:0;margin-right:0;visibility:hidden}.sort-nav{display:inline-flex;align-items:baseline;font-family:var(--mono);font-size:var(--sort-size);letter-spacing:.12em;text-transform:uppercase}.sort-nav>*{margin-right:1.3em}.sort-nav>*:last-child{margin-right:0}.sort-link{color:var(--text-nav);transition:color .2s}.sort-link:hover{color:var(--text-nav-hover)}.sort-link.active{color:var(--text-nav-active)}.masthead .role-btn:hover,.masthead .role-btn.active,.cats .filter:hover>span,.cats .filter.active>span,.sort-nav a.sort-link:hover,.sort-nav a.sort-link.active,.about-endcard:hover>span:first-child,.ix-tlink:hover .ix-title{background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-position:0 calc(50% + var(--strike-y, -.0075em));background-size:100% var(--strike-w, .09em);-webkit-box-decoration-break:clone;box-decoration-break:clone}.cats .filter:hover{color:var(--text-nav-hover)}.cats .filter.active{color:var(--text-nav-active)}.cats .filter:focus-visible,.role-btn:focus-visible{outline:2px solid var(--focus-outline);outline-offset:2px}.grid-item.filtered-out,.ix-entry.filtered-out,.index-group.filtered-out{display:none}#project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:14px;flex:1}.grid-item{position:relative;overflow:hidden}.grid-item a{display:block;text-decoration:none;color:var(--text)}.grid-item .thumb-wrap{position:relative;padding-bottom:56.25%;overflow:hidden;background:var(--bg-thumb)}.grid-item .thumb-wrap img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:filter .6s ease,transform 2.2s var(--ease-slow)}.grid-item .tile-loop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .45s ease;pointer-events:none}.grid-item.loop-on .tile-loop{opacity:1}.grid-item .thumb-wrap:after{content:"";position:absolute;inset:0;z-index:1;box-shadow:inset 0 0 0 1px #ffffffd9;opacity:0;transition:opacity .6s ease}@media(hover:hover){.grid-item:hover .thumb-wrap:after{opacity:1}.grid-item:hover .thumb-wrap img{transform:scale(1.015)}}.grid-item.row-dim .thumb-wrap img{filter:brightness(.5)}.grid-item .thumb-wrap:before{content:"";position:absolute;left:0;right:0;bottom:0;height:48%;background:linear-gradient(to top,#00000080,#0000);z-index:1;pointer-events:none;opacity:0;transition:opacity .35s ease .1s}@media(hover:hover){.grid-item:hover .thumb-wrap:before{opacity:1}}.grid-item .project-title{position:absolute;bottom:10%;left:8%;z-index:2;width:84%;font-size:clamp(12px,.95vw,15px);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#fff;text-align:left;text-shadow:0 1px 6px rgba(0,0,0,.6);opacity:0;transition:opacity .35s ease .1s;pointer-events:none}@media(hover:hover){.grid-item:hover .project-title{opacity:1}}.project-title-role{display:block;font-family:var(--mono);font-size:11px;font-weight:400;letter-spacing:.1em;color:#ffffffa6;margin-bottom:2px}.project-title-name{display:block;font-family:var(--title-font);font-weight:600}@media(hover:none){.grid-item .thumb-wrap:before{height:55%;background:linear-gradient(to top,#0000008c,#0000);opacity:1}.grid-item .project-title{opacity:1}}.project-page{width:100%;margin:0;padding:30px 14px 60px;flex:1}.project-layout{display:grid;grid-template-columns:minmax(228px,280px) minmax(0,1fr);gap:clamp(24px,3.5vw,56px);align-items:start}.project-side{position:sticky;top:24px}.project-header{margin-bottom:20px}.project-page h1{font-family:var(--title-font);font-size:clamp(26px,3vw,44px);font-weight:600;letter-spacing:.01em;line-height:1.04;text-transform:uppercase;color:var(--text);margin-bottom:18px}.project-meta{display:grid;grid-template-columns:minmax(72px,auto) 1fr;margin-bottom:20px}.project-meta dt,.project-meta dd{font-family:var(--mono);font-size:13px;letter-spacing:.08em;text-transform:uppercase;padding:4px 0}.project-meta dt{color:color-mix(in srgb,var(--text-nav) 72%,var(--bg));padding-right:18px}.project-meta dd{color:var(--text-muted)}.project-description{font-size:16px;color:var(--text-muted);line-height:1.6;max-width:62ch;margin-bottom:24px}.project-description a{color:var(--text-muted);text-decoration:underline}.project-press{list-style:none;margin-bottom:24px;display:flex;flex-wrap:wrap;gap:6px 16px}.project-press li{font-family:var(--mono);font-size:12px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.project-press a{color:var(--text-muted);text-decoration:underline;text-underline-offset:3px;transition:color .2s}.project-press a:hover{color:var(--text)}.video-section{padding-top:32px;margin-bottom:8px}.video-section-label{font-family:var(--mono);font-size:13px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:16px}.video-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin-bottom:24px;background:#000}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.video-poster{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;cursor:pointer;z-index:1}.video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;background:none;border:none;cursor:pointer;padding:0;opacity:.9;transition:opacity .2s ease,transform .2s ease}.video-play:hover{opacity:1;transform:translate(-50%,-50%) scale(1.08)}.video-play svg{width:80px;height:45px}.video-facade.playing .video-poster,.video-facade.playing .video-play{display:none}.stills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:3px;margin-bottom:24px}.stills-grid .project-image{margin-bottom:0}.stills-grid .project-image:only-child{grid-column:1 / -1}.stills-grid .project-image:last-child:nth-child(odd){grid-column:1 / -1}.stills-grid .project-image img{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block}.project-image{margin-bottom:24px;opacity:0;animation:fadeIn .4s ease forwards}@keyframes fadeIn{to{opacity:1}}.project-caption{font-family:var(--mono);font-size:12px;letter-spacing:.08em;color:var(--text-muted);text-align:left;padding:6px 2px 12px}.back-link{display:inline-block;margin-top:30px;font-family:var(--mono);font-size:13px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--text-nav);transition:color .2s}.back-link:hover{color:var(--text)}.page-end{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.project-flip{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:44px}.project-flip a{font-family:var(--mono);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-nav);transition:color .2s}.project-flip a:hover{color:var(--text)}.project-flip .flip-no{color:color-mix(in srgb,var(--text-nav) 62%,var(--bg))}.index-page{width:100%;padding:clamp(24px,4vw,56px) 14px 60px;flex:1}.index-wrap{max-width:780px;margin:0 auto;text-align:center;display:flex;flex-direction:column;gap:52px}.ix-cat{display:flex;align-items:center;gap:1.1em;margin-bottom:22px;color:var(--text-muted)}.ix-cat>span{font-family:var(--mono);font-size:15px;font-weight:400;letter-spacing:.16em;padding-left:.16em;text-transform:uppercase;white-space:nowrap}.ix-cat:before,.ix-cat:after{content:"";flex:1;height:1px;background:repeating-linear-gradient(to right,currentColor 0 5px,transparent 5px 9px);opacity:.4}.index-list{list-style:none}.ix-entry{padding:16px 2px}.ix-tlink{display:inline-block;text-decoration:none;padding-left:.01em}.ix-title{font-family:var(--title-font);font-weight:600;font-size:clamp(20px,2.4vw,31px);letter-spacing:.01em;text-transform:uppercase;color:var(--text);line-height:1.06;transition:color .2s;--strike-w: .05em;--strike-y: .0175em}.ix-tlink:hover .ix-title{color:var(--title-hover)}.ix-line2,.ix-line3,.ix-line4{display:block;font-family:var(--mono);font-size:13px;letter-spacing:.08em;padding-left:.08em;text-transform:uppercase;color:var(--text-muted);margin-top:5px}.ix-line3{font-size:12px;margin-top:3px}.ix-line4{font-size:12px;margin-top:3px;color:color-mix(in srgb,var(--text-muted) 78%,var(--bg))}.ix-line4 a{color:inherit;text-decoration:underline;text-underline-offset:3px;transition:color .2s}.ix-line4 a:hover{color:var(--text)}.about-page{width:100%;padding:50px 14px 80px;flex:1}.about-main{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,4vw,60px);align-items:start;margin-bottom:8px}.about-bio{padding-top:6px;text-align:center}.about-bio p{font-family:var(--mono);font-size:14px;font-weight:400;letter-spacing:.06em;padding-left:.06em;text-transform:uppercase;line-height:2;max-width:60ch;margin-inline:auto;color:var(--text-muted);margin-bottom:18px}.about-bio a{color:var(--text);text-decoration:underline;text-underline-offset:3px}.about-bio a:hover{color:var(--link-hover)}.about-portrait img{width:100%;display:block;object-fit:cover}.about-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.about-strip img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}footer{padding:20px;margin-top:auto;display:flex;align-items:center;justify-content:center;gap:20px}footer .social-link{display:inline-flex;color:var(--text-nav);transition:color .2s}footer .social-link:hover{color:var(--text)}footer .social-link svg{width:24px;height:24px;fill:currentColor}.footer-clock{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-nav);font-variant-numeric:tabular-nums}::view-transition-old(root),::view-transition-new(root){animation-duration:.3s;animation-timing-function:var(--ease-slow)}::view-transition-group(*){animation-duration:.32s;animation-timing-function:cubic-bezier(.22,1,.36,1)}#header,footer,.project-page,.about-page{transition:background-color .3s ease,color .3s ease,border-color .3s ease}.notfound-page{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:80px 20px;text-align:center}.notfound-page h1{font-size:16px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text)}.notfound-page .back-link{margin-top:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}::view-transition-group(*),::view-transition-image-pair(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}@media(max-width:768px){#project-grid{grid-template-columns:repeat(2,1fr);gap:2px;padding:10px}.project-layout{grid-template-columns:1fr;gap:22px}.project-side{position:static}.about-main{grid-template-columns:1fr;gap:30px}.about-strip{grid-template-columns:repeat(3,1fr);gap:4px}}@media(max-width:480px){:root{--frame: 7px}#project-grid,.stills-grid{grid-template-columns:1fr}.project-page{padding:20px 16px 40px}.about-strip{grid-template-columns:repeat(3,1fr);gap:3px}}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media(prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}