:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--gutter:clamp(18px,2.35vw,42px);--micro:clamp(9px,.66vw,12px);--ease:cubic-bezier(.76,0,.24,1);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{background:#d8d4ca}a{color:inherit;text-decoration:none}button{font:inherit}.decode-text{white-space:pre;display:inline-block}.portfolio{color:#102e28;width:100%;height:100dvh;transition:color .55s;position:relative;overflow:hidden}.theme-light{color:#f6f2e9}.background-media,.background-poster,.background-video,.media-overlay{width:100%;height:100%;position:absolute;inset:0}.background-poster,.background-video{object-fit:cover;object-position:var(--desktop-position);-webkit-user-select:none;user-select:none}.background-poster{animation:mediaIn .8s var(--ease)}.background-video{opacity:0;transition:opacity .7s}.background-video.is-ready{opacity:1}.media-overlay{background:rgba(0,0,0,calc(.35 + var(--project-overlay) * .65));pointer-events:none}.identity,.primary-nav,.footer,.project-meta,.mobile-menu{z-index:5;font-size:var(--micro);letter-spacing:.02em;text-transform:uppercase;text-shadow:0 1px 12px #0000002e;line-height:1.45;position:absolute}.identity{top:max(var(--gutter),env(safe-area-inset-top));left:max(var(--gutter),env(safe-area-inset-left));flex-direction:column;display:flex}.identity strong{font-weight:600}.primary-nav{top:max(var(--gutter),env(safe-area-inset-top));right:max(var(--gutter),env(safe-area-inset-right));gap:clamp(26px,4vw,70px);display:flex}.footer{left:max(var(--gutter),env(safe-area-inset-left));right:max(var(--gutter),env(safe-area-inset-right));bottom:max(var(--gutter),env(safe-area-inset-bottom));justify-content:space-between;display:flex}.footer nav{gap:10px;display:flex}.footer i{opacity:.5;font-style:normal}.primary-nav a,.footer a,.project-meta a{transition:opacity .2s}.primary-nav a:hover,.footer a:hover,.project-meta a:hover{opacity:.52}.strip-window{z-index:3;touch-action:pan-y;cursor:grab;width:100%;height:clamp(168px,20.5vw,300px);position:absolute;top:50%;left:0;overflow:hidden;transform:translateY(-50%)}.strip-window.is-dragging{cursor:grabbing}.project-track{will-change:transform;width:max-content;height:100%;transition:transform .92s var(--ease);display:flex}.is-dragging .project-track,.project-track.is-instant{transition:none}.thumbnail{cursor:pointer;background:0 0;border:0;border-right:1px solid #ffffff2e;border-radius:0;flex:0 0 clamp(230px,22vw,370px);height:100%;padding:0;position:relative;overflow:hidden}.thumbnail:nth-child(3n+1){flex-basis:clamp(205px,19vw,325px)}.thumbnail:nth-child(3n+2){flex-basis:clamp(250px,25vw,420px)}.thumbnail img{object-fit:cover;filter:brightness(.42)saturate(.88);width:100%;height:100%;transition:filter .35s ease,transform .7s var(--ease);-webkit-user-select:none;user-select:none;display:block}.thumbnail:hover img{filter:brightness(.58)saturate()}.thumbnail.is-active img{filter:brightness()saturate()}.thumbnail:focus-visible{outline-offset:-5px;outline:1px solid}.project-meta{width:clamp(250px,25vw,420px);animation:metaIn .55s var(--ease);grid-template-columns:1fr auto;gap:3px 20px;display:grid;top:calc(50% + clamp(79.55px,9.53vw,138px));left:50%;transform:translate(-50%)}.project-meta a{grid-area:1/1;display:block}.project-meta h2{letter-spacing:.045em;text-transform:uppercase;margin:0 0 5px;font-size:clamp(14px,1.1vw,19px);font-weight:500;line-height:1.1}.project-meta p,.project-meta>span{font-size:var(--micro);text-transform:uppercase;margin:0;line-height:1.4}.project-meta>span{grid-area:1/2;align-self:start}.mobile-menu{display:none}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes mediaIn{0%{opacity:.4;transform:scale(1.012)}to{opacity:1;transform:scale(1)}}@keyframes metaIn{0%{opacity:0;transform:translate(-50%,7px)}to{opacity:1;transform:translate(-50%)}}@media (width<=700px){:root{--gutter:18px;--micro:10.8px}.identity span:last-child,.primary-nav{display:none}.mobile-menu{top:max(var(--gutter),env(safe-area-inset-top));right:max(var(--gutter),env(safe-area-inset-right));text-align:right;display:block}.menu-toggle{width:20px;height:18px;color:inherit;cursor:pointer;background:0 0;border:0;place-content:center;gap:4px;padding:3px 1px;display:inline-grid}.menu-toggle span{background:currentColor;width:15px;height:1px;transition:transform .18s,opacity .18s;display:block}.mobile-menu.is-open .menu-toggle span:first-child{transform:translateY(2.5px)rotate(45deg)}.mobile-menu.is-open .menu-toggle span:last-child{transform:translateY(-2.5px)rotate(-45deg)}.mobile-menu nav{opacity:0;visibility:hidden;flex-direction:column;align-items:flex-end;gap:5px;transition:opacity .16s,transform .16s,visibility 0s linear .16s;display:flex;position:absolute;top:24px;right:0;transform:translateY(-3px)}.mobile-menu.is-open nav{opacity:1;visibility:visible;transition-delay:0s;transform:none}.mobile-menu a:focus-visible,.menu-toggle:focus-visible{outline-offset:3px;outline:1px solid}.strip-window{height:clamp(190px,54vw,240px);top:52%}.thumbnail,.thumbnail:nth-child(3n+1),.thumbnail:nth-child(3n+2){flex-basis:76vw}.background-poster,.background-video{object-position:var(--mobile-position)}.project-meta{width:76vw;top:calc(52% + clamp(142px,38vw,170px));left:12vw;transform:none}.footer nav{gap:6px}.footer nav a:nth-of-type(2),.footer nav a:nth-of-type(3),.footer nav i{display:none}.footer nav a:first-child{font-size:0}.footer nav a:first-child:before{content:"CONTACT";font-size:var(--micro)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (width<=700px){.project-meta p,.project-meta span{font-size:9px}}.strip-window{height:clamp(87.1px,10.66vw,156px)}.thumbnail,.thumbnail:nth-child(3n+1),.thumbnail:nth-child(3n+2){aspect-ratio:16/9;flex-basis:clamp(154.7px,18.9475vw,277.55px)}.autoplay-progress{z-index:5;pointer-events:none;background:#96969657;width:clamp(250px,25vw,420px);height:1px;position:absolute;top:calc(50% + clamp(153px,16vw,230px));left:50%;overflow:hidden;transform:translate(-50%)}.autoplay-progress span{transform-origin:0;will-change:transform;background:#aaa;width:100%;height:100%;animation:linear forwards paused autoplayProgress;display:block;transform:scaleX(0)}.autoplay-progress.is-running span{animation-play-state:running}@keyframes autoplayProgress{to{transform:scaleX(1)}}@media (width<=700px){.strip-window{height:37.05vw}.thumbnail,.thumbnail:nth-child(3n+1),.thumbnail:nth-child(3n+2){aspect-ratio:4/3;flex-basis:49.4vw}.autoplay-progress{width:76vw;top:calc(52% + clamp(190px,50vw,220px));left:12vw;transform:none}}.background-media{overflow:hidden}.background-layer,.background-layer .background-poster,.background-layer .background-video,.background-layer .media-overlay{width:100%;height:100%;position:absolute;inset:0}.background-layer{opacity:1}.background-layer.is-active{z-index:2;animation:.76s both backgroundCrossfade}.background-layer.is-previous{z-index:1}.background-layer .background-poster,.background-layer .background-video{object-fit:cover;object-position:var(--desktop-position);-webkit-user-select:none;user-select:none}.background-layer .background-poster{animation:none}.background-layer .background-video{opacity:0;transition:opacity .35s}.background-layer .background-video.is-ready{opacity:1}@keyframes backgroundCrossfade{0%{opacity:0}to{opacity:1}}@media (width<=700px){.strip-window{top:48.5%}.background-layer .background-poster,.background-layer .background-video{object-position:var(--mobile-position)}.project-meta{top:calc(48.5% + 18.525vw + clamp(38px,10vw,45px))}.autoplay-progress{top:calc(48.5% + clamp(190px,50vw,220px))}}.autoplay-progress{mix-blend-mode:normal;filter:none;background:#ffffff40}.autoplay-progress span{background:#ffffffd1}@media (width<=700px){.menu-panel{z-index:-1;width:100vw;height:100dvh;padding:max(24px,env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left));color:#f4f4f0;text-align:left;opacity:0;visibility:hidden;clip-path:inset(0 0 100%);transition:clip-path .5s var(--ease),opacity .28s ease,visibility 0s linear .5s;background:#0a0a0a;grid-template-rows:auto 1fr auto;display:grid;position:fixed;inset:0}.mobile-menu.is-open .menu-panel{opacity:1;visibility:visible;clip-path:inset(0);transition-delay:0s}.mobile-menu.is-open .menu-toggle{z-index:2;top:max(18px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right));color:#f4f4f0;position:fixed}.menu-brand{letter-spacing:.02em;font-size:10px;line-height:1.45}.menu-panel nav{opacity:1;visibility:visible;flex-direction:column;align-self:center;align-items:stretch;gap:0;transition:none;display:flex;position:static;transform:none}.menu-panel nav a{letter-spacing:-.055em;border-bottom:1px solid #ffffff3d;grid-template-columns:34px 1fr;align-items:baseline;padding:12px 0;font-size:clamp(36px,9vw,54px);line-height:.95;display:grid}.menu-panel nav a:first-child{border-top:1px solid #ffffff3d}.menu-panel nav a span{letter-spacing:.04em;color:#888;font-size:9px}.menu-contact{letter-spacing:.03em;gap:15px;font-size:9px;display:flex}.menu-contact a{opacity:.72}.menu-open{overflow:hidden}.mobile-menu{z-index:20}.menu-panel{z-index:0}}.identity,.primary-nav,.footer,.project-meta,.mobile-menu{color:#f8f8f8;mix-blend-mode:difference;text-shadow:none}.mobile-menu.is-open,.mobile-menu.is-closing{mix-blend-mode:normal}@media (width<=700px){.mobile-menu.is-closing .menu-panel{visibility:visible}.mobile-menu.is-closing{z-index:20}.menu-panel{opacity:1;transition:clip-path .5s var(--ease),visibility 0s linear .5s}.mobile-menu.is-open .menu-panel{opacity:1;transition:clip-path .5s var(--ease),visibility 0s linear 0s}.menu-panel{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:0 0}.menu-open .identity,.menu-open .footer,.menu-open .project-meta,.menu-open .strip-window,.menu-open .autoplay-progress{opacity:0;pointer-events:none}.identity,.footer,.project-meta,.strip-window,.autoplay-progress{transition-property:opacity,transform,color;transition-duration:.18s,.92s,.55s}.menu-panel{transform:translateZ(0)}.menu-brand{font-size:var(--micro);letter-spacing:.02em;font-weight:400;line-height:1.45}.menu-panel nav a span{color:#f8f8f8;mix-blend-mode:difference}.menu-brand{top:max(var(--gutter),env(safe-area-inset-top));left:max(var(--gutter),env(safe-area-inset-left));width:auto;position:absolute}.menu-brand strong{font-weight:600}.menu-panel nav{grid-row:2;align-self:center}.menu-contact{grid-row:3;align-self:end}.mobile-menu.is-closing .menu-toggle{z-index:2;top:max(18px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right));color:#f4f4f0;position:fixed}}.thumbnail{border-right:0}@media (width<=700px){.menu-toggle,.mobile-menu.is-open .menu-toggle,.mobile-menu.is-closing .menu-toggle{z-index:22;top:max(var(--gutter),env(safe-area-inset-top));right:max(var(--gutter),env(safe-area-inset-right));position:fixed}}.mobile-contact-label{display:none}@media (width<=700px){.footer nav a:first-child{font-size:var(--micro)}.footer nav a:first-child:before{content:none}.desktop-contact-label{display:none}.mobile-contact-label{display:inline-block}}.project-meta .autoplay-progress{z-index:auto;grid-area:2/1/auto/-1;width:100%;margin-top:7px;position:relative;top:auto;left:auto;transform:none}@media (width<=700px){.menu-panel nav a>.decode-text,.menu-panel nav a>.decode-text>span{font-size:inherit;line-height:inherit;letter-spacing:inherit}}