@font-face{font-family:'Nuckle';src:url('../fonts/nuckle_book_web.eot');src:url('../fonts/nuckle_book_web.eot?#iefix')format('embedded-opentype'),url('../fonts/nuckle_book_web.woff2')format('woff2'),url('../fonts/nuckle_book_web.woff')format('woff'),url('../fonts/nuckle_book_web.svg')format('svg'),url('../fonts/nuckle_book_web.ttf')format('ttf');font-weight:400;font-style:normal;font-stretch:normal}html,body{padding:0;margin:0;font-size:1.406vw;font-family:'Nuckle',helvetica,arial}@media all and (max-width:768px){html,body{font-size:15px}}body{width:100vw;overflow-x:hidden;background-color:white}::-moz-selection{color:#f45959;background:black}::selection{color:#f45959;background:black}h1,h2,h3,h4,h5,h6,p{padding:0;margin:0;font-weight:normal}html,body,#barba-wrapper{position:fixed;top:0px;left:0px;width:100vw;height:100vh;overflow:hidden}@keyframes rotating{from{-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}to{-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}.preloader{pointer-events:none;object-fit:contain;user-select:none;-webkit-user-select:none;-moz-user-select:none;position:absolute;display:block;opacity:1;top:0;bottom:0;left:0;right:0;margin-left:auto;margin-right:auto;margin-top:auto;margin-bottom:auto;height:90vh;width:100%;z-index:1;border-radius:45vh;-webkit-animation:rotating 2s linear infinite;-moz-animation:rotating 2s linear infinite;-ms-animation:rotating 2s linear infinite;-o-animation:rotating 2s linear infinite;animation:rotating 2s linear infinite}a{color:black;text-decoration:none;transition:color .1s;transition-timing-function:ease-in-out;-webkit-transition:color .1s;-webkit-transition-timing-function:ease-in-out;-moz-transition:color .1s;-moz-transition-timing-function:ease-in-out}a:hover{color:#f45959}a.white:hover{color:white}a.black{color:white}a.black:hover{color:#f45959}@media all and (max-width:768px){a.black{color:black}}#barba-wrapper{z-index:10}.menu{position:fixed;z-index:100;left:0px;top:calc((100vh - 30vw)/2);width:20vw;height:100%;text-transform:uppercase;font-size:1rem;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;padding-left:1vw;pointer-events:none}.menu .cursor,.menu .site-title,.menu .pages,.menu .social{pointer-events:all}.menu .cursor{position:absolute;cursor:pointer;top:2rem;width:3rem;height:3rem;border-radius:1.5rem;background-size:3.4rem 3.4rem;background-position:center center;transition:.5s background-color;-webkit-transition:.5s background-color;-moz-transition:.5s background-color}.menu .cursor.red{background-color:#f45959;background-blend-mode:multiply}.menu .cursor.crazy{-webkit-animation:rotating .3s linear infinite;-moz-animation:rotating .3s linear infinite;-ms-animation:rotating .3s linear infinite;-o-animation:rotating .3s linear infinite;animation:rotating .3s linear infinite}.menu .site-title{position:absolute;top:calc((100vh - 30vw)/2);font-size:1rem}.menu .menu-bottom{position:absolute;bottom:calc((100vh - 30vw)/2);margin-bottom:1rem}.menu .pages{list-style:none;font-size:.875rem;padding:0;margin:0}.menu .social h3{display:inline-block;font-size:.625rem;margin-right:.5rem}.menu .social h3 a{color:#9b9b9b}.menu .social h3 a:hover{color:#f45959}.menu .social h3 .white{color:black}.menu .social h3 .white:hover{color:white}.menu .social h3 .black{color:#9b9b9b}.menu .social h3 .black:hover{color:#f45959}@media all and (max-width:768px){.menu{top:0px;left:0px;width:100vw;background-color:white;height:3rem}.menu .cursor{left:auto;top:1rem;right:1rem;z-index:100;width:4rem;height:4rem;border-radius:2rem;background-size:4.528rem 4.528rem;cursor:pointer;transition:transform .5s;transition-timing-function:ease-in-out}.menu .cursor.cursor-rotated{transform:rotate(-90deg)}.menu .site-title{top:.5rem;font-size:2.7rem;line-height:2.7rem}.menu .site-title a:hover{color:black}.menu .pages li a:hover{color:black}.menu .menu-bottom{height:0px;top:3rem;margin-top:-1px;padding-left:.4rem;box-sixing:border-box;-webkit-box-sixing:border-box;-moz-box-sixing:border-box;left:0px;background-color:white;width:100vw;overflow:hidden;bottom:auto;transition:height .5s,border-bottom .5s;transition-timing-function:ease-in-out;border-bottom:0rem black solid}.menu .menu-bottom.menu-expand{height:15rem;border-bottom:.2rem black solid}.menu .menu-bottom .pages{padding-top:2.5rem;color:black !important;font-size:1.4rem}.menu .menu-bottom .social{padding-bottom:3rem;padding-top:.5rem}.menu .menu-bottom .social h3 a{color:black !important;font-size:1rem;color:#9b9b9b}.menu .menu-bottom .social h3 a:hover{color:#9b9b9b}.menu .menu-bottom .social h3 .white{color:black}.menu .menu-bottom .social h3 .white:hover{color:black}.menu .menu-bottom .social h3 .black{color:#9b9b9b}.menu .menu-bottom .social h3 .black:hover{color:#9b9b9b}}#homepage{opacity:0}.background-block{position:fixed;top:0px;background-color:#141517}.background-block.small{width:20vw}.background-block.large{width:60vw}.background-block.first-block{left:0px;height:calc((100vh - 30vw)/2);background-color:transparent}.background-block.first-block img{height:calc((100vh - 30vw)/2);width:20vw}.background-block.middle-block{left:20vw;height:auto;padding-top:calc((100vh - 30vw)/2)}.background-block.middle-block img{position:absolute;top:0px;left:0px;padding-top:calc((100vh - 30vw)/2);margin-top:-1px;border-right:solid 1px black;width:102%}.background-block.last-block{height:100vh;left:80vw;margin-top:calc((100vh - 30vw)/-2)}.background-block.last-block img{position:absolute;left:0px;width:20vw;height:calc((100vh - 30vw)/2);bottom:calc((100vh - 30vw)/-2)}@media all and (max-width:768px){.background-block{display:none}}.project{position:absolute;overflow:hidden;cursor:pointer}.project .still{display:block;position:absolute;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:auto 100%;-webkit-background-size:auto 100%;-moz-background-size:auto 100%}.project .fader-block{display:block;position:absolute;top:0px;left:0px;width:100%;height:100%;opacity:0;background-color:#141517;transition:opacity .1s;-webkit-transition:opacity .1s;-moz-transition:opacity .1s}.project .fader-block h1{opacity:0;width:100%;height:1rem;font-size:0px;display:block;text-align:center;position:absolute;top:0;bottom:0;left:0;right:0;margin-left:auto;margin-right:auto;margin-top:auto;margin-bottom:auto}.project video{visibility:hidden;opacity:0;transition:opacity .75s;-webkit-transition:opacity .75s;-moz-transition:opacity .75s;transition-delay:.2s;-webkit-transition-delay:.2s;-moz-transition-delay:.2s}.project:hover .fader-block{opacity:.9}@media all and (max-width:768px){.project{}}.still-wrapper{width:20vw;height:calc((100vh - 30vw)/2);background-color:white}.still-wrapper.previous{top:0px;left:0px}.still-wrapper.previous-previous{top:calc((100vh - 30vw)/-2);left:-20vw;background-color:#9b9b9b}.still-wrapper.next{bottom:0px;left:80vw;background-color:#9b9b9b}.still-wrapper.next-next{bottom:calc((100vh - 30vw)/-2);left:100vw;background-color:#9b9b9b}.still-wrapper.faded .fader-block{opacity:.9}@media all and (max-width:768px){.still-wrapper{display:none}}.active-wrapper{width:60vw;height:30vw;background-color:#9b9b9b;left:20vw;top:calc((100vh - 30vw)/2)}.active-wrapper video{position:absolute;top:0px;left:0;right:0;margin-left:auto;margin-right:auto;height:100%;width:100%;visibility:visible;opacity:1;transition:opacity .75s;-webkit-transition:opacity .75s;-moz-transition:opacity .75s;transition-delay:.2s;-webkit-transition-delay:.2s;-moz-transition-delay:.2s}.active-wrapper .video-fade-out{opacity:0}.active-wrapper .fader-block h1{font-size:1rem;color:white}.active-wrapper:hover .fader-block h1{opacity:1;color:white}@media all and (max-width:768px){.active-wrapper{display:block;width:100vw;left:0px;top:0px;height:100vh;overflow:hidden;background-color:#141517}.active-wrapper .still{display:none}.active-wrapper .fader-block{display:none}.active-wrapper video{position:absolute;min-height:100vh;min-width:100vw;max_width:100vw;height:auto;width:auto;left:0;right:0;margin-left:auto;margin-right:auto}.active-wrapper:hover .fader-block{opacity:0}.active-wrapper:hover .fader-block h1{opacity:0}}.homepage-nav{position:fixed;z-index:10000;width:20vw;height:calc((100vh - 30vw)/2);color:white;opacity:0;cursor:pointer;transition:opacity .1s;transition-timing-function:ease-in-out;-webkit-transition:opacity .1s;-webkit-transition-timing-function:ease-in-out;-moz-transition:opacity .1s;-moz-transition-timing-function:ease-in-out}.homepage-nav h2{position:absolute;height:.875rem;top:0;bottom:0;margin-top:auto;margin-bottom:auto;width:100%;font-size:.875rem;text-align:center}.homepage-nav.left{top:0px;left:0px;background-size:100%}.homepage-nav.right{bottom:0px;right:0px;background-size:100%}.homepage-nav:hover{opacity:1}@media all and (max-width:768px){.homepage-nav{display:none}}.project-subtitles{position:absolute;left:20vw;bottom:0px;margin-bottom:-.3rem;width:60vw;height:calc((100vh - 30vw)/2);font-size:.625rem;color:#9b9b9b;transition:color .1s;-webkit-transition:color .1s;-moz-transition:color .1s}.project-subtitles .subtitles{display:inline-block;position:relative;vertical-align:top;margin-left:.5rem;text-transform:uppercase}.project-subtitles .subtitles.slide-counter{width:3vw;letter-spacing:.1rem}.project-subtitles .subtitles.countdown{width:4.5vw}.project-subtitles .mobile-loader{display:none;position:absolute;left:0px;top:0px;height:3rem;width:0%;background-color:#f45959}@media all and (max-width:768px){.project-subtitles{background-color:white;left:0px;bottom:0;height:3rem;width:100vw;font-size:0px}.project-subtitles .mobile-loader{display:block;z-index:10}.project-subtitles .subtitles{font-size:.875rem;line-height:.875rem;margin-left:0px;padding-left:.5rem;padding-top:.2rem;width:15%;color:black;z-index:100;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.project-subtitles .subtitles.slide-counter{width:20%;font-size:1rem;line-height:1.2rem}.project-subtitles .subtitles.countdown{display:none}.project-subtitles .subtitles.project-title{width:70%;font-size:1rem;line-height:1.2rem}}#about{width:100vw;opacity:0;background-color:#f45959;height:100vh;overflow-x:hidden;overflow-y:scroll}#about a:hover{color:white}#about .about-content{position:relative;margin-top:6.6rem;width:60vw;margin-left:30vw;overflow-x:hidden;font-size:0}#about .about-content .about-image{margin:0;padding:0;display:inline-block;width:50%;vertical-align:top;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}#about .about-content .about-image:nth-of-type(1){padding-right:.5vw}#about .about-content .about-image:nth-of-type(2){padding-left:.5vw}#about .about-content .about-addresses{position:relative;width:100%;margin-top:3.3rem;text-transform:uppercase}#about .about-content .about-addresses .about-address{margin:0;padding:0;display:inline-block;width:50%;vertical-align:top;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;font-size:.625rem;line-height:1rem}#about .about-content .about-addresses .about-address:nth-of-type(1){padding-right:.5vw}#about .about-content .about-addresses .about-address:nth-of-type(2){padding-left:.5vw}#about .about-content .about-text{position:relative;margin-top:3.3rem;width:83%;font-size:.875rem;line-height:1.49rem}#about .about-content .credits-text{position:relative;margin-top:6.6rem;margin-bottom:10rem;width:83%;font-size:.875rem;line-height:1.49rem}#about .about-content .about-clients{position:relative;margin-top:6.6rem;width:100%}#about .about-content .about-clients h2{font-size:.875rem;font-weight:normal;line-height:.875rem;padding-bottom:.7rem}#about .about-content .about-clients .about-client-list{padding:0;margin:0;list-style:none;display:inline-block;width:50%;vertical-align:top;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;padding-right:16.6%;font-size:.875rem;line-height:1.49rem}#about .about-content .about-clients .about-client-list li{line-height:.875rem;padding-bottom:.7rem}@media all and (max-width:768px){#about .about-content{width:96vw;margin-left:2vw}#about .about-content .about-addresses .about-address{font-size:1rem;line-height:1.2rem}#about .about-content .about-text{width:95%;font-size:1.4rem;line-height:2.1rem}#about .about-content .about-clients h2{font-size:1.4rem;line-height:2.1rem}#about .about-content .about-clients .about-client-list{font-size:1.4rem;line-height:2.1rem}#about .about-content .about-clients .about-client-list li{line-height:2.1rem;padding-bottom:.7rem}}#work{width:100vw;opacity:0;background-color:#141517;height:100vh;overflow-x:hidden;overflow-y:scroll}#work a:hover{color:white}.work-content{display:block;width:80vw;overflow-x:hidden;margin-left:20vw;font-size:0;height:100%}.work-content .works-project{position:relative;display:inline-block;opacity:0;height:17vw;width:50%;font-size:1rem;color:white;background-color:white;background-size:100%;background-repeat:none;background-position:center center;overflow:hidden;vertical-align:top}.work-content .works-project .works-project-info{position:absolute;top:0px;left:0px;width:100%;height:100%;opacity:0;background-color:white;transition:opacity .1s;-webkit-transition:opacity .1s;-moz-transition:opacity .1s;transition-timing-function:ease-in-out;-webkit-transition-timing-function:ease-in-out;-moz-transition-timing-function:ease-in-out}.work-content .works-project .works-project-info h2{margin-left:2.57rem;margin-top:1.76rem;line-height:1rem;margin-bottom:.2rem;font-size:.875rem;text-transform:uppercase;color:black}.work-content .works-project .works-project-info h3{margin-left:3.8rem;font-size:.625rem;letter-spacing:.01rem;line-height:.96rem;color:#9b9b9b}.work-content .works-project .works-project-info h2,.work-content .works-project .works-project-info h3{transition:transform .2s;-webkit-transition:transform .2s;-moz-transition:transform .2s;transition-timing-function:ease-in-out;-webkit-transition-timing-function:ease-in-out;-moz-transition-timing-function:ease-in-out;transform:translate(-.1rem,-.1rem);-webkit-transform:translate(-.1rem,-.1rem);-moz-transform:translate(-.1rem,-.1rem)}.work-content .works-project:hover .works-project-info{opacity:1}.work-content .works-project:hover .works-project-info h2,.work-content .works-project:hover .works-project-info h3{transform:translate(0px,0px);-webkit-transform:translate(0px,0px);-moz-transform:translate(0px,0px)}@media all and (max-width:768px){.work-content{display:block;width:100vw;margin-left:0px;height:100%}.work-content .works-project{width:100%;height:34vw}.work-content .works-project:last-of-type{margin-bottom:5rem}.work-content .works-project:hover .works-project-info{opacity:0}}#journal{width:100vw;opacity:0;background-color:white;height:100vh;overflow-x:hidden;overflow-y:scroll}#journal a:hover{color:white}#project{width:100vw;opacity:0;background-color:#141517;height:100vh;overflow-x:hidden;overflow-y:scroll}#project a:hover{color:#f45959}.journal-content,.project-content{display:block;width:100vw;overflow-x:hidden;height:100%}.journal-entry,.project-content-item{opacity:0;display:block;position:relative;max-width:100vw}.journal-entry:last-of-type,.project-content-item:last-of-type{margin-bottom:7rem}.journal-entry img,.project-content-item img,.journal-entry picture,.project-content-item picture{width:100%}.journal-entry picture img,.project-content-item picture img{width:100%}.journal-entry h1,.project-content-item h1,.journal-entry h2,.project-content-item h2,.journal-entry h3,.project-content-item h3,.journal-entry h4,.project-content-item h4,.journal-entry h5,.project-content-item h5,.journal-entry h6,.project-content-item h6,.journal-entry p,.project-content-item p,.journal-entry figure,.project-content-item figure{width:100%}.journal-entry iframe,.project-content-item iframe,.journal-entry video,.project-content-item video{width:100%}.journal-entry figure iframe,.project-content-item figure iframe{width:100%}.journal-entry h1,.project-content-item h1{line-height:1rem;font-size:.875rem;text-transform:uppercase;color:#dbdbdb;margin-bottom:.4rem}.journal-entry p,.project-content-item p{line-height:1.66rem;margin-bottom:.4rem;font-size:.875rem;color:#dbdbdb}.journal-entry h2,.project-content-item h2{text-transform:uppercase}.journal-entry ul,.project-content-item ul{list-style:none;padding-left:0px;margin-left:0px}.journal-entry ul li,.project-content-item ul li{color:#dbdbdb;margin-left:0rem;padding-bottom:.4rem}.journal-entry ul li:before,.project-content-item ul li:before{content:"";display:inline-block;width:.5rem;height:.5rem;margin-right:.3rem;margin-bottom:.1rem;border-radius:.25rem;background-color:white}.journal-entry h2,.project-content-item h2,.journal-entry h3,.project-content-item h3,.journal-entry h4,.project-content-item h4,.journal-entry h5,.project-content-item h5,.journal-entry h6,.project-content-item h6{font-size:.625rem;letter-spacing:.01rem;line-height:.96rem;margin-bottom:.2rem;color:#9b9b9b}.notLeft{margin-left:0px}.tenLeft{margin-left:10vw}.twentyLeft{margin-left:20vw}.thirtyLeft{margin-left:30vw}.fourtyLeft{margin-left:40vw}.fiftyLeft{margin-left:50vw}.sixtyLeft{margin-left:60vw}.seventyLeft{margin-left:70vw}.eightyLeft{margin-left:80vw}.twentyPercent{width:20vw}.thirtyPercent{width:30vw}.fourtyPercent{width:40vw}.fiftyPercent{width:50vw}.sixtyPercent{width:60vw}.seventyPercent{width:70vw}.eightyPercent{width:80vw}.hundredPercent{width:100vw}.minusFive{transform:translateY(calc(-12.5rem))}.minusFour{transform:translateY(calc(-10rem))}.minusThree{transform:translateY(calc(-7.5rem))}.minusTwo{transform:translateY(calc(-5rem))}.minusOne{transform:translateY(-2.5rem)}.noMargin{margin-top:0px}.plusOne{margin-top:2.5rem}.plusTwo{margin-top:calc(2 * 2.5rem)}.plusThree{margin-top:calc(3 * 2.5rem)}.plusFour{margin-top:calc(4 * 2.5rem)}.plusFive{margin-top:calc(5 * 2.5rem)}@media all and (max-width:768px){.journal-entry p,.project-content-item p,.journal-entry h1,.project-content-item h1,.journal-entry li,.project-content-item li{font-size:1.4rem;line-height:2.1rem;padding-bottom:.6rem}.journal-entry h2,.project-content-item h2,.journal-entry h3,.project-content-item h3,.journal-entry h4,.project-content-item h4,.journal-entry h5,.project-content-item h5,.journal-entry h6,.project-content-item h6{font-size:1rem;line-height:1.2rem;padding-bottom:.6rem}.journal-entry p,.project-content-item p,.journal-entry h1,.project-content-item h1,.journal-entry ul,.project-content-item ul,.journal-entry h2,.project-content-item h2,.journal-entry h3,.project-content-item h3,.journal-entry h4,.project-content-item h4,.journal-entry h5,.project-content-item h5,.journal-entry h6,.project-content-item h6{width:100%}.journal-entry p a,.project-content-item p a,.journal-entry h1 a,.project-content-item h1 a,.journal-entry ul a,.project-content-item ul a,.journal-entry h2 a,.project-content-item h2 a,.journal-entry h3 a,.project-content-item h3 a,.journal-entry h4 a,.project-content-item h4 a,.journal-entry h5 a,.project-content-item h5 a,.journal-entry h6 a,.project-content-item h6 a{color:white}.journal-entry p a.black,.project-content-item p a.black,.journal-entry h1 a.black,.project-content-item h1 a.black,.journal-entry ul a.black,.project-content-item ul a.black,.journal-entry h2 a.black,.project-content-item h2 a.black,.journal-entry h3 a.black,.project-content-item h3 a.black,.journal-entry h4 a.black,.project-content-item h4 a.black,.journal-entry h5 a.black,.project-content-item h5 a.black,.journal-entry h6 a.black,.project-content-item h6 a.black{color:white}.notLeft,.tenLeft,.twentyLeft,.thirtyLeft,.fourtyLeft,.fiftyLeft,.sixtyLeft,.seventyLeft,.eightyLeft{margin-left:0px}.twentyPercent,.thirtyPercent,.fourtyPercent,.fiftyPercent,.sixtyPercent{width:90vw}.seventyPercent,.eightyPercent,.hundredPercent{width:100vw}.minusFive,.minusFour,.minusThree,.minusTwo,.minusOne{transform:translateY(0px);-webkit-transform:translateY(0px);-moz-transform:translateY(0px)}.plusOne,.plusTwo,.plusThree,.plusFour,.plusFive{margin-top:0px}.journal-entry,.project-content-item{position:relative;display:block;margin:0 auto;margin-bottom:2rem}.single-project-title{width:90vw;margin-top:2rem}}#error{width:100vw;opacity:0;background-color:white;height:100vh;overflow-x:hidden;overflow-y:hidden}#error h2{padding:1rem;text-align:right;font-size:.875rem;position:relative;z-index:100}#error .fail{position:absolute;pointer-events:none;object-fit:contain;height:98vh;width:100%;top:0;bottom:0;left:0;right:0;margin-top:auto;margin-bottom:auto;margin-left:auto;margin-right:auto;z-index:1;-webkit-animation:rotating 2s linear infinite;-moz-animation:rotating 2s linear infinite;-ms-animation:rotating 2s linear infinite;-o-animation:rotating 2s linear infinite;animation:rotating 2s linear infinite}#project,#journal,#work,#about,#error{-webkit-overflow-scrolling:touch}@media all and (max-width:768px){#project,#journal,#work,#about,#error{height:calc(100vh - 3rem);margin-top:3rem}}