@font-face{font-family:mxpf-sans;src:url(/fonts/portfolio-custom.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:mxpf-sans;src:url(/fonts/UntitledSansWeb-RegularItalic.woff) format("woff");font-style:italic;font-weight:400;font-display:swap}@font-face{font-family:Instrument Sans;src:url(/fonts/InstrumentSans-Regular.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}:root{--spacing-1:12px;--spacing-2:24px;--spacing-3:36px;--dark:#1c1c1a;--light:#eeede9;--link:#70706c;--header-height:84px;--rail-height:24px}*{box-sizing:border-box}html{background:var(--light);color:var(--dark);font-family:Instrument Sans,Arial,Helvetica,sans-serif;font-size:18px;line-height:24px;scroll-behavior:auto}html.custom-font{font-family:mxpf-sans,Instrument Sans,Arial,Helvetica,sans-serif}body{min-height:100vh;margin:0;background:var(--light);color:var(--dark)}body.detail-open,html:has(body.detail-open){overflow:hidden;overscroll-behavior:none}body.page-leaving main{animation:page-out .18s ease both;pointer-events:none}a,button{color:inherit;font:inherit}a{text-decoration:none}button{padding:0;border:0;background:transparent}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}iframe,img,video{display:block;max-width:100%}.site-header{position:fixed;z-index:50;inset:0 0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--spacing-2);height:var(--header-height);padding:24px 24px 0;background:var(--light)}.site-name{view-transition-name:site-name}.site-action{view-transition-name:site-action;transition:opacity .18s ease}.site-link{display:inline-flex;align-items:center;width:fit-content;min-height:44px;margin:-10px -6px 0;padding:10px 6px;cursor:pointer;transition:color .18s ease}.site-link:hover{color:var(--link)}.gallery-image-button:focus-visible,.home-project:focus-visible,.project-navigation a:focus-visible,.site-link:focus-visible,.video-autoplay-toggle:focus-visible,.video-poster:focus-visible{outline:1px solid var(--link);outline-offset:3px}.home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-2);padding:var(--header-height) 24px var(--rail-height);animation:page-in .32s ease both}.home-project{display:block;min-width:0}.home-project-media{display:block;aspect-ratio:3/2;overflow:hidden;background:color-mix(in srgb,var(--dark) 8%,var(--light))}.home-project-media .placeholder,.home-project-media img{width:100%;height:100%;object-fit:cover}.home-project-media img{transform:scale(1);transition:filter .36s ease,transform .42s cubic-bezier(.22,1,.36,1),opacity .18s ease}.home-project-label{display:block;margin-top:var(--spacing-1);text-wrap:balance}@media (hover:hover) and (pointer:fine){.home-project:hover .home-project-media img{opacity:.9;transform:scale(1.025)}}.detail-media img,.home-project img,.media-frame>iframe,.media-frame>img,.media-frame>video,.video-poster img{filter:grayscale(1)}.color-media iframe,.color-media img,.color-media video{filter:none}.home-project.color-media img{filter:grayscale(1)}@media (hover:hover) and (pointer:fine){.home-project.color-media:focus-visible .home-project-media img,.home-project.color-media:hover .home-project-media img{filter:none}}.placeholder{display:block;background:color-mix(in srgb,var(--dark) 8%,var(--light))}.placeholder[data-tone="2"]{background:color-mix(in srgb,var(--dark) 12%,var(--light))}.placeholder[data-tone="3"]{background:color-mix(in srgb,var(--dark) 17%,var(--light))}.project-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-2);min-height:100vh;padding:var(--header-height) 24px 0;animation:project-page-in .32s ease both}.project-summary-column{position:relative;min-width:0}.project-summary{position:fixed;bottom:var(--rail-height);width:calc((100vw - 72px) / 2 + var(--spacing-1));max-height:calc(100vh - var(--header-height) - var(--rail-height));margin-left:calc(var(--spacing-1) * -1);padding-left:var(--spacing-1);overflow:auto;scrollbar-width:thin;text-wrap:pretty}.about-copy blockquote,.about-copy h1,.about-copy h2,.about-copy p,.about-copy ul,.project-summary blockquote,.project-summary h1,.project-summary h2,.project-summary p,.project-summary ul{margin:0 0 var(--spacing-2)}.about-copy h1,.about-copy h2,.project-summary h1,.project-summary h2{font:inherit;font-weight:400}.about-copy h2,.project-summary h2{margin-top:var(--spacing-3)}.about-copy>:last-child,.project-summary-body>:last-child,.project-summary-lead>:last-child{margin-bottom:0}.about-copy ul,.project-summary ul{padding-left:0;list-style:none}.about-copy li:before,.project-summary li:before{display:inline-block;width:.65em;margin-left:-.65em;content:"•"}.about-copy blockquote,.project-summary blockquote{margin-left:0;margin-right:0;hanging-punctuation:first}.about-copy a,.media-caption a,.project-summary a{text-decoration-line:underline;text-decoration-color:color-mix(in srgb,currentColor 45%,transparent);text-decoration-thickness:1px;text-underline-offset:.14em;transition:color .18s ease}.about-copy a:hover,.media-caption a:hover,.project-summary a:hover{color:var(--link)}.about-copy a:focus-visible,.media-caption a:focus-visible,.project-summary a:focus-visible{outline:1px solid var(--link);outline-offset:3px}.hanging-quote{display:inline-block;margin-left:-.43em}.project-gallery{grid-column:2;min-width:0}.project-lead-media{grid-column:2}.media-item{margin:0 0 var(--spacing-2)}.media-item:has(.media-caption){margin-bottom:var(--spacing-3)}.project-gallery>.media-item:last-child{margin-bottom:var(--spacing-3)}.media-frame{position:relative;width:100%;overflow:hidden}.media-frame>.placeholder,.media-frame>iframe,.media-frame>img,.media-frame>video{width:100%;height:100%;object-fit:cover}.image-grid{display:grid;gap:2px;background:var(--dark)}.image-grid-cell{position:relative;min-width:0;overflow:hidden}.image-grid-cell img{width:100%;height:100%;object-fit:cover}.gallery-image-button{display:block;width:100%;overflow:hidden;cursor:zoom-in;transition:opacity .18s ease}.gallery-image-button:hover{opacity:.85}.gallery-image-button .placeholder,.gallery-image-button img{width:100%;height:100%;object-fit:cover}.media-caption{margin:var(--spacing-2) 0 0;text-align:right;text-wrap:balance}.video-poster{position:absolute;z-index:2;inset:0;width:100%;cursor:pointer;background:color-mix(in srgb,var(--dark) 14%,var(--light))}.video-poster:focus-visible{outline:2px solid var(--light);outline-offset:-6px}.video-poster img{width:100%;height:100%;object-fit:cover}.play-triangle{position:absolute;top:50%;left:50%;width:84px;height:84px;border-radius:50%;background:color-mix(in srgb,var(--dark) 78%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--light) 36%,transparent);transform:translate(-50%,-50%);transition:background .18s ease,transform .18s ease}.play-triangle:after{position:absolute;top:50%;left:50%;width:0;height:0;border-top:13px solid transparent;border-bottom:13px solid transparent;border-left:21px solid var(--light);content:"";transform:translate(-36%,-50%)}.video-poster:hover .play-triangle{background:var(--dark);transform:translate(-50%,-50%) scale(1.06)}.video-autoplay-toggle{position:absolute;z-index:3;right:var(--spacing-1);bottom:var(--spacing-1);display:grid;width:48px;height:48px;place-items:center;border-radius:50%;cursor:pointer;color:var(--light);background:color-mix(in srgb,var(--dark) 78%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--light) 36%,transparent);transition:background .18s ease,transform .18s ease}.video-autoplay-toggle:hover{background:var(--dark);transform:scale(1.06)}.play-icon{width:0;height:0;margin-left:3px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:13px solid}.pause-icon{width:13px;height:17px;border-right:4px solid;border-left:4px solid}.youtube-frame{border:0}.detail-layer{position:fixed;z-index:40;inset:var(--header-height) 0 var(--rail-height);overflow-y:auto;overscroll-behavior:none;padding:0 24px var(--rail-height);background:var(--light)}.detail-layer:focus{outline:none}.detail-close{display:block;width:100%;cursor:zoom-out}.detail-media{width:100%;animation:detail-crossfade .24s ease both}.detail-media .placeholder,.detail-media img{width:100%;height:auto;min-height:1px;object-fit:contain}.project-navigation{display:grid;grid-column:2;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-2);margin-bottom:var(--rail-height)}.project-navigation a{width:fit-content;transition:color .18s ease}.project-navigation a:hover{color:var(--link)}.project-navigation a:last-child{justify-self:end;text-align:right}.bottom-rail{position:fixed;z-index:60;inset:auto 0 0;height:var(--rail-height);background:var(--light);pointer-events:none}.about-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-2);min-height:100vh;padding:var(--header-height) 24px calc(var(--rail-height) * 2);animation:page-in .32s ease both}.about-copy{grid-column:2;text-wrap:pretty}.not-found-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-2);min-height:100vh;padding:var(--header-height) 24px var(--rail-height);animation:page-in .32s ease both}.not-found-copy{align-self:end;grid-column:1;text-wrap:pretty}.not-found-copy h1{margin:0 0 var(--spacing-2);font:inherit;font-weight:400}.not-found-link{transition:color .18s ease}.not-found-link:hover{color:var(--link)}.not-found-link:focus-visible{outline:1px solid var(--link);outline-offset:3px}@keyframes detail-crossfade{0%{opacity:0}to{opacity:1}}::view-transition-new(root),::view-transition-old(root){animation:none}@keyframes page-out{to{opacity:0;transform:translateY(-6px)}}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}}@keyframes project-page-in{0%{opacity:0}}@media (min-width:768px){body.page-leaving .site-action{opacity:0}}@media (max-width:767px){.site-header{position:relative;height:var(--header-height)}.site-action{text-align:right}.site-action .site-link{margin-left:auto}.home-grid{grid-template-columns:1fr;padding-top:0}.project-layout{display:flex;flex-direction:column;padding-top:0}.project-summary,.project-summary-column{display:contents}.project-summary-lead{order:1;margin-bottom:var(--spacing-2);text-wrap:pretty}.project-lead-media{order:2}.project-summary-body{order:3;margin-bottom:var(--spacing-3);text-wrap:pretty}.project-gallery{order:4}.project-navigation{order:5}.about-copy ul,.project-summary ul{padding-left:0}.about-copy li:before,.project-summary li:before{width:.65em;margin-left:0}.about-copy blockquote,.project-summary blockquote{hanging-punctuation:none}.hanging-quote{margin-left:0}.gallery-image-button{cursor:default;pointer-events:none}.gallery-image-button:hover{opacity:1}.about-layout,.not-found-layout{display:block;padding-top:0}.not-found-layout{min-height:calc(100vh - var(--header-height))}.detail-layer{display:none}.project-navigation{margin-top:0}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}