@font-face{font-family:ABC Diatype;src:url(/fonts/ABCDiatypeVariableEdu-Regular.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}:root{--bg: #000000;--fg: #ffffff;--muted: #ffffff;--pad: clamp(16px, 2.4vw, 40px);--gap: clamp(12px, 1.4vw, 24px);--header-h: 56px;--text-top: calc(var(--pad) * .5);--fs-base: 13px;--fs-meta: 13px;font-family:ABC Diatype,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg)}body{background:var(--bg);color:var(--fg);font-size:var(--fs-base);line-height:1.36;letter-spacing:.01em;min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}img,video{display:block;max-width:100%}::selection{background:var(--fg);color:var(--bg)}.zoomable{cursor:zoom-in}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000f0;display:flex;align-items:center;justify-content:center;padding:var(--pad);cursor:zoom-out}.lightbox-img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.lightbox-close{position:fixed;top:0;right:0;padding:var(--pad);background:none;border:0;color:#fff;font-size:var(--fs-meta);cursor:pointer}.site-header{position:fixed;top:0;left:0;width:100%;height:var(--header-h);display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--gap);align-items:center;padding:0 var(--pad);z-index:100;color:#fff}.site-header .name{grid-column:1 / span 3;font-size:var(--fs-meta);letter-spacing:.02em}.site-header .nav-info{grid-column:4 / span 3;font-size:var(--fs-meta)}.site-header .nav-right{grid-column:10 / span 3;text-align:right;font-size:var(--fs-meta);color:var(--muted)}.feed{padding-top:var(--header-h)}.feed-item{position:relative;width:100%;cursor:pointer}.feed-media{position:relative;width:100%;height:86vh;overflow:hidden;background:#0a0a0a}.feed-media img,.feed-media video{width:100%;height:100%;object-fit:cover}.feed-media video{pointer-events:none}.feed-media video::-webkit-media-controls{display:none!important}.feed-meta{position:absolute;left:0;bottom:0;width:100%;display:grid;grid-template-columns:repeat(4,1fr);column-gap:var(--gap);align-items:end;padding:var(--pad);z-index:2;color:#fff}.feed-meta .m-title{grid-column:1 / span 1;font-size:var(--fs-base)}.feed-meta .feed-desc{grid-column:2 / span 1;font-size:var(--fs-base);line-height:inherit}.feed-meta .m-cat{grid-column:4 / span 1;text-align:right;font-size:var(--fs-meta)}.feed-item--dark .m-title,.feed-item--dark .m-year,.feed-item--dark .m-cat,.feed-item--dark .feed-desc{color:#000}.feed-item+.feed-item{margin-top:0}.project{padding-top:var(--header-h)}.project-grid{display:grid;grid-template-columns:repeat(4,1fr);column-gap:var(--gap);padding:0 var(--pad);align-items:start}.project-info{grid-column:1 / span 1;position:sticky;top:calc(var(--header-h) + var(--pad));padding:var(--text-top) 0 var(--pad)}.project-info h1{font-size:var(--fs-base);font-weight:400;line-height:inherit;margin-bottom:1.4em}.info-table{display:flex;flex-direction:row;flex-wrap:wrap;column-gap:1.8em;row-gap:.3em;margin-bottom:2em}.info-table .meta-line{font-size:var(--fs-meta);white-space:nowrap}.project-desc{font-size:var(--fs-base);line-height:inherit;color:var(--fg)}.project-nav{position:fixed;left:0;bottom:0;z-index:100;display:flex;flex-direction:row;gap:.4em;padding:var(--pad)}.nav-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;color:#fff;cursor:pointer}.nav-btn svg{display:block}.nav-btn.disabled{opacity:.25;cursor:default;pointer-events:none}.project-back{display:inline-block;margin-top:1.6em;font-size:var(--fs-meta)}.project-media{grid-column:2 / span 3;display:flex;flex-direction:column;gap:0;padding-bottom:14vh}.project-media .media-block{width:100%;background:#0a0a0a}.project-media .media-block img,.project-media .media-block video{width:100%;height:auto;object-fit:cover}.project-media .media-block iframe.embed{display:block;width:100%;border:0}.project-media .media-block iframe.embed-interactive{height:88vh}.mcf{position:relative;width:100%;height:56vh;background:var(--bg);outline:none;cursor:text;overflow:hidden}.mcf-canvas{width:100%;height:100%;display:flex;flex-wrap:wrap;flex-direction:row;align-content:center;align-items:flex-start;justify-content:center;padding:var(--pad)}.mcf-letter{flex:0 0 auto;display:inline-block;vertical-align:top}.mcf-letter img{width:auto;display:block;pointer-events:none;object-fit:contain}.mcf-space{flex:0 0 auto;height:30px;display:inline-block;vertical-align:top}.mcf-newline{flex-basis:100%;width:0;height:0;overflow:hidden}.mcf-caret{display:inline-block;flex:0 0 auto;width:1px;height:30px;background:var(--fg);vertical-align:top;animation:mcf-blink 1s step-end infinite}.mcf-caret--idle{opacity:.3;animation:mcf-blink 1s step-end infinite}@keyframes mcf-blink{50%{opacity:0}}.mcf-hint{display:inline-block;height:30px;line-height:30px;margin-left:.6em;font-size:var(--fs-base);font-family:inherit;color:var(--fg);opacity:.4;pointer-events:none;vertical-align:top;letter-spacing:.04em}.mcf-export{position:absolute;bottom:0;right:0;padding:var(--pad);background:none;border:0;color:var(--fg);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;opacity:.5}.mcf-export:hover{opacity:1}.mcf-export svg{display:block}@media (max-width: 820px){.mcf{height:46vh}.mcf-space,.mcf-caret{height:24px}.mcf-hint{height:24px;line-height:24px}}.lets-hug{position:relative;width:100%;height:62vh;background:var(--bg);overflow:hidden}.lets-hug canvas{display:block;width:100%!important;height:100%!important}.lets-hug-status{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:var(--fs-meta);color:var(--fg);opacity:.5}.lets-hug-export{position:absolute;bottom:0;right:0}@media (max-width: 820px){.lets-hug{height:50vh}}.process-page{height:100vh;padding-top:var(--header-h);display:flex;flex-direction:column;overflow:hidden}.process-head{padding:var(--text-top) var(--pad) var(--pad);flex:0 0 auto}.process-back{font-size:var(--fs-meta);display:block}.process-back-arrow{margin-right:.45em}.process{flex:1 1 auto;display:flex;align-items:center;overflow:hidden;width:100%}.process-track{display:flex;align-items:center;width:max-content;will-change:transform}.process-item{flex:0 0 auto;height:66vh;margin-right:0}.process-item img{height:100%;width:auto;display:block;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.process-empty{flex:1 1 auto;display:flex;align-items:center;padding:0 var(--pad);font-size:var(--fs-meta)}.process-speed{position:fixed;right:0;bottom:0;z-index:100;padding:var(--pad);background:none;border:0;color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.process-speed svg{display:block}.process-speed:active{opacity:.55}@media (prefers-reduced-motion: reduce){.process{overflow-x:auto}}.info-page{min-height:100vh;display:flex;flex-direction:column}.info-page .project-grid{flex:1 1 auto}.info-page .site-footer{margin-top:0}.about{grid-column:1 / span 1;padding:var(--text-top) 0 14vh;font-size:var(--fs-base);font-weight:400}.about-statement{max-width:36ch}.about-contact{margin-top:2em;display:flex;flex-direction:column;gap:.4em}.about-ig{display:flex;flex-direction:row;gap:1.8em}.about-cv{grid-column:2 / span 3;padding:var(--text-top) 0 14vh;display:flex;flex-direction:column;gap:3.6em}.cv-head{font-size:var(--fs-meta);font-weight:400;margin-bottom:1.1em}.cv-item{font-size:var(--fs-meta)}.cv-item+.cv-item{margin-top:1em}.site-footer{display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--gap);padding:6vh var(--pad) var(--pad);font-size:var(--fs-meta);margin-top:8vh}.site-footer .f-left{grid-column:1 / span 6}.site-footer .f-right{grid-column:10 / span 3;text-align:right}@media (max-width: 820px){:root{--header-h: 48px}.site-header .name{grid-column:1 / span 6}.site-header .nav-info{grid-column:7 / span 3}.site-header .nav-right{display:none}.feed-media{height:62vh}.feed-meta .m-title{grid-column:1 / span 2}.feed-meta .feed-desc{grid-column:1 / span 4;margin-top:.8em}.feed-meta .m-cat{grid-column:3 / span 2}.project-grid{grid-template-columns:1fr;row-gap:var(--pad)}.project-info{grid-column:1;position:static}.project-media{grid-column:1}.about{grid-column:1;padding-bottom:6vh}.about-cv{grid-column:1;padding-top:0}.process-item{height:52vh}}@media (max-width: 540px){.process-item{height:40vh}}