@media(max-width: 767px)and (orientation:landscape){.ffd__20-30{font-size:1.0416666667vw;line-height:1.5625vw}}@media(min-width: 768px)and (max-width: 1023px){.ffd__20-30{font-size:1.0416666667vw;line-height:1.5625vw}}@media(min-width: 1024px)and (max-width: 2560px){.ffd__20-30{font-size:1.0416666667vw;line-height:1.5625vw}}@media(min-width: 2561px){.ffd__20-30{font-size:26.6666666667px;line-height:40px}}@media(max-width: 767px)and (orientation:portrait){.ffm__25-25{font-size:5.8139534884vw;line-height:5.8139534884vw}}@media(max-width: 767px)and (orientation:landscape){.fft__25-30{font-size:1.3020833333vw;line-height:1.5625vw}}@media(min-width: 768px)and (max-width: 1023px){.fft__25-30{font-size:1.3020833333vw;line-height:1.5625vw}}@media(max-width: 767px)and (orientation:landscape){.ffd__16-24{font-size:0.8333333333vw;line-height:1.25vw}}@media(min-width: 768px)and (max-width: 1023px){.ffd__16-24{font-size:0.8333333333vw;line-height:1.25vw}}@media(min-width: 1024px)and (max-width: 2560px){.ffd__16-24{font-size:0.8333333333vw;line-height:1.25vw}}@media(min-width: 2561px){.ffd__16-24{font-size:21.3333333333px;line-height:32px}}@media(max-width: 767px)and (orientation:landscape){.fft__16-24{font-size:0.8333333333vw;line-height:1.25vw}}@media(min-width: 768px)and (max-width: 1023px){.fft__16-24{font-size:0.8333333333vw;line-height:1.25vw}}@media(max-width: 767px)and (orientation:portrait){.ffm__16-24{font-size:3.7209302326vw;line-height:5.5813953488vw}}.color__white{color:#ffffff}.color__black{color:#000000}.bg__white{background-color:#ffffff}.bg__black{background-color:#000000}.fill__white{fill:#ffffff}.fill__black{fill:#000000}.stroke__white{stroke:#ffffff}.stroke__black{stroke:#000000}:root{--white: #ffffff;--black: #000000}:root{--dur:400ms;--easing:ease;--zindex-header:100;--zindex-media-overlay:10;--zindex-project-title-desktop:200;--zindex-project-title-mobile:50;--zindex-projects-list:100;--cols-1: calc((var(--col) * 1) + (var(--gap) * (1 - 1)));--ncols-1: calc((var(--col) * 1) + (var(--gap) * (1)));--cols-2: calc((var(--col) * 2) + (var(--gap) * (2 - 1)));--ncols-2: calc((var(--col) * 2) + (var(--gap) * (2)));--cols-3: calc((var(--col) * 3) + (var(--gap) * (3 - 1)));--ncols-3: calc((var(--col) * 3) + (var(--gap) * (3)));--cols-4: calc((var(--col) * 4) + (var(--gap) * (4 - 1)));--ncols-4: calc((var(--col) * 4) + (var(--gap) * (4)));--cols-5: calc((var(--col) * 5) + (var(--gap) * (5 - 1)));--ncols-5: calc((var(--col) * 5) + (var(--gap) * (5)));--cols-6: calc((var(--col) * 6) + (var(--gap) * (6 - 1)));--ncols-6: calc((var(--col) * 6) + (var(--gap) * (6)));--cols-7: calc((var(--col) * 7) + (var(--gap) * (7 - 1)));--ncols-7: calc((var(--col) * 7) + (var(--gap) * (7)));--cols-8: calc((var(--col) * 8) + (var(--gap) * (8 - 1)));--ncols-8: calc((var(--col) * 8) + (var(--gap) * (8)));--cols-9: calc((var(--col) * 9) + (var(--gap) * (9 - 1)));--ncols-9: calc((var(--col) * 9) + (var(--gap) * (9)));--cols-10: calc((var(--col) * 10) + (var(--gap) * (10 - 1)));--ncols-10: calc((var(--col) * 10) + (var(--gap) * (10)));--cols-11: calc((var(--col) * 11) + (var(--gap) * (11 - 1)));--ncols-11: calc((var(--col) * 11) + (var(--gap) * (11)));--cols-12: calc((var(--col) * 12) + (var(--gap) * (12 - 1)));--ncols-12: calc((var(--col) * 12) + (var(--gap) * (12)))}@media(max-width: 767px)and (orientation:portrait){:root{--pixel:0.2325581395vw;--gap:4.6511627907vw;--header-height:13.9534883721vw;--font-size:5.8139534884vw;--line-height:8.1395348837vw;--breakout-width:0vw;--caption-gap:0vw;--project-title-top:12.0930232558vw}}@media(max-width: 767px)and (orientation:landscape){:root{--pixel:0.0520833333vw;--gap:1.25vw;--col:6.9791666667vw;--border:1.25vw;--header-height:2.5vw;--font-size:1.0416666667vw;--line-height:1.25vw;--breakout-width:0vw;--caption-gap:0.2083333333vw;--project-title-offset:0.625vw;--project-title-top:0vw}}@media(min-width: 768px)and (max-width: 1023px){:root{--pixel:0.0520833333vw;--gap:1.25vw;--col:6.9791666667vw;--border:1.25vw;--header-height:2.5vw;--font-size:1.0416666667vw;--line-height:1.25vw;--breakout-width:0vw;--caption-gap:0.2083333333vw;--project-title-offset:0.625vw;--project-title-top:0vw}}@media(min-width: 1024px)and (max-width: 2560px){:root{--pixel:0.0520833333vw;--gap:1.25vw;--col:6.9791666667vw;--border:1.25vw;--header-height:2.5vw;--font-size:1.0416666667vw;--line-height:1.25vw;--breakout-width:0vw;--caption-gap:0.2083333333vw;--project-title-offset:0.625vw;--project-title-top:0vw}}@media(min-width: 2561px){:root{--pixel:1.3333333333px;--gap:32px;--col:178.6666666667px;--border:32px;--header-height:64px;--font-size:26.6666666667px;--line-height:32px;--breakout-width:0px;--caption-gap:5.3333333333px;--project-title-offset:16px;--project-title-top:0px}}@media(max-width: 767px)and (orientation:landscape){:root{--outer-width:max(0px,calc(50vw - 1280px))}}@media(min-width: 768px)and (max-width: 1023px){:root{--outer-width:max(0px,calc(50vw - 1280px))}}@media(min-width: 1024px)and (max-width: 2560px),(min-width: 2561px){:root{--outer-width:max(0px,calc(50vw - 1280px))}}html{height:100%}.df__body{background:#1b1b1b;color:#dcdcdc;font-family:"Source Code Pro";font-size:17px;line-height:34px;letter-spacing:.02em;height:100%;padding:0;margin:0;display:flex;align-items:center;justify-content:center;text-align:center}.df__body app_name{color:#ffc600}.DF__gateway__form{width:90%;margin:auto;text-align:center;height:100%;position:relative;font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif}.DF__gateway__input{font-family:inherit;font-size:20px;border:1px solid #000;margin-bottom:40px}.DF__gateway__submit{font-family:inherit;font-size:20px}.fast-lazy img[loading=lazy]{transition:opacity 0 var(--easing)}img[loading=lazy]{opacity:0;transition:opacity var(--dur) var(--easing)}img[loading=lazy].loaded{opacity:1}.plx{opacity:0;transition:all .8s ease}.plx-b{transform:translateY(10vh)}.plx-matrix{transform:matrix(0, 1, 1, 0, 0, 0)}.plx-scale{transform:rotate(360deg) scale(0.1)}.plx.loaded{opacity:1;transform:rotate(0deg) translate(0, 0)}.delay-100{transition-delay:100ms}.delay-200{transition-delay:200ms}.delay-300{transition-delay:300ms}.delay-400{transition-delay:400ms}.delay-500{transition-delay:500ms}.delay-600{transition-delay:600ms}.delay-700{transition-delay:700ms}.delay-800{transition-delay:800ms}.delay-900{transition-delay:900ms}.delay-1000{transition-delay:1000ms}.delay-1100{transition-delay:1100ms}.delay-1200{transition-delay:1200ms}.delay-1300{transition-delay:1300ms}.delay-1400{transition-delay:1400ms}.delay-1500{transition-delay:1500ms}.delay-1600{transition-delay:1600ms}.delay-1700{transition-delay:1700ms}.delay-1800{transition-delay:1800ms}.delay-1900{transition-delay:1900ms}.delay-2000{transition-delay:2000ms}@media(max-width: 767px)and (orientation:portrait){.plx{transition-delay:0ms}}.effect{position:relative;opacity:0}.effect .chars{position:absolute;left:0;right:0;top:0;height:100%;z-index:1}.effect .chars span{opacity:0;transition:all 1s ease}.effect .chars span.active{opacity:1}.effect.active{opacity:1 !important}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:auto;-khtml-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-text-size-adjust:none;outline:none !important;-webkit-appearance:none;scrollbar-width:none;-ms-overflow-style:none;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:0px}input,textarea,select,a{border-radius:0;font-size:inherit;line-height:inherit;background:inherit;font-family:inherit;color:inherit;border:none;text-decoration:none}input ::-webkit-input-placeholder,input ::-webkit-input-placeholder,textarea ::-webkit-input-placeholder{opacity:1}input :-moz-placeholder,input :-moz-placeholder,textarea :-moz-placeholder{opacity:1}input ::-moz-placeholder,input ::-moz-placeholder,textarea ::-moz-placeholder{opacity:1}input :-ms-input-placeholder,input :-ms-input-placeholder,textarea :-ms-input-placeholder{opacity:1}input ::placeholder,input ::placeholder,textarea ::placeholder{opacity:1}svg{display:block;width:100%}button{all:unset}.lower{text-transform:lowercase}.upper{text-transform:uppercase}.underline{text-decoration:underline}.center{text-align:center}.left{text-align:left}.right{text-align:right}.fl{float:left}.fr{float:right}.pointer{cursor:pointer}.m-auto{margin-left:auto;margin-right:auto}.onum{font-feature-settings:"onum" 1;font-feature-settings:"onum" on}.smoothing{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ff__100{font-weight:100}.ff__200{font-weight:200}.ff__300{font-weight:300}.ff__400{font-weight:400}.ff__500{font-weight:500}.ff__600{font-weight:600}.ff__700,strong{font-weight:700}.ff__800{font-weight:800}.ff__900{font-weight:900}.ff__normal{font-style:normal}.ff__italic{font-style:italic}.ff__oblique{font-style:oblique}.spread{position:absolute;top:0;bottom:0;right:0;left:0;height:100%;width:100%}.object-cover img.cover,.object-cover video.cover{object-fit:cover;width:100%;height:100%;display:block}@media(max-width: 767px)and (orientation:portrait){.hom{display:none !important}}@media(max-width: 767px)and (orientation:landscape){.hot{display:none !important}}@media(min-width: 768px)and (max-width: 1023px){.hot{display:none !important}}@media(min-width: 1024px)and (max-width: 2560px),(min-width: 2561px){.hod{display:none !important}}html{height:100%}header{flex-shrink:0}footer{flex-shrink:0}body{display:flex;flex-direction:column;min-height:100dvh;background:var(--white)}body.locked{overflow:hidden;position:fixed;top:0;left:0;width:100%;height:100%}main{flex:1 1 auto;position:relative}@media(max-width: 767px)and (orientation:portrait){body:has(.barba-container[data-nav=archive]) .pixel-fix{position:fixed;top:0;left:0;width:100%;height:calc(var(--header-height) + var(--pixel)*1);background:var(--white);display:block}}body:has(.barba-container[data-nav=projects]){height:100dvh;overflow:hidden}@media(max-width: 767px)and (orientation:portrait){body:has(.barba-container[data-nav=projects]) .pixel-fix{position:fixed;top:0;left:0;width:100%;height:calc(var(--header-height) + var(--pixel)*1);background:var(--white);display:block}}body:has(.barba-container[data-nav=projects]) main{height:100%;min-height:0;overflow-y:scroll}.barba-container{transition:opacity .4s ease}.barba-container.fadeout{opacity:0}.barba-container.incoming{opacity:0 !important}.inner{position:relative;margin-left:auto;margin-right:auto}@media(max-width: 767px)and (orientation:portrait){.inner{width:90.6976744186vw}}@media(max-width: 767px)and (orientation:landscape)and (max-width: 767px)and (orientation:landscape){.inner{width:95.8333333333vw}}@media(max-width: 767px)and (orientation:landscape)and (min-width: 768px)and (max-width: 1023px){.inner{width:95.8333333333vw}}@media(max-width: 767px)and (orientation:landscape)and (max-width: 767px)and (orientation:landscape){.inner{width:95.8333333333vw}}@media(max-width: 767px)and (orientation:landscape)and (min-width: 768px)and (max-width: 1023px){.inner{width:95.8333333333vw}}@media(max-width: 767px)and (orientation:landscape)and (min-width: 1024px)and (max-width: 2560px){.inner{width:95.8333333333vw}}@media(max-width: 767px)and (orientation:landscape)and (min-width: 2561px){.inner{width:2453.3333333333px}}@media(min-width: 768px)and (max-width: 1023px)and (max-width: 767px)and (orientation:landscape){.inner{width:95.8333333333vw}}@media(min-width: 768px)and (max-width: 1023px)and (min-width: 768px)and (max-width: 1023px){.inner{width:95.8333333333vw}}@media(min-width: 768px)and (max-width: 1023px)and (max-width: 767px)and (orientation:landscape){.inner{width:95.8333333333vw}}@media(min-width: 768px)and (max-width: 1023px)and (min-width: 768px)and (max-width: 1023px){.inner{width:95.8333333333vw}}@media(min-width: 768px)and (max-width: 1023px)and (min-width: 1024px)and (max-width: 2560px){.inner{width:95.8333333333vw}}@media(min-width: 768px)and (max-width: 1023px)and (min-width: 2561px){.inner{width:2453.3333333333px}}@media(min-width: 1024px)and (max-width: 2560px)and (max-width: 767px)and (orientation:landscape),(min-width: 2561px)and (max-width: 767px)and (orientation:landscape){.inner{width:95.8333333333vw}}@media(min-width: 1024px)and (max-width: 2560px)and (min-width: 768px)and (max-width: 1023px),(min-width: 2561px)and (min-width: 768px)and (max-width: 1023px){.inner{width:95.8333333333vw}}@media(min-width: 1024px)and (max-width: 2560px)and (max-width: 767px)and (orientation:landscape),(min-width: 2561px)and (max-width: 767px)and (orientation:landscape){.inner{width:95.8333333333vw}}@media(min-width: 1024px)and (max-width: 2560px)and (min-width: 768px)and (max-width: 1023px),(min-width: 2561px)and (min-width: 768px)and (max-width: 1023px){.inner{width:95.8333333333vw}}@media(min-width: 1024px)and (max-width: 2560px)and (min-width: 1024px)and (max-width: 2560px),(min-width: 2561px)and (min-width: 1024px)and (max-width: 2560px){.inner{width:95.8333333333vw}}@media(min-width: 1024px)and (max-width: 2560px)and (min-width: 2561px),(min-width: 2561px)and (min-width: 2561px){.inner{width:2453.3333333333px}}body.projects-list-visible .header__projects-button{opacity:1}.header{position:fixed;top:0;left:0;width:100%;background:var(--white);z-index:var(--zindex-header)}.header .pixel-fix{display:none}.header__nav{position:relative;line-height:var(--font-size);height:var(--header-height)}.header__logo{all:unset;cursor:pointer}@media(max-width: 767px)and (orientation:landscape){.header__logo{grid-column:5/span 6}}@media(min-width: 768px)and (max-width: 1023px){.header__logo{grid-column:5/span 6}}@media(min-width: 1024px)and (max-width: 2560px),(min-width: 2561px){.header__logo{grid-column:5/span 6}}@media(max-width: 767px)and (orientation:portrait){.header__logo{grid-column:3/span 2}}.header__projects-button{all:unset;background:var(--white);opacity:0;transition:opacity var(--dur) var(--easing)}@media(max-width: 767px)and (orientation:landscape){.header__projects-button{grid-column:12/span 2}}@media(min-width: 768px)and (max-width: 1023px){.header__projects-button{grid-column:12/span 2}}@media(min-width: 1024px)and (max-width: 2560px),(min-width: 2561px){.header__projects-button{grid-column:12/span 2}}@media(max-width: 767px)and (orientation:portrait){.header__projects-button{grid-column:5/span 1;justify-self:end}}.header__projects-button.trigger{cursor:pointer;opacity:1}.header.active .header__projects-button{opacity:1}.header.active .header__projects-button:hover{color:inherit}.header-proxy{height:calc(var(--header-height));grid-column:1/-1}.info-proxy,.info{height:0;transition:height 650ms var(--easing);will-change:height}.info{background:var(--white);width:100%;overflow:hidden}@media(max-width: 767px)and (orientation:landscape){.info{position:relative}}@media(min-width: 768px)and (max-width: 1023px){.info{position:relative}}@media(min-width: 1024px)and (max-width: 2560px),(min-width: 2561px){.info{position:relative}}.info__thumbs{grid-column:2/span 4;position:relative;width:100%;display:grid;grid-template-columns:1fr;padding-bottom:var(--gap)}.info__thumb{grid-area:1/1;width:100%;opacity:1;transition:opacity var(--dur) var(--easing)}.info__thumb .lens{width:100%;display:none}.info__thumb.active{opacity:1}.info__thumb.active .lens{display:block}.info__copy{padding-bottom:calc(var(--line-height)*4)}@media(max-width: 767px)and (orientation:landscape){.info__copy{grid-column:7/span 2}}@media(min-width: 768px)and (max-width: 1023px){.info__copy{grid-column:7/span 2}}@media(min-width: 1024px)and (max-width: 2560px),(min-width: 2561px){.info__copy{grid-column:7/span 2}}@media(max-width: 767px)and (orientation:portrait){.info__copy{grid-column:2/-2}}.info__copy h1{margin-bottom:var(--line-height)}@media(max-width: 767px)and (orientation:portrait){.info__copy h1{padding-top:calc(var(--pixel)*12)}}.footer{position:relative;padding-bottom:var(--line-height)}@media(max-width: 767px)and (orientation:landscape){.footer__copyright{grid-column:2/span 3}}@media(min-width: 768px)and (max-width: 1023px){.footer__copyright{grid-column:2/span 3}}@media(min-width: 1024px)and (max-width: 2560px),(min-width: 2561px){.footer__copyright{grid-column:2/span 3}}@media(max-width: 767px)and (orientation:portrait){.footer__copyright{order:2;grid-column:2/-2;margin-top:var(--line-height)}}@media(max-width: 767px)and (orientation:landscape){.footer .address{grid-column:7/span 2}}@media(min-width: 768px)and (max-width: 1023px){.footer .address{grid-column:7/span 2}}@media(min-width: 1024px)and (max-width: 2560px),(min-width: 2561px){.footer .address{grid-column:7/span 2}}@media(max-width: 767px)and (orientation:portrait){.footer .address{order:1;grid-column:2/-2}}body:has(.project) .footer{display:none}.lens{overflow:hidden;position:relative;--portrait-aspect-ratio: calc(1 / (var(--aspect-ratio)));aspect-ratio:var(--aspect-ratio)}.lens.spread{position:absolute}@media(max-width: 767px)and (orientation:landscape){.media.desktop-lens-rotate-270 .lens,.media.desktop-lens-rotate-90 .lens{aspect-ratio:var(--portrait-aspect-ratio);width:100%}.media.desktop-lens-rotate-270 .lens picture,.media.desktop-lens-rotate-270 .lens video,.media.desktop-lens-rotate-90 .lens picture,.media.desktop-lens-rotate-90 .lens video{position:absolute;transition:all .4s ease;top:50%;left:50%;width:calc(100%*var(--aspect-ratio));height:calc(100%*var(--portrait-aspect-ratio))}.media.desktop-lens-rotate-270 .lens picture,.media.desktop-lens-rotate-270 .lens video{transform:translate(-50%, -50%) rotate(-90deg)}.media.desktop-lens-rotate-90 .lens picture,.media.desktop-lens-rotate-90 .lens video{transform:translate(-50%, -50%) rotate(90deg)}}@media(min-width: 768px)and (max-width: 1023px){.media.desktop-lens-rotate-270 .lens,.media.desktop-lens-rotate-90 .lens{aspect-ratio:var(--portrait-aspect-ratio);width:100%}.media.desktop-lens-rotate-270 .lens picture,.media.desktop-lens-rotate-270 .lens video,.media.desktop-lens-rotate-90 .lens picture,.media.desktop-lens-rotate-90 .lens video{position:absolute;transition:all .4s ease;top:50%;left:50%;width:calc(100%*var(--aspect-ratio));height:calc(100%*var(--portrait-aspect-ratio))}.media.desktop-lens-rotate-270 .lens picture,.media.desktop-lens-rotate-270 .lens video{transform:translate(-50%, -50%) rotate(-90deg)}.media.desktop-lens-rotate-90 .lens picture,.media.desktop-lens-rotate-90 .lens video{transform:translate(-50%, -50%) rotate(90deg)}}@media(min-width: 1024px)and (max-width: 2560px),(min-width: 2561px){.media.desktop-lens-rotate-270 .lens,.media.desktop-lens-rotate-90 .lens{aspect-ratio:var(--portrait-aspect-ratio);width:100%}.media.desktop-lens-rotate-270 .lens picture,.media.desktop-lens-rotate-270 .lens video,.media.desktop-lens-rotate-90 .lens picture,.media.desktop-lens-rotate-90 .lens video{position:absolute;transition:all .4s ease;top:50%;left:50%;width:calc(100%*var(--aspect-ratio));height:calc(100%*var(--portrait-aspect-ratio))}.media.desktop-lens-rotate-270 .lens picture,.media.desktop-lens-rotate-270 .lens video{transform:translate(-50%, -50%) rotate(-90deg)}.media.desktop-lens-rotate-90 .lens picture,.media.desktop-lens-rotate-90 .lens video{transform:translate(-50%, -50%) rotate(90deg)}}@media(max-width: 767px)and (orientation:portrait){.media.mobile-lens-rotate-270 .lens,.media.mobile-lens-rotate-90 .lens{aspect-ratio:var(--portrait-aspect-ratio);width:100%}.media.mobile-lens-rotate-270 .lens picture,.media.mobile-lens-rotate-270 .lens video,.media.mobile-lens-rotate-90 .lens picture,.media.mobile-lens-rotate-90 .lens video{position:absolute;transition:all .4s ease;top:50%;left:50%;width:calc(100%*var(--aspect-ratio));height:calc(100%*var(--portrait-aspect-ratio))}.media.mobile-lens-rotate-270 .lens picture,.media.mobile-lens-rotate-270 .lens video{transform:translate(-50%, -50%) rotate(-90deg)}.media.mobile-lens-rotate-90 .lens picture,.media.mobile-lens-rotate-90 .lens video{transform:translate(-50%, -50%) rotate(90deg)}}.lens picture{display:block;position:relative;width:100%;height:min-content}.lens picture img{display:block;width:100%}.lens__video{display:block;position:relative}.lens .lens__mask{z-index:1;cursor:pointer}.lens .lens__mask:has(img.lens__poster) .lens__layer{display:none}.lens .lens__mask:has(img.lens__poster.loaded) .lens__layer{display:flex}.lens .lens__layer{z-index:1;--bg:rgba(0,0,0,.50);background:var(--bg);display:flex;justify-content:center;align-items:center}.lens .lens__play{--color:white;color:var(--color);fill:var(--color)}.master-grid,.barba-container,.next-project,.header__nav,.info,.footer{display:grid;grid-column-gap:var(--gap)}@media(max-width: 767px)and (orientation:portrait){.master-grid,.barba-container,.next-project,.header__nav,.info,.footer{grid-template-columns:0 repeat(4, minmax(0, 1fr)) 0}}@media(max-width: 767px)and (orientation:landscape){.master-grid,.barba-container,.next-project,.header__nav,.info,.footer{grid-template-columns:var(--outer-width) repeat(12, minmax(0, 1fr)) var(--outer-width)}}@media(min-width: 768px)and (max-width: 1023px){.master-grid,.barba-container,.next-project,.header__nav,.info,.footer{grid-template-columns:var(--outer-width) repeat(12, minmax(0, 1fr)) var(--outer-width)}}@media(min-width: 1024px)and (max-width: 2560px),(min-width: 2561px){.master-grid,.barba-container,.next-project,.header__nav,.info,.footer{grid-template-columns:var(--outer-width) repeat(12, minmax(0, 1fr)) var(--outer-width)}}.inner-grid,.components{display:grid;grid-column-gap:var(--gap)}@media(max-width: 767px)and (orientation:portrait){.inner-grid,.components{grid-template-columns:repeat(6, minmax(0, 1fr))}}@media(max-width: 767px)and (orientation:landscape){.inner-grid,.components{grid-template-columns:repeat(12, minmax(0, 1fr))}}@media(min-width: 768px)and (max-width: 1023px){.inner-grid,.components{grid-template-columns:repeat(12, minmax(0, 1fr))}}@media(min-width: 1024px)and (max-width: 2560px),(min-width: 2561px){.inner-grid,.components{grid-template-columns:repeat(12, minmax(0, 1fr))}}.grid-break{clear:both;grid-column:1/-1;height:0;padding:0}.flex-center,.header__logo,.header__projects-button{display:flex;justify-content:center;align-items:center}@media(max-width: 767px)and (orientation:landscape){.media{grid-column-start:var(--desktop_start);grid-column-end:var(--desktop_end);margin-bottom:calc(var(--desktop_margin_bottom)*var(--gap));align-self:var(--desktop_align)}.media.desktop-extends-True{margin-left:calc(-1*var(--gap));margin-right:calc(-1*var(--gap))}.media.desktop-extends-True .caption{margin-left:var(--gap);margin-right:var(--gap)}.media.mb-none{margin-bottom:0}.media.mb-gutter{margin-bottom:var(--gap)}.media.mb-default{margin-bottom:calc(1*var(--gap))}.media.mb-double{margin-bottom:calc(2*var(--gap))}}@media(min-width: 768px)and (max-width: 1023px){.media{grid-column-start:var(--desktop_start);grid-column-end:var(--desktop_end);margin-bottom:calc(var(--desktop_margin_bottom)*var(--gap));align-self:var(--desktop_align)}.media.desktop-extends-True{margin-left:calc(-1*var(--gap));margin-right:calc(-1*var(--gap))}.media.desktop-extends-True .caption{margin-left:var(--gap);margin-right:var(--gap)}.media.mb-none{margin-bottom:0}.media.mb-gutter{margin-bottom:var(--gap)}.media.mb-default{margin-bottom:calc(1*var(--gap))}.media.mb-double{margin-bottom:calc(2*var(--gap))}}@media(min-width: 1024px)and (max-width: 2560px),(min-width: 2561px){.media{grid-column-start:var(--desktop_start);grid-column-end:var(--desktop_end);margin-bottom:calc(var(--desktop_margin_bottom)*var(--gap));align-self:var(--desktop_align)}.media.desktop-extends-True{margin-left:calc(-1*var(--gap));margin-right:calc(-1*var(--gap))}.media.desktop-extends-True .caption{margin-left:var(--gap);margin-right:var(--gap)}.media.mb-none{margin-bottom:0}.media.mb-gutter{margin-bottom:var(--gap)}.media.mb-default{margin-bottom:calc(1*var(--gap))}.media.mb-double{margin-bottom:calc(2*var(--gap))}}@media(max-width: 767px)and (orientation:portrait){.media{grid-column-start:var(--mobile_start);grid-column-end:var(--mobile_end);margin-bottom:calc(var(--mobile_margin_bottom)*var(--gap));align-self:var(--mobile_align)}.media.mobile-extends-True{margin-left:calc(-1*var(--gap));margin-right:calc(-1*var(--gap))}.media.mobile-extends-True .caption{margin-left:var(--gap);margin-right:var(--gap)}.media.mb-none{margin-bottom:0}.media.mb-gutter{margin-bottom:var(--gap)}.media.mb-default{margin-bottom:calc(1*var(--gap))}.media.mb-double{margin-bottom:calc(2*var(--gap))}}.media__container{position:relative}.media:hover .media__overlay{background-color:var(--project-overlay)}.media__overlay{background:rgba(0,0,0,0);transition:background-color var(--dur) var(--easing);z-index:var(--zindex-media-overlay)}@media(max-width: 767px)and (orientation:portrait){.project-list{position:fixed;top:var(--header-height);left:0;right:0;z-index:var(--zindex-header);height:calc(100dvh - var(--header-height));background:var(--white);overflow-y:scroll;opacity:0;visibility:hidden;pointer-events:none;will-change:opacity,visibility;transition:opacity var(--dur) var(--easing) 400ms,visibility var(--dur) var(--easing) 400ms}.project-list ul{padding:calc(var(--pixel)*12.5) var(--gap)}.project-list.active,body.projects-list-visible .project-list{visibility:visible;pointer-events:auto;opacity:1;transition-delay:0s}}@media(max-width: 767px)and (orientation:landscape){.info .project-list{grid-column:12/span 2;padding-bottom:calc(var(--line-height)*4)}}@media(min-width: 768px)and (max-width: 1023px){.info .project-list{grid-column:12/span 2;padding-bottom:calc(var(--line-height)*4)}}@media(min-width: 1024px)and (max-width: 2560px),(min-width: 2561px){.info .project-list{grid-column:12/span 2;padding-bottom:calc(var(--line-height)*4)}}main .project-list{position:fixed;top:var(--header-height)}main .project-list ul{width:var(--cols-2);height:calc(100% - var(--gap));overflow-y:scroll}@media(max-width: 767px)and (orientation:landscape){main .project-list{right:calc(var(--outer-width) + var(--gap));bottom:0;z-index:var(--zindex-projects-list);width:0;overflow:hidden;background:var(--white);will-change:width;transition:width var(--dur) var(--easing)}}@media(min-width: 768px)and (max-width: 1023px){main .project-list{right:calc(var(--outer-width) + var(--gap));bottom:0;z-index:var(--zindex-projects-list);width:0;overflow:hidden;background:var(--white);will-change:width;transition:width var(--dur) var(--easing)}}@media(min-width: 1024px)and (max-width: 2560px),(min-width: 2561px){main .project-list{right:calc(var(--outer-width) + var(--gap));bottom:0;z-index:var(--zindex-projects-list);width:0;overflow:hidden;background:var(--white);will-change:width;transition:width var(--dur) var(--easing)}}@media(max-width: 767px)and (orientation:landscape){body.projects-list-visible .project__content{width:calc(100% - var(--ncols-2))}body.projects-list-visible main .project-list{width:var(--cols-2)}}@media(min-width: 768px)and (max-width: 1023px){body.projects-list-visible .project__content{width:calc(100% - var(--ncols-2))}body.projects-list-visible main .project-list{width:var(--cols-2)}}@media(min-width: 1024px)and (max-width: 2560px),(min-width: 2561px){body.projects-list-visible .project__content{width:calc(100% - var(--ncols-2))}body.projects-list-visible main .project-list{width:var(--cols-2)}}.project-list li.disabled{color:var(--disabled-link)}.project-list__archive{margin-top:var(--line-height)}.home__layout{grid-column:2/-2;grid-row-gap:0}.home__layout.inactive{display:none}.project__outer-grid{position:relative;grid-column:2/-2}@media(max-width: 767px)and (orientation:portrait){.project__outer-grid:not(:first-child){max-height:100vh;overflow:hidden}}.project__head-push{height:var(--header-height)}.project__title{position:sticky;left:0;height:var(--header-height);display:flex;align-items:center}@media(max-width: 767px)and (orientation:landscape){.project__title{top:0;width:var(--cols-4);z-index:var(--zindex-project-title-desktop)}}@media(min-width: 768px)and (max-width: 1023px){.project__title{top:0;width:var(--cols-4);z-index:var(--zindex-project-title-desktop)}}@media(min-width: 1024px)and (max-width: 2560px),(min-width: 2561px){.project__title{top:0;width:var(--cols-4);z-index:var(--zindex-project-title-desktop)}}@media(max-width: 767px)and (orientation:portrait){.project__title{top:var(--header-height);background:var(--white);z-index:var(--zindex-project-title-mobile);width:100vw;margin-left:50%;transform:translateX(-50%);padding-left:var(--gap);padding-right:var(--gap);box-sizing:border-box}}.project__header{display:grid;align-items:start;width:100%;grid-column-gap:var(--gap)}@media(max-width: 767px)and (orientation:landscape){.project__header{grid-template-columns:auto var(--cols-2)}}@media(min-width: 768px)and (max-width: 1023px){.project__header{grid-template-columns:auto var(--cols-2)}}@media(min-width: 1024px)and (max-width: 2560px),(min-width: 2561px){.project__header{grid-template-columns:auto var(--cols-2)}}@media(max-width: 767px)and (orientation:portrait){.project__header{grid-template-columns:repeat(4, minmax(0, 1fr))}}@media(max-width: 767px)and (orientation:landscape){.project__heros{grid-template-columns:repeat(10, minmax(0, 1fr))}}@media(min-width: 768px)and (max-width: 1023px){.project__heros{grid-template-columns:repeat(10, minmax(0, 1fr))}}@media(min-width: 1024px)and (max-width: 2560px),(min-width: 2561px){.project__heros{grid-template-columns:repeat(10, minmax(0, 1fr))}}@media(max-width: 767px)and (orientation:portrait){.project__heros{grid-template-columns:repeat(6, minmax(0, 1fr));grid-column:1/-1 !important}}@media(max-width: 767px)and (orientation:landscape){.project__description{position:sticky;top:var(--header-height)}}@media(min-width: 768px)and (max-width: 1023px){.project__description{position:sticky;top:var(--header-height)}}@media(min-width: 1024px)and (max-width: 2560px),(min-width: 2561px){.project__description{position:sticky;top:var(--header-height)}}@media(max-width: 767px)and (orientation:portrait){.project__description{grid-column:1/-1 !important}}.project__categories{margin-top:var(--line-height)}.project__content{width:100%;will-change:width;transition:width var(--dur) var(--easing)}.project__footer{display:grid}@media(max-width: 767px)and (orientation:landscape){.project__credits{grid-column:1/span 5}}@media(min-width: 768px)and (max-width: 1023px){.project__credits{grid-column:1/span 5}}@media(min-width: 1024px)and (max-width: 2560px),(min-width: 2561px){.project__credits{grid-column:1/span 5}}@media(max-width: 767px)and (orientation:portrait){.project__credits{grid-column:1/-1;margin-bottom:var(--line-height)}}@media(max-width: 767px)and (orientation:landscape){.project__cta{grid-column:6/span 2}}@media(min-width: 768px)and (max-width: 1023px){.project__cta{grid-column:6/span 2}}@media(min-width: 1024px)and (max-width: 2560px),(min-width: 2561px){.project__cta{grid-column:6/span 2}}@media(max-width: 767px)and (orientation:portrait){.project__cta{grid-column:1/-1}}.next-project{display:grid;position:relative;grid-column:1/-1;width:100vw}.no-animation *,.no-animation *::before,.no-animation *::after{animation-duration:0s !important;transition-duration:0s !important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.ghost-link{color:inherit;text-decoration:inherit;cursor:default;pointer-events:none}.ghost-link:focus,.ghost-link:active,.ghost-link:hover{outline:none;color:inherit;text-decoration:none}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;white-space:normal}::selection{background-color:var(--text-highlight)}body{font-size:var(--font-size);line-height:var(--line-height)}body.no-scroll{overflow:hidden;height:100vh}.ff__neuehaasunicapro{font-feature-settings:"pnum" on}.hoverable{transition:color var(--dur) var(--easing)}@media(hover: hover){.hoverable:hover{color:var(--link-hover)}}.active-anchor{transition:color var(--dur) var(--easing)}.address__socials{margin-bottom:var(--line-height)}.barba-container{grid-column:1/-1}.components{position:relative}@media(max-width: 767px)and (orientation:portrait){.components{grid-column:2/-2}}.caption{padding-top:var(--caption-gap)}@media(max-width: 767px)and (orientation:landscape){.desktop-mb-0{margin-bottom:calc(var(--gap)*0)}.desktop-pb-0{padding-bottom:calc(var(--gap)*0)}}@media(min-width: 768px)and (max-width: 1023px){.desktop-mb-0{margin-bottom:calc(var(--gap)*0)}.desktop-pb-0{padding-bottom:calc(var(--gap)*0)}}@media(min-width: 1024px)and (max-width: 2560px),(min-width: 2561px){.desktop-mb-0{margin-bottom:calc(var(--gap)*0)}.desktop-pb-0{padding-bottom:calc(var(--gap)*0)}}@media(max-width: 767px)and (orientation:portrait){.mobile-mb-0{margin-bottom:calc(var(--gap)*0)}.mobile-pb-0{padding-bottom:calc(var(--gap)*0)}}@media(max-width: 767px)and (orientation:landscape){.desktop-mb-1{margin-bottom:calc(var(--gap)*1)}.desktop-pb-1{padding-bottom:calc(var(--gap)*1)}}@media(min-width: 768px)and (max-width: 1023px){.desktop-mb-1{margin-bottom:calc(var(--gap)*1)}.desktop-pb-1{padding-bottom:calc(var(--gap)*1)}}@media(min-width: 1024px)and (max-width: 2560px),(min-width: 2561px){.desktop-mb-1{margin-bottom:calc(var(--gap)*1)}.desktop-pb-1{padding-bottom:calc(var(--gap)*1)}}@media(max-width: 767px)and (orientation:portrait){.mobile-mb-1{margin-bottom:calc(var(--gap)*1)}.mobile-pb-1{padding-bottom:calc(var(--gap)*1)}}@media(max-width: 767px)and (orientation:landscape){.desktop-mb-2{margin-bottom:calc(var(--gap)*2)}.desktop-pb-2{padding-bottom:calc(var(--gap)*2)}}@media(min-width: 768px)and (max-width: 1023px){.desktop-mb-2{margin-bottom:calc(var(--gap)*2)}.desktop-pb-2{padding-bottom:calc(var(--gap)*2)}}@media(min-width: 1024px)and (max-width: 2560px),(min-width: 2561px){.desktop-mb-2{margin-bottom:calc(var(--gap)*2)}.desktop-pb-2{padding-bottom:calc(var(--gap)*2)}}@media(max-width: 767px)and (orientation:portrait){.mobile-mb-2{margin-bottom:calc(var(--gap)*2)}.mobile-pb-2{padding-bottom:calc(var(--gap)*2)}}@media(max-width: 767px)and (orientation:landscape){.desktop-mb-3{margin-bottom:calc(var(--gap)*3)}.desktop-pb-3{padding-bottom:calc(var(--gap)*3)}}@media(min-width: 768px)and (max-width: 1023px){.desktop-mb-3{margin-bottom:calc(var(--gap)*3)}.desktop-pb-3{padding-bottom:calc(var(--gap)*3)}}@media(min-width: 1024px)and (max-width: 2560px),(min-width: 2561px){.desktop-mb-3{margin-bottom:calc(var(--gap)*3)}.desktop-pb-3{padding-bottom:calc(var(--gap)*3)}}@media(max-width: 767px)and (orientation:portrait){.mobile-mb-3{margin-bottom:calc(var(--gap)*3)}.mobile-pb-3{padding-bottom:calc(var(--gap)*3)}}@media(max-width: 767px)and (orientation:landscape){.desktop-mb-4{margin-bottom:calc(var(--gap)*4)}.desktop-pb-4{padding-bottom:calc(var(--gap)*4)}}@media(min-width: 768px)and (max-width: 1023px){.desktop-mb-4{margin-bottom:calc(var(--gap)*4)}.desktop-pb-4{padding-bottom:calc(var(--gap)*4)}}@media(min-width: 1024px)and (max-width: 2560px),(min-width: 2561px){.desktop-mb-4{margin-bottom:calc(var(--gap)*4)}.desktop-pb-4{padding-bottom:calc(var(--gap)*4)}}@media(max-width: 767px)and (orientation:portrait){.mobile-mb-4{margin-bottom:calc(var(--gap)*4)}.mobile-pb-4{padding-bottom:calc(var(--gap)*4)}}@media(max-width: 767px)and (orientation:landscape){.desktop-mb-5{margin-bottom:calc(var(--gap)*5)}.desktop-pb-5{padding-bottom:calc(var(--gap)*5)}}@media(min-width: 768px)and (max-width: 1023px){.desktop-mb-5{margin-bottom:calc(var(--gap)*5)}.desktop-pb-5{padding-bottom:calc(var(--gap)*5)}}@media(min-width: 1024px)and (max-width: 2560px),(min-width: 2561px){.desktop-mb-5{margin-bottom:calc(var(--gap)*5)}.desktop-pb-5{padding-bottom:calc(var(--gap)*5)}}@media(max-width: 767px)and (orientation:portrait){.mobile-mb-5{margin-bottom:calc(var(--gap)*5)}.mobile-pb-5{padding-bottom:calc(var(--gap)*5)}}@media(max-width: 767px)and (orientation:landscape){.desktop-mb-6{margin-bottom:calc(var(--gap)*6)}.desktop-pb-6{padding-bottom:calc(var(--gap)*6)}}@media(min-width: 768px)and (max-width: 1023px){.desktop-mb-6{margin-bottom:calc(var(--gap)*6)}.desktop-pb-6{padding-bottom:calc(var(--gap)*6)}}@media(min-width: 1024px)and (max-width: 2560px),(min-width: 2561px){.desktop-mb-6{margin-bottom:calc(var(--gap)*6)}.desktop-pb-6{padding-bottom:calc(var(--gap)*6)}}@media(max-width: 767px)and (orientation:portrait){.mobile-mb-6{margin-bottom:calc(var(--gap)*6)}.mobile-pb-6{padding-bottom:calc(var(--gap)*6)}}@media(max-width: 767px)and (orientation:landscape){.desktop-mb-7{margin-bottom:calc(var(--gap)*7)}.desktop-pb-7{padding-bottom:calc(var(--gap)*7)}}@media(min-width: 768px)and (max-width: 1023px){.desktop-mb-7{margin-bottom:calc(var(--gap)*7)}.desktop-pb-7{padding-bottom:calc(var(--gap)*7)}}@media(min-width: 1024px)and (max-width: 2560px),(min-width: 2561px){.desktop-mb-7{margin-bottom:calc(var(--gap)*7)}.desktop-pb-7{padding-bottom:calc(var(--gap)*7)}}@media(max-width: 767px)and (orientation:portrait){.mobile-mb-7{margin-bottom:calc(var(--gap)*7)}.mobile-pb-7{padding-bottom:calc(var(--gap)*7)}}@media(max-width: 767px)and (orientation:landscape){.desktop-mb-8{margin-bottom:calc(var(--gap)*8)}.desktop-pb-8{padding-bottom:calc(var(--gap)*8)}}@media(min-width: 768px)and (max-width: 1023px){.desktop-mb-8{margin-bottom:calc(var(--gap)*8)}.desktop-pb-8{padding-bottom:calc(var(--gap)*8)}}@media(min-width: 1024px)and (max-width: 2560px),(min-width: 2561px){.desktop-mb-8{margin-bottom:calc(var(--gap)*8)}.desktop-pb-8{padding-bottom:calc(var(--gap)*8)}}@media(max-width: 767px)and (orientation:portrait){.mobile-mb-8{margin-bottom:calc(var(--gap)*8)}.mobile-pb-8{padding-bottom:calc(var(--gap)*8)}}@media(max-width: 767px)and (orientation:landscape){.desktop-mb-9{margin-bottom:calc(var(--gap)*9)}.desktop-pb-9{padding-bottom:calc(var(--gap)*9)}}@media(min-width: 768px)and (max-width: 1023px){.desktop-mb-9{margin-bottom:calc(var(--gap)*9)}.desktop-pb-9{padding-bottom:calc(var(--gap)*9)}}@media(min-width: 1024px)and (max-width: 2560px),(min-width: 2561px){.desktop-mb-9{margin-bottom:calc(var(--gap)*9)}.desktop-pb-9{padding-bottom:calc(var(--gap)*9)}}@media(max-width: 767px)and (orientation:portrait){.mobile-mb-9{margin-bottom:calc(var(--gap)*9)}.mobile-pb-9{padding-bottom:calc(var(--gap)*9)}}@media(max-width: 767px)and (orientation:landscape){.desktop-mb-10{margin-bottom:calc(var(--gap)*10)}.desktop-pb-10{padding-bottom:calc(var(--gap)*10)}}@media(min-width: 768px)and (max-width: 1023px){.desktop-mb-10{margin-bottom:calc(var(--gap)*10)}.desktop-pb-10{padding-bottom:calc(var(--gap)*10)}}@media(min-width: 1024px)and (max-width: 2560px),(min-width: 2561px){.desktop-mb-10{margin-bottom:calc(var(--gap)*10)}.desktop-pb-10{padding-bottom:calc(var(--gap)*10)}}@media(max-width: 767px)and (orientation:portrait){.mobile-mb-10{margin-bottom:calc(var(--gap)*10)}.mobile-pb-10{padding-bottom:calc(var(--gap)*10)}}@media(max-width: 767px)and (orientation:landscape){.desktop-mb-11{margin-bottom:calc(var(--gap)*11)}.desktop-pb-11{padding-bottom:calc(var(--gap)*11)}}@media(min-width: 768px)and (max-width: 1023px){.desktop-mb-11{margin-bottom:calc(var(--gap)*11)}.desktop-pb-11{padding-bottom:calc(var(--gap)*11)}}@media(min-width: 1024px)and (max-width: 2560px),(min-width: 2561px){.desktop-mb-11{margin-bottom:calc(var(--gap)*11)}.desktop-pb-11{padding-bottom:calc(var(--gap)*11)}}@media(max-width: 767px)and (orientation:portrait){.mobile-mb-11{margin-bottom:calc(var(--gap)*11)}.mobile-pb-11{padding-bottom:calc(var(--gap)*11)}}@media(max-width: 767px)and (orientation:landscape){.desktop-mb-12{margin-bottom:calc(var(--gap)*12)}.desktop-pb-12{padding-bottom:calc(var(--gap)*12)}}@media(min-width: 768px)and (max-width: 1023px){.desktop-mb-12{margin-bottom:calc(var(--gap)*12)}.desktop-pb-12{padding-bottom:calc(var(--gap)*12)}}@media(min-width: 1024px)and (max-width: 2560px),(min-width: 2561px){.desktop-mb-12{margin-bottom:calc(var(--gap)*12)}.desktop-pb-12{padding-bottom:calc(var(--gap)*12)}}@media(max-width: 767px)and (orientation:portrait){.mobile-mb-12{margin-bottom:calc(var(--gap)*12)}.mobile-pb-12{padding-bottom:calc(var(--gap)*12)}}/*# sourceMappingURL=desktop.css.map */