@charset "UTF-8";.footer__info,.header__title,.section__subtitle,html{font-family:suisse-mono,"Lucida Console",Monaco,sans-serif}article,aside,b,body,body div,caption,dd,dl,dt,em,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,img,label,legend,li,nav,ol,p,picture,section,small,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,ul,var{margin:0;padding:0;border:0;font-size:100%;font-weight:400;vertical-align:baseline;background:0 0}.project-card__bottominfo,.project-tab,.social-links{border-top:1px solid #303030}footer,header,nav,picture,section{display:block}html{box-sizing:border-box;overflow-y:scroll;color:#303030;-webkit-text-size-adjust:none}*,:after,:before{box-sizing:inherit;-moz-box-sizing:border-box}embed,img,object{max-width:100%}ul{list-style:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:0 0;text-decoration:none;color:#FF5C5C}.wrapper,.wrapper--wide{margin-right:auto;margin-left:auto;position:relative}.gif,.header{background-repeat:no-repeat;background-size:cover}wbr:after{content:"\00200B"}.wrapper--wide:after,.wrapper--wide:before,.wrapper:after,.wrapper:before{content:" ";display:table;clear:both}@font-face{font-family:gt-sectra;src:url(../fonts/gt-sectra-fine-medium.eot);src:url(../fonts/gt-sectra-fine-medium.eot?#iefix) format("embedded-opentype"),url(../fonts/gt-sectra-fine-medium.woff) format("woff"),url(../fonts/gt-sectra-fine-medium.ttf) format("truetype"),url(../fonts/gt-sectra-fine-medium.svg#gt-sectra-fine-medium) format("svg");font-weight:"bold";font-style:normal}@font-face{font-family:suisse-mono;src:url(../fonts/SuisseIntlMono-Regular-WebS.eot);src:url(../fonts/SuisseIntlMono-Regular-WebS.eot?#iefix) format("embedded-opentype"),url(../fonts/SuisseIntlMono-Regular-WebS.woff) format("woff"),url(../fonts/SuisseIntlMono-Regular-WebS.ttf) format("truetype"),url(../fonts/SuisseIntlMono-Regular-WebS.svg#SuisseIntlMono-Regular-WebS) format("svg");font-weight:400;font-style:normal}@media (min-width:680px){.wrapper{max-width:640px}}.wrapper--wide{max-width:1000px}.flex-switch-large :first-child{-webkit-box-ordinal-group:3;order:2}.flex-switch-large :last-child{-webkit-box-ordinal-group:2;order:1}@media (min-width:1024px){.wrapper--flex{display:-webkit-box;display:flex}.hidden-large{display:none}}.show-large{display:none}@media (min-width:1024px){.show-large{display:block}}.show-large--inline{display:none}@media (min-width:1024px){.show-large--inline{display:inline}}.slide-fade-enter-active,.slide-fade-leave-active{-webkit-transition:all .3s ease;transition:all .3s ease}.slide-fade-enter,.slide-fade-leave-to{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}.fade-enter-active,.fade-leave-active{-webkit-transition:all 1s;transition:all 1s}.fade-enter,.fade-leave-to{-webkit-transform:translateY(-16px);transform:translateY(-16px);opacity:0}.pop-enter-active,.pop-leave-active{-webkit-transition:all .5s cubic-bezier(.63,.18,.56,2.41);transition:all .5s cubic-bezier(.63,.18,.56,2.41)}.pop-enter,.pop-leave-to{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}body{background-color:#FFF;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual;-o-hyphens:manual}img{display:block}.header{position:relative;height:100vh;min-height:320px;padding:12px 16px 0;background-image:url(../images/noito_play.jpg);background-position:left bottom}@media (min-width:680px){.header{padding:36px 64px 0}}@media (min-width:1024px){.header{padding:18px 48px 0}}@media (min-width:1400px){.header{padding:24px 64px 0}}@media (min-width:1024px){.header{height:auto;min-height:100vh;width:50%;padding-top:40px}}.header__logo{opacity:.9}.header__nav{margin-top:24px}.header__title{font-size:1.125em;line-height:1.7777777778;position:absolute;right:16px;bottom:16px}@media (min-width:680px){.header__nav{margin-top:64px}.header__title{font-size:1.25em;right:32px;bottom:30px}}@media (min-width:1400px){.header{padding-top:56px}.header__title{font-size:1.375em}}.footer{display:-webkit-box;display:flex;-webkit-box-align:start;align-items:flex-start;-webkit-box-pack:justify;justify-content:space-between;padding:8px 16px 16px;color:#303030;background-color:#FF5C5C}@media (min-width:680px){.footer{padding:24px 64px 48px}}@media (min-width:1024px){.footer{padding:12px 48px 32px}}@media (min-width:1400px){.footer{padding:16px 64px 32px}}@media (min-width:1024px){.footer{position:absolute;width:50%;max-height:65px;margin-top:-65px;padding-bottom:12px}}.footer__info{font-size:.875em;line-height:1.7142857143;margin-top:4px}.section{padding:24px 16px 32px;color:#303030;background-color:#FFF}@media (min-width:680px){.footer__info{font-size:1em}.section{padding:72px 64px 96px}.section:after,.section:before{content:" ";display:table;clear:both}}@media (min-width:1024px){.section{padding:36px 48px 64px;width:50%}}@media (min-width:1400px){.section{padding:48px 64px 64px}}.section--project{background-color:#D8DFE2}.section--contact{background-color:#FF5C5C}@media (min-width:680px){.section--contact{padding-bottom:0}}@media (min-width:1024px){.section--contact{padding-bottom:65px}}.picture--awards,.picture--showreel{position:relative;height:0;padding-bottom:100%;overflow:hidden;width:100%}.section__header{border-bottom:1px solid #303030}.section__header--noline{border-bottom:none}.section__title{font-family:gt-sectra,"PT Serif","Times New Roman",serif;font-size:2em;line-height:1.25;letter-spacing:-.2px;margin-bottom:36px}@media (min-width:680px){.section__title{font-size:2.5em;letter-spacing:.2px}}.section__title--nosub{margin-bottom:72px}@media (min-width:1400px){.section__title{font-size:3em;letter-spacing:.2px}.section__title--nosub{margin-bottom:80px}}.section__subtitle{font-size:.875em;line-height:1.7142857143;margin-bottom:12px}.contact-links,.section__text,.text{font-family:suisse-mono,"Lucida Console",Monaco,sans-serif;line-height:1.6666666667}@media (min-width:680px){.section__subtitle{font-size:1em}}@media (min-width:1400px){.section__subtitle{margin-bottom:20px}}.section__subtitle--underline{text-decoration:underline}.section__text{font-size:1.125em;letter-spacing:-.2px;margin-top:4px;margin-bottom:16px;color:#999FA2}@media (min-width:680px){.section__text{font-size:1.25em;letter-spacing:0}}@media (min-width:1400px){.section__text{font-size:1.375em}}.section__text:last-of-type{margin-bottom:56px}.section__content{padding-top:16px}.section__content--notop{padding-top:0}.section__content--flex{display:-webkit-box;display:flex;flex-wrap:wrap}.text{font-size:1.125em;letter-spacing:-.2px;margin-bottom:16px}@media (min-width:680px){.text{font-size:1.25em;letter-spacing:0}}@media (min-width:1400px){.text{font-size:1.375em;margin-bottom:24px}}.link:hover{border-bottom:1px solid #FF5C5C}.link--alt:hover,.project-tab:last-child{border-bottom:1px solid #303030}.link--alt{color:#303030}.picture{margin-bottom:16px}.picture:last-child{margin-bottom:0}@media (min-width:680px){.picture{margin-bottom:32px}}@media (min-width:1024px){.picture--insta{display:none}.picture--insta:last-child{display:block}}.picture--awards{display:none}@media (min-width:1024px){.picture--awards{display:block;margin-top:128px}}@media (min-width:1400px){.picture--awards{margin-top:80px}}.gif{position:absolute;top:0;left:0;width:100%;height:100%;background-position:center}.gif--showreel{background-image:url(../images/noito_show.gif)}.gif--awards{background-image:url(../images/noito_exposure.gif)}.logo-award{-webkit-box-flex:0;flex:0 0 auto;padding:20px 8px;margin:auto}.profile-picture{opacity:.9;margin-bottom:52px}.btn,.contact-links__item{margin-bottom:8px}@media (min-width:680px){.profile-picture{float:left;width:40%}}@media (min-width:1024px){.profile-picture{float:right;width:40%}.profile-picture>img{border-radius:50%}}.contact-links{font-size:1.125em;letter-spacing:-.2px}.btn,.contact-info{line-height:1.7142857143;font-family:suisse-mono,"Lucida Console",Monaco,sans-serif}@media (min-width:680px){.contact-links{font-size:1.25em;letter-spacing:0;float:left;width:50%;margin-left:10%;padding-top:16px;border-top:1px solid #303030}}@media (min-width:1400px){.contact-links{font-size:1.375em}}@media (min-width:1024px){.contact-links{float:right;margin-left:0;margin-right:10%}}.social-links{text-align:center;margin-top:32px;padding-top:24px}.social-links__item{display:inline-block;margin-right:4px;margin-left:4px;padding:8px;border-radius:50%}.social-links__item:hover{background-color:#FFF}@media (min-width:680px){.social-links{float:left;width:50%;margin-top:64px;margin-left:10%}}.contact-info{font-size:.875em;clear:both;display:none}@media (min-width:680px){.contact-info{font-size:1em}}@media (min-width:1024px){.social-links{clear:both;float:none;width:100%;margin-top:48px;margin-left:0}.contact-info{display:block}}@media (min-width:1400px){.contact-info{padding-top:64px}}.btn{font-size:.875em;letter-spacing:.5px;display:inline-block;padding:3px 12px;margin-right:-8px;margin-left:-8px;min-height:32px;border-radius:16px}@media (min-width:680px){.btn{font-size:1em}}.btn--std{color:#FF5C5C;-webkit-transition:color .6s,background-color .5s;transition:color .6s,background-color .5s}.btn--std:hover{color:#FFF;background-color:#303030}.btn--alt{color:#FFF;-webkit-transition:color .6s,background-color .5s;transition:color .6s,background-color .5s}.btn--alt:hover{color:#303030;background-color:#FFF}.project-tab{position:relative;padding-top:12px;padding-bottom:32px;cursor:pointer}.project-tab__title{font-family:suisse-mono,"Lucida Console",Monaco,sans-serif;font-size:1.125em;line-height:1.7777777778;color:#FF5C5C;margin-bottom:24px;width:75%}.project-card__category,.project-tab__info{font-family:suisse-mono,"Lucida Console",Monaco,sans-serif;line-height:1.7142857143}@media (min-width:680px){.project-tab__title{font-size:1.25em}}@media (min-width:1400px){.project-tab__title{font-size:1.375em}}.project-tab__type{position:absolute;top:18px;right:0;width:25%;text-align:right}.project-tab__icon{display:inline-block;margin-left:8px}.project-tab__info{font-size:.875em}.project-tab:hover .project-tab__title::before{content:"→";display:inline-block;margin-right:16px}.project-card{position:fixed;right:0;top:0;bottom:0;height:100%;width:100%;z-index:100;padding:16px 16px 24px;-webkit-transform:translateX(0);transform:translateX(0);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;background-color:#D8DFE2;-webkit-transition:-webkit-transform 1s;transition:-webkit-transform 1s;transition:transform 1s;transition:transform 1s,-webkit-transform 1s}@media (min-width:680px){.project-tab__info{font-size:1em}.project-card{padding:48px 64px 72px}}@media (min-width:1024px){.project-tab:hover .project-tab__info{color:#FF5C5C}.project-card{padding:24px 48px 48px}}.project-card__topinfo{width:80%;margin-bottom:56px}.project-card__category{font-size:.875em;display:inline-block;margin-right:16px}@media (min-width:680px){.project-card__category{font-size:1em}}.project-card__title{font-family:gt-sectra,"PT Serif","Times New Roman",serif;font-size:2em;line-height:1.25;letter-spacing:-.2px;margin-bottom:24px}@media (min-width:680px){.project-card__title{font-size:2.5em;letter-spacing:.2px;margin-bottom:32px}}@media (min-width:1400px){.project-card{padding:32px 64px 48px}.project-card__title{font-size:3em;letter-spacing:.2px}}.project-card__text{font-family:suisse-mono,"Lucida Console",Monaco,sans-serif;font-size:1.125em;line-height:1.6666666667;letter-spacing:-.2px;margin-bottom:32px}@media (min-width:680px){.project-card__text{font-size:1.25em;letter-spacing:0;margin-bottom:48px}}@media (min-width:1400px){.project-card__text{font-size:1.375em}}.project-card__pictures{margin-bottom:32px}@media (min-width:680px){.project-card__pictures{margin-bottom:48px}}.project-card__bottominfo{padding-top:16px;margin-top:64px;margin-bottom:32px}.project-card__task{margin-bottom:12px;margin-left:40px;max-width:400px}.project-card__task::before{display:inline-block;content:"+";margin-right:30px;margin-left:-40px}.btn-close{position:fixed;top:18px;right:20px;width:32px;height:32px;z-index:200;border-radius:50%;cursor:pointer}@media (min-width:680px){.btn-close{top:54px;right:72px}}@media (min-width:1024px){.btn-close{top:40px;right:64px}}.video-wrapper{position:relative;max-width:100%;height:0;padding-bottom:56.34%;overflow:hidden;margin-bottom:16px}@media (min-width:680px){.video-wrapper{margin-bottom:32px}}.video-wrapper>iframe{position:absolute;top:0;left:0;width:100%;height:100%}