@import url("https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap");@font-face{font-family:wu-wei-nm;src:url(/demos/wu-wei/fonts/nm/nm-medium.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}.wu-wei-root{--background:#1a1a1a;--background-200:#141414;--foreground:#e4e7df;--foreground-200:#666666;--btn-icon:#ffc22a;font-family:wu-wei-nm,sans-serif;background-color:#000;color:var(--foreground)}.wu-wei-root *{margin:0;padding:0;box-sizing:border-box}.wu-wei-root img{width:100%;height:100%;object-fit:cover;user-select:none}.wu-wei-root h1,.wu-wei-root h2,.wu-wei-root h3{line-height:1.1;user-select:none}.wu-wei-root h1{font-size:clamp(2.5rem,1.815rem + 5.75vw,9rem);font-weight:600;letter-spacing:-.075rem}.wu-wei-root h2{font-size:clamp(2rem,1.25rem + 2.25vw,5rem);font-weight:550;-webkit-font-smoothing:antialiased;letter-spacing:-.015rem}.wu-wei-root h3{font-size:clamp(1.5rem,.75rem + 1.75vw,3.5rem);font-weight:550;letter-spacing:-.0075rem}.wu-wei-root a,.wu-wei-root p{font-size:clamp(1.075rem,.325rem + .825vw,2rem);font-weight:500;user-select:none}.wu-wei-root a{text-decoration:none}.wu-wei-root a.sm,.wu-wei-root p.sm{font-size:clamp(.8rem,.2rem + .7vw,1.5rem)}.wu-wei-root a.caps,.wu-wei-root p.caps{font-weight:600;-webkit-font-smoothing:antialiased}.wu-wei-root .caps{text-transform:uppercase}.wu-wei-root a.caps.mono,.wu-wei-root p.caps.mono{font-family:DM Mono,ui-monospace,monospace;font-weight:600;-webkit-font-smoothing:antialiased}.wu-wei-root .dark{color:var(--foreground)}.wu-wei-root .light{color:var(--background)}.wu-wei-root .revealer{position:relative;width:max-content;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.wu-wei-root .wu-wei-page-transition{display:none;position:fixed;top:0;left:0;width:100vw;height:100svh;background-color:var(--background-200);z-index:100000;pointer-events:none;will-change:clip-path}@media (max-width:1000px){.wu-wei-root h1{letter-spacing:-.05rem}}.wu-wei-root html.lenis,html.lenis{height:auto}.lenis.lenis-smooth{scroll-behavior:auto}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.wu-wei-root .studio{position:relative;width:100%;height:100%;background-color:var(--background);color:var(--foreground)}.wu-wei-root .studio-hero{position:relative;width:100vw;padding:1.5rem;display:flex;align-items:flex-end;justify-content:center;overflow-x:hidden}.wu-wei-root .studio-hero h1{font-size:50vw;position:relative}.wu-wei-root .studio-hero-img{aspect-ratio:7/5;position:relative;width:calc(100vw - 3rem);margin:0 auto -25%}.wu-wei-root .studio-hero-img-wrapper{position:relative;transform:translateY(-50%)}.wu-wei-root .studio-header{width:100%;padding:1.5rem 1.5rem 10rem;display:flex;justify-content:center;align-items:center;text-align:center}.wu-wei-root .studio-header-copy{width:60%}.wu-wei-root .mission-intro{position:relative;width:100vw;height:100svh;padding:1.5rem;background-color:var(--foreground);color:var(--background);display:flex;align-items:center;gap:3rem}.wu-wei-root .mission-intro-col-sm{flex:2}.wu-wei-root .mission-intro-col-lg{flex:4}.wu-wei-root .mission-intro-copy{width:75%;display:flex;flex-direction:column;gap:1.5rem}.wu-wei-root .mission-link{margin-top:4.5rem}.wu-wei-root .recognition{position:relative;width:100%;height:100svh;padding:1.5rem;background-color:var(--background);color:var(--foreground);overflow:hidden;display:flex;justify-content:center;align-items:center;text-align:center}.wu-wei-root .recognition-copy{width:60%;display:flex;flex-direction:column;gap:3rem}.wu-wei-root .recognition-copy p{color:var(--foreground-200)}.wu-wei-root .char{display:inline-block;letter-spacing:0}.wu-wei-root .char-mask{overflow:hidden;display:inline-block}@media (max-width:1000px){.wu-wei-root .studio-hero{padding:7.5rem 1.5rem 1.5rem}.wu-wei-root .mission-intro-copy,.wu-wei-root .recognition-copy,.wu-wei-root .studio-header-copy{width:100%}.wu-wei-root .mission-intro-col-sm{display:none}.wu-wei-root .mission-intro{min-height:100svh;height:100%}}.wu-wei-root .whoweare{background-color:var(--background)}.wu-wei-root .whoweare,.wu-wei-root .whoweare-container{position:relative;width:100vw;height:100svh;overflow:hidden}.wu-wei-root .whoweare-container{background-color:var(--foreground);clip-path:circle(0 at 50% 50%);will-change:clip-path}.wu-wei-root .whoweare-scroll{position:absolute;top:0;left:0;width:400vw;height:100svh;display:flex;justify-content:center;align-items:center;transform:translateX(0) scale(.85);transform-origin:10% center;will-change:transform;overflow:hidden;opacity:0}.wu-wei-root .whoweare .whoweare-header h1{text-transform:uppercase;font-size:55vw;color:var(--background)}.wu-wei-root .whoweare-img{position:absolute;width:25vw;will-change:transform}.wu-wei-root #whoweare-img-1{top:20%;left:5%}.wu-wei-root #whoweare-img-2{top:50%;left:25%}.wu-wei-root #whoweare-img-3{top:35%;left:50%}.wu-wei-root #whoweare-img-4{top:20%;left:75%}.wu-wei-root #whoweare-img-5{top:50%;left:95%}@media (max-width:1000px){.wu-wei-root .whoweare-img{width:50vw}}.wu-wei-root .process-cards{position:relative;width:100%;height:100%;background-color:var(--background)}.wu-wei-root .process-card{position:relative;width:100vw;height:100svh;background-color:var(--foreground);color:var(--background);padding:1.5rem;display:flex;gap:3rem;will-change:transform}.wu-wei-root .process-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);opacity:var(--after-opacity,0);transition:opacity .1s ease;pointer-events:none;z-index:2}.wu-wei-root .process-card-index{flex:2;color:var(--background)}.wu-wei-root .process-card-content{flex:4;padding-top:1.5rem;color:var(--background)}.wu-wei-root .process-card-content-wrapper{width:75%;display:flex;flex-direction:column;gap:1.5rem}.wu-wei-root .process-card-header{width:75%}.wu-wei-root .process-card-img img{aspect-ratio:5/3}.wu-wei-root .process-card-copy{display:flex;gap:1.5rem}.wu-wei-root .process-card-copy-title{flex:2}.wu-wei-root .process-card-copy-description{flex:4}@media (max-width:1000px){.wu-wei-root .process-card{gap:0}.wu-wei-root .process-card,.wu-wei-root .process-card-copy{flex-direction:column}.wu-wei-root .process-card-copy{gap:.5rem}.wu-wei-root .process-card-index{flex:1}.wu-wei-root .process-card-content-wrapper{width:100%}}.wu-wei-root .archive-page{width:100vw;height:100vh;background:var(--background);overflow:hidden;position:fixed;top:0;left:0;z-index:10}.wu-wei-root .archive-page img{width:100%;height:100%;object-fit:cover;user-select:none}.wu-wei-root .archive-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150vw;height:150vh;overflow:hidden}.wu-wei-root .gallery{position:relative;width:100%;height:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:4px;padding:4px;transform-origin:center center;will-change:transform}.wu-wei-root .gallery .img{width:calc((100% - 236px) / 60);transform:scale(0);transform-origin:center center;will-change:transform;pointer-events:none;opacity:0}.wu-wei-root #drag-layer{position:absolute;top:0;left:0;width:100%;height:100%;display:none;touch-action:none;z-index:1}.wu-wei-root #drag-layer.active{cursor:grab}.wu-wei-root #drag-layer.active:active{cursor:grabbing}.wu-wei-root .contact{position:relative;width:100vw;height:100%;min-height:100svh;background-color:var(--background);color:var(--foreground);display:flex;justify-content:center;align-items:center;overflow:hidden}.wu-wei-root .contact-img-wrapper{flex:2;display:flex;justify-content:center;align-items:center}.wu-wei-root .contact-img{width:40%;aspect-ratio:5/7}.wu-wei-root .contact-copy,.wu-wei-root .contact-copy-addresses{flex:1;display:flex;flex-direction:column;gap:3rem}.wu-wei-root .contact-copy-addresses{position:relative;left:20%}.wu-wei-root .contact-footer{position:absolute;left:0;bottom:0;width:100vw;padding:1.5rem;display:flex;gap:3rem}.wu-wei-root .contact .fc-col-lg{flex:4}.wu-wei-root .contact .fc-col-sm{flex:2}.wu-wei-root .contact-copy-links a{color:var(--foreground)}.wu-wei-root .contact .footer-text{overflow:hidden}.wu-wei-root .contact .footer-text-content{display:inline-block}@media (max-width:1000px){.wu-wei-root .contact-img-wrapper{display:none}.wu-wei-root .contact-copy{padding:1.5rem}.wu-wei-root .contact-footer{flex-direction:column;gap:.5rem}}.wu-wei-root .sample-project{background-color:var(--background);color:var(--foreground)}.wu-wei-root .sp-hero{width:100vw;height:60svh;display:flex;justify-content:center;align-items:flex-end;text-align:center;padding:1.5rem 1.5rem 0}.wu-wei-root .sp-banner-img{width:100vw;height:90svh}.wu-wei-root .sp-copy{width:100%;height:100%;padding:1.5rem}.wu-wei-root .sp-info{opacity:.3}.wu-wei-root .sp-copy-wrapper,.wu-wei-root .sp-info{display:flex;width:100%;margin-bottom:10rem}.wu-wei-root .sp-col-lg,.wu-wei-root .sp-col-sm{flex:1}.wu-wei-root .sp-info .sp-col-sm{display:flex;justify-content:space-between}.wu-wei-root .sp-copy-description,.wu-wei-root .sp-copy-title{width:75%}.wu-wei-root .sp-copy-description{display:flex;flex-direction:column;gap:1.5rem}.wu-wei-root .sp-link{margin-top:3rem}.wu-wei-root .sp-images{position:relative;width:100%;height:100%;padding:1.5rem}.wu-wei-root .sp-images-container{width:40%;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.wu-wei-root .sp-images-scroll-progress-container{display:flex;justify-content:space-between;z-index:1}.wu-wei-root .sp-next-project{position:relative;padding:1.5rem;width:100%;height:100svh;display:flex;justify-content:center;align-items:center}.wu-wei-root .sp-next-project-copy{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;text-align:center}.wu-wei-root .sp-next-project-copy p{color:var(--foreground-200)}.wu-wei-root .sp-next-project-names{width:100%;text-align:center}@media (max-width:1000px){.wu-wei-root .sp-year{display:none}.wu-wei-root .sp-info .sp-col-sm{display:flex;justify-content:flex-end}.wu-wei-root .sp-copy-wrapper{flex-direction:column;gap:3rem}.wu-wei-root .sp-copy-description,.wu-wei-root .sp-copy-title{width:100%}.wu-wei-root .sp-images-container{width:85%}}.zj-root{position:relative;width:100%;height:100vh;height:100dvh;overflow:hidden;background-color:var(--zj-bg);color:var(--zj-fg);font-family:TWK Lausanne,Inter,system-ui,-apple-system,sans-serif;isolation:isolate}.zj-root img{width:100%;height:100%;object-fit:cover;display:block}.zj-root h1{font-size:4.25rem;font-weight:600;letter-spacing:-.1rem;line-height:1;margin:0}.zj-root h2{font-size:2rem;font-weight:700;letter-spacing:-.04rem;line-height:1.125;-webkit-font-smoothing:antialiased;margin:0}.zj-root :is(a,p){display:block;text-decoration:none;color:var(--zj-fg);font-size:.85rem;font-weight:600}.zj-root button{background:none;border:none;padding:0;cursor:pointer;font:inherit}.zj-nav{position:absolute;top:0;left:0;width:100%;padding:1em;display:flex;gap:1em;z-index:5}.zj-nav .col:first-child{flex:1}.zj-nav .col:nth-child(2){flex:2;display:flex;justify-content:space-between}.zj-nav .nav-item button,.zj-nav .nav-logo button{font-size:.85rem;font-weight:600;color:var(--zj-fg)}.zj-home{position:absolute;inset:0;overflow:hidden;background-color:var(--zj-bg)}.zj-home .header{position:absolute;top:25%;left:50%;transform:translate(-50%,-50%);width:100%}.zj-home .header h1{font-size:30.5vw;text-align:center}.zj-home .hero-img{left:50%;bottom:0;transform:translateX(-50%);width:95%;height:50%}.zj-home .hero-img,.zj-scroll{position:absolute;overflow:hidden}.zj-scroll{inset:0}.zj-work{text-align:center;padding:15em 1em;gap:2em;background-color:var(--zj-bg)}.zj-work,.zj-work .projects{display:flex;flex-direction:column}.zj-work .projects{width:32%;margin:0 auto;gap:4em}.zj-work .projects img{aspect-ratio:4/5}.zj-letter,.zj-line,.zj-word{position:relative;display:inline-block;will-change:transform}.zj-revealer{position:absolute;top:0;left:0;width:100%;height:100%;transform-origin:center top;background-color:var(--zj-fg);pointer-events:none;z-index:2}::view-transition-new(root),::view-transition-old(root){animation:none!important}::view-transition-group(root){z-index:auto!important}::view-transition-image-pair(root){isolation:isolate;will-change:clip-path;z-index:1}::view-transition-new(root){z-index:10000;animation:none!important}::view-transition-old(root){z-index:1;animation:none!important}@media (max-width:900px){.zj-work .projects{width:90%}}