.show--small{display:none !important}@media only screen and (max-width: 38rem){.show--small{display:block !important}}@media only screen and (max-width: 38rem){.hide--small{display:none !important}}@media only screen and (min-width: 48rem){.content-philosophy{margin-top:50vh}.content-study{margin-bottom:50vh}}.video{width:100%}*::before,*::after{box-sizing:border-box}*{box-sizing:border-box;border:none;margin:0;padding:0;font-size:1.1875rem;font-family:"PP Telegraf";font-weight:400}@media only screen and (max-width: 48rem){*{font-size:1rem}}html{font-family:"PP Telegraf"}body{background:#d9d9d4;color:#010101;font-size:1.5rem;transition:background-color .5s ease;-moz-transition:background-color .5s ease;-ms-transition:background-color .5s ease;-webkit-transition:background-color .5s ease;padding-top:8rem}@media only screen and (max-width: 48rem){body{font-size:1.25rem}}@media only screen and (max-width: 48rem){body{padding-top:9rem}}body.body--fixed{position:relative;overflow:hidden}body.home{padding:0}ul,li{margin:0;padding:0;list-style:none}@font-face{font-family:"PP Telegraf";src:url("../fonts/pptelegraf.woff2") format("woff2"),url("../fonts/pptelegraf.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"PP Telegraf ultralight";src:url("../fonts/pptelegraf-ultralight.woff2") format("woff2"),url("../fonts/pptelegraf-ultralight.woff") format("woff");font-weight:normal;font-style:normal}h1,h2,h3{font-weight:400;line-height:1;margin-bottom:1rem}h1{font-size:1.5rem;margin-bottom:2rem}@media only screen and (max-width: 48rem){h1{font-size:1.25rem}}h2{font-size:.875rem;text-transform:uppercase}@media only screen and (max-width: 48rem){h2{font-size:.9rem}}p{margin-bottom:1rem}a{color:#010101;text-decoration:none}.button{background:rgba(0,0,0,0);border-radius:0;color:#010101;cursor:pointer;display:inline-block;font-size:1.5rem}@media only screen and (max-width: 48rem){.button{font-size:1.25rem}}.figure{margin:0}@media only screen and (min-width: 48rem){.figure--study{position:fixed;bottom:4rem;left:37%;width:20rem}}@media only screen and (min-width: 48rem){.figure--philosophy{margin-left:-7rem;position:sticky;top:8rem}}img{display:block;max-width:100%;height:auto;width:100%}.footer{margin:1rem 0;position:fixed;bottom:0;left:0;width:100%}.footer__container{display:flex;justify-content:space-between}@media only screen and (max-width: 48rem){.footer__container{flex-direction:column}}.footer__container *{font-size:1.1875rem}@media only screen and (max-width: 48rem){.footer__container *{font-size:1rem}}.form-group__label,.form-group label{color:#d9d9d4;display:none}.form-group__input{background-color:rgba(0,0,0,0);border-radius:0;color:#010101;font-size:1.1875rem;padding:.5rem 0;width:100%}@media only screen and (max-width: 48rem){.form-group__input{font-size:1rem}}.form-group__input--textarea{height:5rem;padding:.5rem 0}.form-group__input:hover,.form-group__input:focus{outline:none}.form-group__input::placeholder{color:#d9d9d4}.form-main{margin:2rem 0}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 60px #fff inset !important;background-color:#fff !important;background-clip:content-box !important}.container{margin:auto;padding:0 2rem;max-width:90rem}@media only screen and (max-width: 48rem){.container{padding:0 1rem}}.grid-container{display:flex;gap:4rem}@media only screen and (min-width: 48rem){.grid-container__col{width:50%}}@media only screen and (max-width: 48rem){.grid-container{flex-direction:column;gap:2rem}}.header{position:fixed;top:0;left:0;width:100%;padding:2rem 0;z-index:5}@media only screen and (max-width: 48rem){.header{padding:2rem 0}}.header__container{position:relative}.header__button{position:absolute;top:0;right:2rem;transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-webkit-transition:all .5s ease;cursor:pointer;z-index:3}.header__button .icon-nav{mask:url("../assets/icons/icon-nav.svg") no-repeat 50% 50%;-moz-mask:url("../assets/icons/icon-nav.svg") no-repeat 50% 50%;-ms-mask:url("../assets/icons/icon-nav.svg") no-repeat 50% 50%;-webkit-mask:url("../assets/icons/icon-nav.svg") no-repeat 50% 50%;background-color:#010101;height:3.5rem;width:3.5rem}@media only screen and (max-width: 48rem){.header__button .icon-nav{height:2.5rem;width:2.5rem}}.header__button.active{rotate:45deg}.logo__container{display:flex;gap:2rem}@media only screen and (max-width: 48rem){.logo__container{gap:1rem;flex-direction:column}}.logo__img{width:10rem}@media only screen and (max-width: 48rem){.logo__img{width:8rem}}.logo__slug{font-size:1.1875rem;line-height:1;display:flex;gap:2rem}@media only screen and (max-width: 48rem){.logo__slug{font-size:1rem}}@media only screen and (max-width: 48rem){.logo__slug{gap:1rem}}.logo--home .logo__slug{opacity:0}path{opacity:0}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes moveFromLeft{from{transform:translateX(-1rem)}to{transform:translateX(0)}}.letter-a,.letter-line,.letter-b{opacity:0}.letter-a:nth-child(3),.letter-line:nth-child(3),.letter-b:nth-child(3){animation:fadeIn .75s ease-in-out forwards 1;animation-delay:.25s}.letter-a:nth-child(2),.letter-line:nth-child(2),.letter-b:nth-child(2){animation:fadeIn .75s ease-in-out forwards 1,moveFromLeft .75s ease-in-out forwards 1;animation-delay:.5s}.letter-a:nth-child(1),.letter-line:nth-child(1),.letter-b:nth-child(1){animation:fadeIn .75s ease-in-out forwards 1;animation-delay:.75s}.main{padding-bottom:6rem}@media only screen and (max-width: 48rem){.main{padding:0 0 4rem 0}}.home .hero{height:40vh}@media only screen and (max-width: 48rem){.home .hero{height:20vh}}.description{display:flex;gap:6rem;margin-bottom:6rem}@media only screen and (max-width: 64rem){.description{margin:2rem 0 4rem 0;flex-direction:column;gap:1rem}}.description__col{width:100%}.description__content{display:none}.description__button{cursor:pointer;display:flex;justify-content:space-between;margin:1rem 0}.description__button::after{content:"+";font-size:1.5rem}@media only screen and (max-width: 48rem){.description__button::after{font-size:1.25rem}}.description__button.active::after{content:"-"}.description h1{font-size:1.5rem;margin:0}@media only screen and (max-width: 48rem){.description h1{font-size:1.25rem}}.nav{position:fixed;top:0;left:0;height:100vh;width:100%;background-color:#d9d9d4;display:none;padding:10rem 0;z-index:4}.nav a{font-size:5.125rem;font-family:"PP Telegraf ultralight";line-height:1}@media only screen and (max-width: 48rem){.nav a{font-size:3.5rem}}.nav__container{height:100%}.nav__header{position:fixed;top:0;left:0;width:100%;padding:2rem 0;z-index:5}@media only screen and (max-width: 48rem){.nav__header{padding:2rem 0}}.nav__main{margin:2rem 0;height:100%}@media only screen and (min-width: 48rem){.nav__main{display:flex;align-items:center;justify-content:flex-start}}.nav-inline .menu{display:flex;gap:1.5rem}.project{display:flex;gap:1rem;margin-bottom:8rem}@media only screen and (max-width: 48rem){.project{gap:0;margin-bottom:2rem;flex-direction:column}}.project__caption{display:flex;flex-direction:column;position:relative}.project__caption p{font-size:.875rem;margin:0}@media only screen and (max-width: 48rem){.project__caption p{font-size:.9rem}}@media only screen and (max-width: 48rem){.project__caption{flex-direction:column-reverse}}.project__arrow{height:.6rem;margin:1rem 0;width:1rem;mask:url("../assets/icons/icon-arrow.svg") no-repeat 50% 50%;-moz-mask:url("../assets/icons/icon-arrow.svg") no-repeat 50% 50%;-ms-mask:url("../assets/icons/icon-arrow.svg") no-repeat 50% 50%;-webkit-mask:url("../assets/icons/icon-arrow.svg") no-repeat 50% 50%;background-color:#010101}@media only screen and (max-width: 48rem){.project__arrow{rotate:90deg}}.project__figure{position:relative}.project__figure--hover{opacity:0;position:absolute;top:0;left:0;height:auto;width:100%;transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-webkit-transition:all .5s ease;z-index:2}.project__figure:hover .project__figure--hover{opacity:1}@media only screen and (min-width: 64rem){.layout--landscape-left .project__figure,.layout--landscape-right .project__figure{width:75%}.layout--landscape-right .project{flex-direction:row-reverse}.layout--landscape-right .project__caption{text-align:right}.layout--landscape-right .project__arrow{rotate:-180deg;margin-left:auto}.layout--vertical-right .project__figure,.layout--vertical-left .project__figure{width:33.3%}.layout--vertical-right .project{align-items:flex-end;flex-direction:row-reverse}.layout--vertical-right .project__caption{flex-direction:column-reverse;text-align:right}.layout--vertical-right .project__arrow{rotate:-180deg;margin-left:auto}.layout--vertical-left .project__caption{flex-direction:column-reverse}.layout--group-left{display:flex;justify-content:space-between}.layout--group-left .project:nth-child(1){align-items:flex-end;margin-top:15rem;width:100%;max-width:33%;position:relative}.layout--group-left .project:nth-child(1) .project__caption{flex-direction:column-reverse;padding-left:1rem;width:20rem;position:absolute;right:-20rem;bottom:0}.layout--group-left .project:nth-child(2){flex-direction:column;max-width:50%;width:100%}.layout--group-left .project:nth-child(2) .project__caption{flex-direction:column-reverse}.layout--group-left .project:nth-child(2) .project__arrow{rotate:90deg}.layout--group-right{display:flex;justify-content:space-between;flex-direction:row-reverse}.layout--group-right .project:nth-child(1){align-items:flex-end;flex-direction:row-reverse;max-width:33%;width:100%;position:relative}.layout--group-right .project:nth-child(1) .project__figure{margin-top:15rem}.layout--group-right .project:nth-child(1) .project__caption{flex-direction:column-reverse;align-items:flex-end;text-align:right;padding-right:1rem;width:20rem;position:absolute;bottom:0;left:-20rem}.layout--group-right .project:nth-child(1) .project__arrow{rotate:-180deg}.layout--group-right .project:nth-child(2){flex-direction:column;width:100%;max-width:50%}.layout--group-right .project:nth-child(2) .project__caption{flex-direction:column-reverse;align-items:flex-end;text-align:right}.layout--group-right .project:nth-child(2) .project__arrow{rotate:90deg}.layout:last-child .project{margin-bottom:0}}/*# sourceMappingURL=app.css.map */