.about,.footer,.intro,.project-slides,.slide,.visuallyhidden,body{overflow:hidden}.button,.index,.index-button,.popover-menu .layer-button-text,.popover-menu a,h1,h2,h3{text-transform:uppercase}.header,.icon,svg{pointer-events:none}@font-face{font-family:"Vintage Voyage Design Supply";src:url('../fonts/Vintage Voyage Design Supply - VVS Nobleman Display.woff2') format("woff2"),url('../fonts/Vintage Voyage Design Supply - VVS Nobleman Display.woff') format("woff");font-display:block}@font-face{font-family:"Scto Grotesk A";src:url('../fonts/Scto Grotesk A Regular.woff2') format("woff2"),url('../fonts/Scto Grotesk A Regular.woff') format("woff");font-display:block}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;padding:0;position:absolute;width:1px;white-space:nowrap}.about-backdrop,.about-close,.about-language-toggle,.button,.header>div,.index-button,.index-header,.index-project-row,.layer-button,.layer-media,.popover-close,.popover-closeArea,.projects-slideshow-toggle,.slide{cursor:pointer;user-select:none;touch-action:manipulation}*{margin:0;padding:0;box-sizing:border-box}html{font-family:"Scto Grotesk A",sans-serif;font-size:15.6px;line-height:1.15;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}.header-by:hover,.intro .b,.intro .s,.intro .u,.intro .y{font-family:"Vintage Voyage Design Supply",serif}@media screen and (max-width:767px),(max-aspect-ratio:1/1){html{font-size:18px;line-height:1.125}}body,html{touch-action:none}body{position:fixed;left:0;top:0;width:100%;height:100%;display:none}.loaded body,.no-intro body{display:block}ol,p,ul{margin-top:0;margin-bottom:1em}ol:last-child,p:last-child,ul:last-child{margin-bottom:0}ol,ul{padding-left:1em}li{list-style-position:inside}h1,h2,h3{font-size:inherit;font-weight:400;margin:.4em 0}.footer-contact .layer-button-text:hover,.footer-contact a:hover,.layer-button-text,.popover-menu .layer-button-text:hover,.popover-menu a:hover,a{text-decoration:underline;text-decoration-thickness:.5px;text-underline-offset:.1em}.about-contact .layer-button-text,.about-contact a,.footer-contact .layer-button-text,.footer-contact a,.media .layer-button-text,.media a,.popover-menu .layer-button-text,.popover-menu a{text-decoration:none}.layer-button-text,a{color:inherit}.icon-ratio,.image-ratio{display:block;position:relative}.icon-ratio img,.icon-ratio svg,.image-ratio img,.image-ratio svg{position:absolute;left:0;top:0;width:100%;height:100%}svg{fill:currentColor;vertical-align:middle}.icon{display:inline-block;width:.9em;margin-bottom:-.12em}.media{position:relative}.media[style] .media-entry{aspect-ratio:var(--ratio);object-fit:cover}.media-entry{display:block;width:100%;height:auto}.intro,.intro-background{left:0;top:0;width:100%;height:100%}.media-caption{margin-top:.4em}.b{font-feature-settings:"ss04"}.u,.y{font-feature-settings:"ss02"}@keyframes fade-out{from{opacity:1}to{opacity:0}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes intro-by{to{transform:scale(.32);color:#000}}@keyframes intro-by-mobile{to{transform:scale(.5);color:#000}}@keyframes intro-by-white{to{transform:scale(.32);color:#fff}}@keyframes intro-by-white-mobile{to{transform:scale(.5);color:#fff}}@keyframes intro-us{to{transform:scale(.32);color:#000}}@keyframes intro-us-mobile{to{transform:scale(.5);color:#000}}@keyframes intro-us-white{to{transform:scale(.32);color:#fff}}@keyframes intro-us-white-mobile{to{transform:scale(.5);color:#fff}}.intro{position:fixed;display:flex;z-index:40;font-size:8.4vw;line-height:1}.intro.hide{display:none}.intro-by,.intro-spacer,.intro-us{display:inline-block}.intro-animation:not(.debug-intro) .intro{animation:fade-out .7s 5.7s forwards}.intro-background{position:absolute}.intro-spacer{width:.7em}.intro-first,.intro-second{position:absolute;top:.365rem;white-space:nowrap}#by-layer,.header{position:fixed}.intro-first{left:calc(100vw - 1.42em)}.intro-animation .intro-first{transform:translateX(calc(-100vw - 4.46em)) translateZ(0);transition:transform 5s .3s linear}@media screen and (max-width:767px),(max-aspect-ratio:1/1){.intro{font-size:16.8vw}.intro-animation:not(.debug-intro) .intro{animation-duration:.5s;animation-delay:4.7s}.intro-first{left:calc(100vw - 1.5em)}.intro-animation .intro-first{transform:translateX(calc(-100vw - 4.3em)) translateZ(0);transition:transform 4s .3s linear}}.intro-second{left:calc(100vw + 6em)}.intro-animation .intro-second{transform:translateX(-7.4em) translateZ(0);transition:transform 2.3s .3s linear}@media screen and (max-width:767px),(max-aspect-ratio:1/1){.intro-animation .intro-second{transform:translateX(-7.55em) translateZ(0);transition:transform 2.96s .3s linear}}.intro-by{transform-origin:1.2rem 1rem}.intro-animation:not(.debug-intro) .intro-by{animation:intro-by .7s 5.7s forwards}@media screen and (max-width:767px),(max-aspect-ratio:1/1){.intro-by{transform-origin:left top}.intro-animation:not(.debug-intro) .intro-by{animation:intro-by-mobile .5s 4.7s forwards}}.intro-animation.left-white:not(.debug-intro) .intro-by{animation-name:intro-by-white}.intro-us{transform-origin:right 1rem}@media screen and (max-width:767px),(max-aspect-ratio:1/1){.intro-animation.left-white:not(.debug-intro) .intro-by{animation-name:intro-by-mobile}.intro-animation.right-white:not(.debug-intro) .intro-by{animation-name:intro-by-white-mobile}.intro-us{transform-origin:right top}}.intro-animation:not(.debug-intro) .intro-us{animation:intro-us .7s 5.7s forwards}@media screen and (max-width:767px),(max-aspect-ratio:1/1){.intro-animation:not(.debug-intro) .intro-us{animation:intro-us-mobile .5s 4.7s forwards}}.intro-animation.right-white:not(.debug-intro) .intro-us{animation-name:intro-us-white}@media screen and (max-width:767px),(max-aspect-ratio:1/1){.intro-animation.right-white:not(.debug-intro) .intro-us{animation-name:intro-us-white-mobile}}.header{justify-content:space-between;top:0;left:0;width:100%;z-index:20;font-size:2.7vw;line-height:1;display:flex}.intro-animation .header{font-size:8.4vw}.intro-animation:not(.debug-intro) .header{animation:fade-in .7s 5.7s forwards}@media screen and (max-width:767px),(max-aspect-ratio:1/1){.intro-animation:not(.debug-intro) .header{animation-duration:.5s;animation-delay:4.7s}.header{font-size:8.4vw}.intro-animation .header{font-size:16.8vw}}.intro-played .header{animation:none}.header>div{pointer-events:auto;padding:1rem}.about,.header>div span{pointer-events:none}.intro-played .header>div{animation-delay:0s!important;animation-duration:0s!important}.header-by{transform-origin:1rem 1rem}@media screen and (any-pointer:coarse){.header-by:hover{font-family:inherit}}.header-by.is-open,.header-us{font-family:"Vintage Voyage Design Supply",serif}.left-white .header-by{color:#fff!important}@media screen and (max-width:767px),(max-aspect-ratio:1/1){.header>div{padding:.565rem .56rem .3rem}.header-by{transform-origin:.56rem .56rem}.left-white .header-by{color:inherit!important}.right-white .header-by{color:#fff!important}}.header-us{transform-origin:calc(100% - 1.2rem) 1rem}.header-us:hover{font-family:"Scto Grotesk A",sans-serif}@media screen and (any-pointer:coarse){.header-us:hover{font-family:inherit}}.about-open .header-us{font-family:"Scto Grotesk A",sans-serif}.right-white .header-us{color:#fff!important}@media screen and (max-width:767px),(max-aspect-ratio:1/1){.header-us{transform-origin:calc(100% - .56rem) .56rem}#by-layer{display:none;position:fixed!important;left:0!important;top:0!important;opacity:1!important;transform:none!important;margin-top:0!important;z-index:6!important}#by-layer.is-open{display:block}#by-layer .layer-media-element{width:79vw}}.about,.about-backdrop{position:absolute;height:100%}.localized{display:none}.localized.is-active{display:block}.about{right:0;top:0;width:100%;z-index:25}.about-open .about{pointer-events:auto}.about-backdrop{left:0;top:0;width:50%;z-index:1}@media screen and (max-width:767px),(max-aspect-ratio:1/1){.about-backdrop{width:7%}}.about-scroller{height:100%;width:100%;position:relative;overflow:auto;overscroll-behavior:contain;transition:.4s transform;transform:translateX(50%);background:content-box #fff;padding-left:50%}@media screen and (max-width:767px),(max-aspect-ratio:1/1){.about-scroller{padding-left:7%;transform:translateX(93%)}}.about-open .about-scroller{transform:none}.about-body{min-height:100%;padding:1.25em 4em 1.25em 1.25em;display:grid;grid-gap:1.75em;grid-auto-flow:row dense;grid-template-columns:1fr auto auto;grid-template-rows:auto auto 1fr}@media screen and (max-width:767px),(max-aspect-ratio:1/1){.about-body{padding:16px 43px 16px 16px;grid-template-columns:1fr auto;grid-template-rows:repeat(4,auto)}}.about-close{position:fixed;top:0;right:0;padding:1.25em}.about-contact{grid-column:2/4;font-size:.9em;line-height:1.2}@media screen and (max-width:767px),(max-aspect-ratio:1/1){.about-contact{grid-row:1;grid-column:span 3;font-size:.8333em;line-height:1.2667;text-align:center;margin-bottom:32px}}.about .popover-menu{grid-column:2;flex-direction:column;white-space:nowrap;font-size:.9em;line-height:1.2}@media screen and (max-width:767px),(max-aspect-ratio:1/1){.about .popover-menu{grid-column:1;grid-row:2;font-size:.7222em}}.about-language-toggle{display:table;margin-left:auto;margin-right:-4em;padding:0 1.25em;grid-row:2;grid-column:3;align-self:end;font-size:.9em;line-height:1.2}.about-description{grid-column:1}.about-people{grid-column:span 3;display:flex;flex-direction:column;justify-content:flex-end}.layer-media,.projects-slideshow-toggle .icon-pause{display:none}@media screen and (max-width:767px),(max-aspect-ratio:1/1){.about-language-toggle{font-size:.7222em;position:static;margin:0 -3em 25px auto}.about-description{grid-column:span 3}.about-people{margin-top:50px}}.layer-media{position:fixed;left:0;top:0;z-index:1;pointer-events:none}.layer-media.is-open{display:block}.layer-media.is-open .layer-media-element{pointer-events:auto}.layer-media[data-position="2"],.layer-media[data-position="3"]{right:50%;left:auto}@media screen and (max-width:767px),(max-aspect-ratio:1/1){.layer-media{top:50%!important;transform:translateY(-50%)}.layer-media[data-position="2"],.layer-media[data-position="3"]{right:0}}.layer-media[data-position="3"],.layer-media[data-position="4"]{bottom:0;top:auto}.layer-media-element{height:84vh;width:auto;max-width:100%}@media screen and (max-width:767px),(max-aspect-ratio:1/1){.layer-media-element{width:61vw;height:auto}}.layer-media--landscape .layer-media-element{height:76vh}@media screen and (max-width:767px),(max-aspect-ratio:1/1){.layer-media--landscape .layer-media-element{height:auto;width:90vw}}.layer-button{white-space:nowrap}.layer-button .icon{margin-left:.14em}.projects-progress{position:fixed;bottom:0;left:0;width:100%;z-index:9}.projects-progress-bar{transition:transform 1s cubic-bezier(.37,0,.63,1);transform-origin:left;background:var(--highlight,currentColor);height:4px}.footer,.index,.index-header,.popover-body,.project-details,.slide{background:#fff}.projects-progress-bar.to-right{transform-origin:right}.projects-progress-bar.no-transition{transition:none}@media screen and (max-width:767px),(max-aspect-ratio:1/1){.projects-progress-bar{height:3px;transition-duration:.5s}.projects-slideshow-toggle{display:none}}.projects-slideshow-toggle{position:fixed;right:22%;bottom:0;z-index:8;padding:.15em;transition:240ms opacity}.details-open .projects-slideshow-toggle{opacity:0;pointer-events:none}.projects-slideshow-toggle .icon{width:1em}.slideshow-running .projects-slideshow-toggle .icon-pause{display:inline-block}.slideshow-running .projects-slideshow-toggle .icon-play{display:none}.projects-controls{display:flex;position:absolute;left:0;top:0;width:100%;height:calc(100vh - 1.5em);height:calc(100svh - 1.5em);z-index:5}.projects-controls-button{touch-action:manipulation;user-select:none;width:50%}.projects-controls-button--prev{cursor:url(../images/arrow-left.png) 1 20,w-resize;cursor:url(../images/arrow-left.svg) 1 20,w-resize;cursor:1 20,w-resize}.left-white .projects-controls-button--prev{cursor:url(../images/arrow-left-white.png) 1 20,w-resize;cursor:url(../images/arrow-left-white.svg) 1 20,w-resize;cursor:1 20,w-resize}.projects-controls-button--next{cursor:url(../images/arrow-right.png) 61 20,e-resize;cursor:url(../images/arrow-right.svg) 61 20,e-resize;cursor:61 20,e-resize}.right-white .projects-controls-button--next{cursor:url(../images/arrow-right-white.png) 61 20,e-resize;cursor:url(../images/arrow-right-white.svg) 61 20,e-resize;cursor:61 20,e-resize}.project{transition:transform 1s cubic-bezier(.37,0,.63,1)}.project--clone{position:absolute;left:0;top:0;width:100%}.project.from-left,.project.to-left{transform:translateX(-100%)}@media screen and (max-width:767px),(max-aspect-ratio:1/1){.projects-controls{height:calc(100vh - 26px);height:calc(100svh - 26px)}.project{transition-duration:.5s}.project.from-left,.project.to-left{transform:translateY(-100%)}}.project.from-right,.project.to-right{transform:translateX(100%)}.project-slides{height:calc(100vh - 1.5em);height:calc(100svh - 1.5em);position:relative}@media screen and (max-width:767px),(max-aspect-ratio:1/1){.project.from-right,.project.to-right{transform:translateY(100%)}.project-slides{height:calc(100vh - 26px);height:calc(100svh - 26px)}}.project-details{position:absolute;left:0;bottom:0;width:100%;transform:translateY(calc(100% - 1.5em));transition:transform .3s;text-align:center;z-index:7}.project-details--clone{z-index:1;clip-path:inset(0);transition-property:clip-path;transition-duration:1s;transition-timing-function:cubic-bezier(.37,0,.63,1)}.project-details--clone.from-left{clip-path:inset(0 100% 0 0)}.project-details--clone.from-right{clip-path:inset(0 0 0 100%)}.project-title{line-height:1.5;padding:0 6.25em;margin:0;position:relative}@media screen and (max-width:767px),(max-aspect-ratio:1/1){.project-details--clone{transition-duration:.5s}.project-title{line-height:26px;padding:0 66px;margin-left:.9em}}.project-title:before{content:"";position:absolute;bottom:100%;left:0;right:0;height:1.5em}.project-title-arrow{width:.57em;margin-bottom:0;margin-left:.1em;transition:transform 180ms;display:none}.project-description{padding:.25em 1.2em .45em}.slide{position:absolute;left:0;top:0;height:100%;width:100%;opacity:0;transition:.4s opacity;pointer-events:none}.slide.is-active{opacity:1;pointer-events:auto}.slide[data-layout=left],.slide[data-layout=right]{width:50%}.index,.slide-media{width:100%;position:absolute;left:0}.slide[data-layout=right]{margin-left:50%}.slide[data-mask=show_left]{clip-path:inset(0 50% 0 0)}@media screen and (max-width:767px),(max-aspect-ratio:1/1){.project-title-arrow{display:inline-block}.details-open .project-title-arrow{transform:translateY(1px) rotate(180deg)}.project-description{padding-top:10px}.slide[data-layout=left],.slide[data-layout=right]{width:100%;height:80%}.slide[data-layout=left]{top:20%}.slide[data-layout=right]{top:0;margin-left:0}.slide[data-mobile-layout=fullscren]{height:100%;margin:0}.slide[data-mobile-layout=left],.slide[data-mobile-layout=right]{width:100%;height:80%;margin:0}.slide[data-mobile-layout=left]{top:0}.slide[data-mobile-layout=right]{top:20%}.slide[data-mask=show_left]{clip-path:inset(80% 0 0)}}.slide[data-mask=show_right]{clip-path:inset(0 0 0 50%)}.slide-media{object-fit:cover;top:0;height:100%}[data-passepartout=true] .slide-media{border:13vw solid #fff;border-top-width:10vh;border-bottom-width:10vh;object-fit:contain}[data-media-zoom="0.5"] .slide-media{transform:scale(1.05)}[data-media-zoom="1"] .slide-media{transform:scale(1.1)}[data-media-zoom="1.5"] .slide-media{transform:scale(1.15)}[data-media-zoom="2"] .slide-media{transform:scale(1.2)}[data-media-zoom="2.5"] .slide-media{transform:scale(1.25)}[data-media-zoom="3"] .slide-media{transform:scale(1.3)}[data-media-zoom="3.5"] .slide-media{transform:scale(1.35)}[data-media-zoom="4"] .slide-media{transform:scale(1.4)}[data-media-zoom="4.5"] .slide-media{transform:scale(1.45)}[data-media-zoom="5"] .slide-media{transform:scale(1.5)}@media screen and (max-width:767px),(max-aspect-ratio:1/1){.slide[data-mask=show_right]{clip-path:inset(20% 0 0)}[data-passepartout=true] .slide-media{border-width:15vh 15vw}[data-media-mobile-zoom="0.5"] .slide-media{transform:scale(1.05)}[data-media-mobile-zoom="1"] .slide-media{transform:scale(1.1)}[data-media-mobile-zoom="1.5"] .slide-media{transform:scale(1.15)}[data-media-mobile-zoom="2"] .slide-media{transform:scale(1.2)}[data-media-mobile-zoom="2.5"] .slide-media{transform:scale(1.25)}[data-media-mobile-zoom="3"] .slide-media{transform:scale(1.3)}[data-media-mobile-zoom="3.5"] .slide-media{transform:scale(1.35)}[data-media-mobile-zoom="4"] .slide-media{transform:scale(1.4)}[data-media-mobile-zoom="4.5"] .slide-media{transform:scale(1.45)}[data-media-mobile-zoom="5"] .slide-media{transform:scale(1.5)}}.index{bottom:0;max-height:calc(100vh - 4.5vw);max-height:calc(100svh - 4.5vw);line-height:1.3;overflow:auto;overscroll-behavior:contain;transform:translateY(calc(100% - 1.5em));transition:transform .5s;pointer-events:none;opacity:0;display:none;z-index:10}@media screen and (max-width:767px),(max-aspect-ratio:1/1){.index{line-height:1.2;max-height:calc(100vh - 52px);max-height:calc(100svh - 52px)}}.index-open .index{display:block;transform:none;pointer-events:auto;opacity:1}.index-button{position:absolute;bottom:0;left:0;line-height:1.5;padding:2em 1.2em 0;z-index:8;transition:240ms opacity}@media screen and (max-width:767px),(max-aspect-ratio:1/1){.index-button{line-height:26px;padding:1.5em 3.2vw 0}}.details-open .index-button{opacity:0;pointer-events:none}.index-header,.index-project-row{padding:.15em 1.2em 0}.index-header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid;z-index:1}.index-header-headline{margin:0}.index-header-close{display:flex;align-items:center;margin-top:-3px}.index-header-close .icon{width:.8em}.index-project{border-bottom:1px solid}.index-project:last-child{border-bottom:none}.index-project-row{display:flex}@media screen and (max-width:767px),(max-aspect-ratio:1/1){.index-header{padding:3px 10px 0}.index-header-close{margin-top:-4px}.index-project{position:relative}.index-project-row{padding:3px 10px 0;flex-direction:column-reverse}.index-project-work{display:none}.is-open .index-project-work{display:block;text-align:center;margin-top:-.3em}}.index-project-row:hover{opacity:.5}@media screen and (any-pointer:coarse){.index-project-row:hover{opacity:1}}.index-project-row>div{flex:1 0 0%}.index-project-title{text-align:center;margin:0}.index-project-year{text-align:right}.index-project-year-mobile{display:none}@media screen and (max-width:767px),(max-aspect-ratio:1/1){.index-project-year{display:none}.index-project-year-mobile{display:block;text-align:left;position:absolute;left:10px;top:3px}}.index-project-link{display:none;justify-content:center;padding-bottom:.8em;user-select:none}.is-open .index-project-link{display:flex}.index-project-link-media{width:266px}.index-project-toggle{display:none}@media screen and (max-width:767px),(max-aspect-ratio:1/1){.index-project-link-media{width:auto}.index-project-toggle{display:block;position:absolute;right:10px;top:3px;pointer-events:none}.is-open .index-project-toggle svg{fill:#000;color:transparent}.index-project-toggle .icon{width:.8em}}.footer,.popover,.popover-closeArea{left:0;width:100%}.footer{position:absolute;bottom:0;font-size:.83em;line-height:1.2;transition:transform .3s;transform:translateY(100%);z-index:7}.footer-inner{border-top:1px solid}.footer-contact{text-align:center;padding:2.765em 1.88em}.footer-contact br.about-only{display:none}.footer-contact h2{margin-bottom:1em}@media screen and (max-width:767px),(max-aspect-ratio:1/1){.footer{font-size:15px;line-height:19px}.footer-contact{padding:0 0 19px}.footer-contact br.about-only{display:block}.footer-contact h2{padding:4px 15px;margin-bottom:22px}.footer-contact p{margin-left:15px;margin-right:15px}}.footer-bar{border-top:1px solid;display:flex;justify-content:center;padding:.42em 1.88em}.popover{position:fixed;top:0;height:100vh;height:100svh;z-index:15;overflow:auto;overscroll-behavior:contain;transition:transform 670ms}.popover--hidden{transition-duration:1s;transform:translateY(100%)}.popover-closeArea{position:absolute;top:0;height:4.5vw}@media screen and (max-width:767px),(max-aspect-ratio:1/1){.footer-bar{display:block;text-align:center;padding:0}.footer .popover-menu{margin-right:0;display:block;border-bottom:1px solid;padding:8px 15px 7px}.footer-copyright{padding:19px}.popover{z-index:25}.popover-closeArea{display:none}}.popover-body{position:relative;text-align:center;margin-top:4.5vw;padding:.45em 3.7em 3.15em;min-height:calc(100% - 4.5vw);font-size:.9em;line-height:1.2}@media screen and (max-width:767px),(max-aspect-ratio:1/1){.popover-body{margin-top:0;min-height:100%;font-size:.83em;padding:.45em 43px 3.15em;line-height:1.2}}.popover-body-content{margin:0 auto;max-width:700px}.popover-body p{margin-bottom:1.3em}.popover-menu{display:flex}.popover-menu .layer-button-text,.popover-menu a{margin-right:.85em}.popover-close{position:fixed;top:4.5vw;right:0;padding:.75em 1.45em}@media screen and (max-width:767px),(max-aspect-ratio:1/1){.popover-menu{display:block}.popover-close{top:0}}