@import url(https://fonts.googleapis.com/css?family=Open+Sans:300&display=swap);
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}

@font-face{font-family:'Freight';src:url(479980db327e9687a890850f9381b3f3.html) format("woff2"),url(479980db327e9687a890850f9381b3f3.html) format("woff");font-weight:normal;font-style:normal}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variant-ligatures:no-common-ligatures}html,body{height:100%;background:white}body{overflow:hidden;margin:0}::-moz-selection{background:black}::selection{background:black}::-moz-selection{background:black}.header{position:absolute;top:0;left:0;display:flex;justify-content:space-between;width:100%;padding:5vw;box-sizing:border-box;text-transform:uppercase;color:#9c9c9c;mix-blend-mode:difference;font-size:.9em;font-family:"Open Sans",Arial,sans-serif;letter-spacing:.2em;text-indent:.2em;line-height:1.5;z-index:2;pointer-events:none;transition:color .4s linear}.header--inproject{color:white}.header__signature,.header__menu{pointer-events:auto}.header__menu{display:flex;transition:.3s opacity linear;margin-right:10px;opacity:0}.header__about{transition:color .4s linear}.header__about:hover{color:white}.header__contact{margin-left:25px;transition:color .4s linear}.header__contact:hover{color:white}@media (max-width: 1100px){.header{padding:6vw}}@media (max-width: 900px){.header{padding:7vw}}@media (max-width: 750px){.header{padding:8vw}}@media (max-width: 560px){.header{font-size:.8em}}@media (max-width: 430px){.header__menu{flex-direction:column;align-items:flex-end;margin-right:0}.header__about{margin-bottom:10px}.header__contact{margin-left:0}}@media (orientation: landscape) and (max-height: 600px){.header{padding:12.5vh}}.footer{position:fixed;bottom:0;right:0;padding:0 5vw 6vw 5vw;box-sizing:border-box;text-transform:uppercase;color:#9c9c9c;font-size:.9em;letter-spacing:.2em;text-indent:.2em;text-align:right;font-family:"Open Sans",Arial,sans-serif;mix-blend-mode:difference;z-index:2;width:100%;display:flex;justify-content:space-between;pointer-events:none}.footer__scroll{position:relative;opacity:0;transition:.5s opacity linear}.footer__scroll:before{content:attr(data-content);text-transform:uppercase;position:absolute;top:0;left:0;white-space:nowrap;transform:translateY(-50px);opacity:0;-webkit-animation:scrollDown 3s ease-in-out infinite;animation:scrollDown 3s ease-in-out infinite}.footer__scroll:after{content:attr(data-content);text-transform:uppercase;position:absolute;top:0;left:0;white-space:nowrap;-webkit-animation:scrollDown 3s ease-in-out infinite;animation:scrollDown 3s ease-in-out infinite;-webkit-animation-delay:-1.5s;animation-delay:-1.5s}@-webkit-keyframes scrollDown{0%{opacity:0;transform:perspective(100px) translateY(-20px) rotateX(90deg);transform-origin:50% 100%}50%{opacity:1;transform:perspective(100px) translateY(0px) rotateX(0deg);transform-origin:50% 50%}100%{opacity:0;transform:perspective(100px) translateY(20px) rotateX(-90deg);transform-origin:50% 0%}}@keyframes scrollDown{0%{opacity:0;transform:perspective(100px) translateY(-20px) rotateX(90deg);transform-origin:50% 100%}50%{opacity:1;transform:perspective(100px) translateY(0px) rotateX(0deg);transform-origin:50% 50%}100%{opacity:0;transform:perspective(100px) translateY(20px) rotateX(-90deg);transform-origin:50% 0%}}.footer__email{pointer-events:auto;color:#9c9c9c;text-decoration:none;cursor:none;margin-right:10px;transition:color .2s linear}.footer__email:hover{color:white}@media (orientation: landscape) and (max-height: 600px){.footer{padding:0 12.5vh 12.5vh 12.5vh}}@media (max-width: 1100px){.footer{padding:0 6vw 7vw 6vw}}@media (max-width: 900px){.footer{padding:0 7vw 8vw 7vw}}@media (max-width: 750px){.footer{padding:0 8vw 9vw 8vw}}@media (max-width: 560px){.footer{font-size:.8em}}@media (max-width: 500px){.footer__scroll{display:none}}canvas{position:absolute;top:0;left:0;width:100%;height:100%}.border{position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;border:0px solid white;pointer-events:none;transition:all .5s ease-in-out}.border--in{border-width:22px}.border--project{border-width:44px}@media (max-width: 750px){.border--in{border-width:2vw}.border--project{border-width:4vw}}.title{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;top:0;left:0;width:100%;height:100vh;height:calc(var(--vh, 1vh) * 100);font-size:1em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.title__h1{color:white;text-transform:uppercase;text-align:center;font-weight:normal;font-family:"Freight",serif;font-size:10em;margin:0;transition:.5s all ease-in-out}.title__h1:hover{transform:scale(0.98)}.title__span-1,.title__span-2{display:block;line-height:.8}.title__portfolio,.title__name{color:white;font-family:"Open Sans",Arial,sans-serif;font-size:1.2em;text-transform:uppercase;margin:.5vw 0 2vw 0;letter-spacing:1.1em;text-indent:1.1em}@media (orientation: landscape) and (max-height: 600px){.title{font-size:2.5vh}}@media (max-width: 960px){.title{font-size:1.6vw}.title__portfolio,.title__name{font-size:1.5em}}@media (max-width: 640px){.title__portfolio,.title__name{font-size:1.9em}}.content-wrapper{transition:opacity .3s ease-in-out}.content{color:white;position:relative;top:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 10% 35vh 10%;box-sizing:border-box;min-height:100vh;min-height:calc(100vh - calc(100vh - 100%))}@media (max-width: 640px){.content{padding:0 8% 35vh 8%}}@media (max-width: 480px){.content{padding:0 5% 35vh 5%}}.content h2{font-family:"Open Sans",Arial,sans-serif;font-size:3em;font-weight:normal;margin-top:3em}.content p{font-family:"Freight",serif;font-size:2em;text-transform:uppercase}.project{font-family:"Freight",serif;font-size:5em;text-transform:uppercase;padding:.5em 0;letter-spacing:.1em;text-indent:.1em;transition:.5s all ease;color:white;display:inline-flex;flex-direction:column;align-items:center;margin:auto;opacity:1;text-align:center}.project:first-of-type{padding-top:0}.project--blurred{opacity:.2}.project__name{line-height:.9}.project__name,.project__description{display:inline;position:relative}.project__description{font-family:"Open Sans",Arial,sans-serif;font-size:.2em;letter-spacing:.5em}@media (max-width: 640px){.project{font-size:3em}}@media (max-width: 480px){.project{font-size:12vw}}.visual{position:fixed;top:0;left:0%;width:100%;height:100%;opacity:0;transition:.5s all ease;mix-blend-mode:color-dodge}.visual--in{opacity:1}.visual__video{position:absolute;top:50%;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transform:translateY(-50%) scale(0.9);transition:1s all ease}.visual--in .visual__video{transform:translateY(-50%) scale(1)}.more{position:absolute;bottom:100px;left:0;text-align:center;width:100%;font-family:"Open Sans",Arial,sans-serif;text-transform:uppercase;letter-spacing:.3em;color:#111;transition:color .4s linear;text-decoration:none;font-size:.9em}.more:hover{color:grey}@media (max-width: 750px){.more{bottom:8vw}}.about{position:absolute;top:0;left:0;width:100%;height:100%;background:#f1f1f1;color:#111111;padding:15vh 10vw;box-sizing:border-box;transform-origin:50% 0%;transform:scaleY(1.3);transition:.5s all ease;border-left:150px black;-webkit-clip-path:polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);clip-path:polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);pointer-events:none;opacity:0}.about--in{transform:scaleY(1);-webkit-clip-path:polygon(0% 0, 100% 0%, 100% 100%, 0 100%);clip-path:polygon(0% 0, 100% 0%, 100% 100%, 0 100%);pointer-events:auto;opacity:1}.about__container{display:flex;justify-content:center;align-items:center;height:100%}.about__picture{width:auto;height:70vh;margin-right:5vw;position:relative}.about__text{width:40%}.about h1{margin-top:0;font-family:"Freight",serif;font-size:5em;margin-bottom:0}.about p{font-family:"Open Sans",Arial,sans-serif;font-size:1.25em}.about a{text-decoration:none;border-bottom:1px solid grey;margin-right:10px;color:grey;line-height:1.8}.about a:hover{text-decoration:none;color:#111111;border-color:#111111}@media (orientation: landscape) and (max-height: 800px){.about{padding:20vh 10vw}}@media (orientation: landscape) and (max-aspect-ratio: 4 / 3){.about{padding:15vh 10vw}.about__picture{width:30vw;height:auto}}@media (orientation: portrait){.about{height:auto}.about__container{flex-direction:column;align-items:center;justify-content:flex-start;width:70%;height:auto;margin:auto}.about__picture{margin-right:0;width:100%;height:auto;margin-bottom:20px}.about__text{font-size:.75em;width:100%}}@media (max-width: 1000px){.about__text{font-size:.75em}}@media (max-width: 460px){.about h1{font-size:3em}}.contact{position:absolute;top:0;left:0;width:100%;height:100%;background:#f1f1f1;color:#111111;padding:15vh 10vw;box-sizing:border-box;transform-origin:50% 0%;transform:scaleY(1.3);transition:.5s all ease;border-left:150px black;-webkit-clip-path:polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);clip-path:polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);pointer-events:none;opacity:0}.contact--in{transform:scaleY(1);-webkit-clip-path:polygon(0% 0, 100% 0%, 100% 100%, 0 100%);clip-path:polygon(0% 0, 100% 0%, 100% 100%, 0 100%);pointer-events:auto;opacity:1}.contact__container{display:flex;justify-content:center;align-items:center;height:100%}.contact__text{text-align:center}.contact h1{margin-top:0;font-family:"Freight",serif;font-size:5em;margin-bottom:0}.contact p{font-family:"Open Sans",Arial,sans-serif;font-size:1.25em}.contact a{text-decoration:none;border-bottom:1px solid grey;color:grey;line-height:1.8}.contact a:hover{text-decoration:none;color:#111111;border-color:#111111}@media (max-width: 460px){.contact h1{font-size:3em}}.project-overlay{position:fixed;top:0;left:0;width:100%;height:100%;transition:opacity .5s ease-in-out;opacity:0;pointer-events:none}.project-overlay--variant{background-color:rgba(0,0,0,0.25)}.project-overlay--in{opacity:1;pointer-events:auto}.project-overlay__close
{width:50px;height:50px;background-size:cover;background-position:center;background-repeat:no-repeat;position:absolute;top:70px;right:70px;transition:.2s opacity ease-in-out, .3s transform ease-in-out}.project-overlay__close:hover{transform:rotate(90deg) scale(0.9)}.project-overlay__text{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;letter-spacing:.1em;text-indent:.1em;color:white;font-size:5em;text-transform:uppercase}.project-overlay__title{font-family:"Freight",serif;padding:0 50px;line-height:.9}.project-overlay__description{font-family:"Open Sans",Arial,sans-serif;font-size:.2em;letter-spacing:.5em;line-height:1.5;padding:0 40px}.project-overlay__cta{font-family:"Open Sans",Arial,sans-serif;font-size:.2em;letter-spacing:.5em;border-bottom:1px solid white;padding:1em;margin-top:3em;position:relative;overflow:hidden;transition:color .5s ease-in-out;font-weight:bold}.project-overlay__cta:after{content:'';position:absolute;top:0%;left:0;width:100%;height:100%;background:white;transform-origin:0% 0%;transform:skewY(10deg) translateY(100%);transition:.5s all ease;z-index:-1}.project-overlay__cta:hover{color:#111111}.project-overlay__cta:hover:after{transform:skewY(0deg) translateY(0%)}.project-overlay__details{font-family:"Open Sans",Arial,sans-serif;font-size:.2em}@media (max-width: 640px){.project-overlay__close{top:10vw;right:10vw}.project-overlay__text{font-size:3em}}@media (max-width: 480px){.project-overlay__close{width:9vw;height:9vw}.project-overlay__text{font-size:12vw}.project-overlay__description{font-size:.25em}}.title__span{overflow:hidden}.title__span span{display:inline-block;transform:translate3d(0, 100%, 0) scaleY(1);opacity:0}.title__span--in span{opacity:1;transition:.75s all ease;transform:translate3d(0, 0, 0) scaleY(1)}