html,body{padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:'Rubik-Medium';src:url("../fonts/Rubik-Medium.eot?#iefix") format("embedded-opentype"),url("../fonts/Rubik-Medium.woff") format("woff"),url("../fonts/Rubik-Medium.ttf") format("truetype"),url("../fonts/Rubik-Medium.svg#Rubik-Medium") format("svg");font-weight:400;font-style:normal}@font-face{font-family:'Rubik-Regular';src:url("../fonts/Rubik-Regular.eot?#iefix") format("embedded-opentype"),url("../fonts/Rubik-Regular.woff") format("woff"),url("../fonts/Rubik-Regular.ttf") format("truetype"),url("../fonts/Rubik-Regular.svg#Rubik-Regular") format("svg");font-weight:400;font-style:normal}html,body{margin:0;width:100%;min-width:100%;min-height:100%;font-family:Helvetica,Arial,sans-serif}body{background-color:#000;color:#FFF;font-family:'Rubik-Regular'}main{position:absolute;left:0;right:0;top:0;bottom:0}header{background-color:rgba(0,0,0,.8);padding:5px 10px 5px 5px;position:fixed;z-index:10000}header .logo{display:inline-block;font-family:'Rubik-Medium';margin:0 5px}header a{color:#FFF;font-size:14px;text-decoration:none;text-transform:uppercase;user-select:none}header div{display:none;opacity:0;-webkit-transition:opacity .5s cubic-bezier(.25,.25,.75,.75);-moz-transition:opacity .5s cubic-bezier(.25,.25,.75,.75);-o-transition:opacity .5s cubic-bezier(.25,.25,.75,.75);-ms-transition:opacity .5s cubic-bezier(.25,.25,.75,.75);transition:opacity .5s cubic-bezier(.25,.25,.75,.75)}header div ul{display:inline-block;margin:0}header div ul li{display:inline-block;margin-right:-4px}header div ul li a{color:#CCC;padding:5px 10px;-webkit-transition:all .25s cubic-bezier(.25,.25,.75,.75);-moz-transition:all .25s cubic-bezier(.25,.25,.75,.75);-o-transition:all .25s cubic-bezier(.25,.25,.75,.75);-ms-transition:all .25s cubic-bezier(.25,.25,.75,.75);transition:all .25s cubic-bezier(.25,.25,.75,.75)}header div ul li a.selected,header div ul li a:hover{background-color:#FFF;color:#000}header div ul li:first-child a{padding-left:10px}header div span{color:#CCC;font-size:12px;display:inline-block;cursor:default;margin-left:10px}@media only screen and (max-width:800px){header .logo{display:block}header div ul{margin:5px 0 8px}header div ul li a{padding:3px 6px}header div ul li:first-child a{padding-left:5px}header div span{display:block;margin-left:5px}}section{display:none;position:absolute;width:100%;height:100%}.project{display:none;background-position:50%;background-size:cover;opacity:0;-webkit-transition:opacity .5s cubic-bezier(.52,.055,.345,1);-moz-transition:opacity .5s cubic-bezier(.52,.055,.345,1);-o-transition:opacity .5s cubic-bezier(.52,.055,.345,1);-ms-transition:opacity .5s cubic-bezier(.52,.055,.345,1);transition:opacity .5s cubic-bezier(.52,.055,.345,1)}.project,.project .content{position:relative;width:100%;height:100%}.project .content{overflow:hidden}.project .content img,.project .content video{display:none;pointer-events:none;position:absolute;left:0;top:50%;width:100%;opacity:0;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:opacity .3s cubic-bezier(.25,.25,.75,.75);-moz-transition:opacity .3s cubic-bezier(.25,.25,.75,.75);-o-transition:opacity .3s cubic-bezier(.25,.25,.75,.75);-ms-transition:opacity .3s cubic-bezier(.25,.25,.75,.75);transition:opacity .3s cubic-bezier(.25,.25,.75,.75)}.project .content img.portrait,.project .content video.portrait{left:50%;height:100%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.project .content .projectCanvas{position:absolute;z-index:0;opacity:0;-webkit-transition:opacity .3s cubic-bezier(.25,.25,.75,.75);-moz-transition:opacity .3s cubic-bezier(.25,.25,.75,.75);-o-transition:opacity .3s cubic-bezier(.25,.25,.75,.75);-ms-transition:opacity .3s cubic-bezier(.25,.25,.75,.75);transition:opacity .3s cubic-bezier(.25,.25,.75,.75)}.project .content iframe{position:relative;width:100%;height:100%;-webkit-transition:opacity .4s cubic-bezier(.25,.25,.75,.75);-moz-transition:opacity .4s cubic-bezier(.25,.25,.75,.75);-o-transition:opacity .4s cubic-bezier(.25,.25,.75,.75);-ms-transition:opacity .4s cubic-bezier(.25,.25,.75,.75);transition:opacity .4s cubic-bezier(.25,.25,.75,.75)}.project .ui{background-color:rgba(0,0,0,.7);position:absolute;top:0;right:0;width:212px;height:30px;text-align:right;-webkit-transition:top .5s cubic-bezier(.52,.055,.345,1);-moz-transition:top .5s cubic-bezier(.52,.055,.345,1);-o-transition:top .5s cubic-bezier(.52,.055,.345,1);-ms-transition:top .5s cubic-bezier(.52,.055,.345,1);transition:top .5s cubic-bezier(.52,.055,.345,1)}.project .ui div,.project .ui p{-webkit-transition:opacity .3s cubic-bezier(.25,.25,.75,.75);-moz-transition:opacity .3s cubic-bezier(.25,.25,.75,.75);-o-transition:opacity .3s cubic-bezier(.25,.25,.75,.75);-ms-transition:opacity .3s cubic-bezier(.25,.25,.75,.75);transition:opacity .3s cubic-bezier(.25,.25,.75,.75)}.project .ui div{width:30px;height:30px;position:relative;display:inline-block}.project .ui p,.project .ui a{display:block;position:relative}.project .ui a{background-size:cover;width:20px;height:20px;left:5px;top:5px;text-indent:-9999px;overflow:hidden;opacity:.7;-webkit-transition:opacity .3s cubic-bezier(.25,.25,.75,.75);-moz-transition:opacity .3s cubic-bezier(.25,.25,.75,.75);-o-transition:opacity .3s cubic-bezier(.25,.25,.75,.75);-ms-transition:opacity .3s cubic-bezier(.25,.25,.75,.75);transition:opacity .3s cubic-bezier(.25,.25,.75,.75)}.project .ui a:hover{opacity:1}.project .ui .core{min-width:30px}.project .ui .page,.project .ui .sound,.project .ui .prev,.project .ui .next{display:none}.project .ui .page{padding:7px 10px;top:0;text-align:right}.project .ui .sound a{background-image:url(../images/ui/sound.png)}.project .ui .sound a.mute{background-position:100%}.project .ui .close a{background-image:url(../images/ui/close.png)}.project .ui .prev a{background-image:url(../images/ui/prev.png)}.project .ui .next a{background-image:url(../images/ui/next.png)}.project .copy{position:absolute;left:20px;bottom:20px;font-size:14px;color:#ccc;margin-right:20px;padding:20px;background-color:rgba(0,0,0,.7);max-width:500px;z-index:10;user-select:none;-webkit-transition:bottom .5s cubic-bezier(.52,.055,.345,1);-moz-transition:bottom .5s cubic-bezier(.52,.055,.345,1);-o-transition:bottom .5s cubic-bezier(.52,.055,.345,1);-ms-transition:bottom .5s cubic-bezier(.52,.055,.345,1);transition:bottom .5s cubic-bezier(.52,.055,.345,1)}.project .copy div{position:relative}.project .copy div a{position:absolute;right:0;top:1px;color:#fff;padding:5px 5px 4px;text-decoration:none;-webkit-transition:all .15s cubic-bezier(.25,.25,.75,.75);-moz-transition:all .15s cubic-bezier(.25,.25,.75,.75);-o-transition:all .15s cubic-bezier(.25,.25,.75,.75);-ms-transition:all .15s cubic-bezier(.25,.25,.75,.75);transition:all .15s cubic-bezier(.25,.25,.75,.75)}.project .copy div a:hover{background-color:#fff;color:#000}.project .copy h4,.project .copy span,.project .copy p{cursor:default}.project .copy h4{font-size:24px;margin-bottom:5px;width:calc(100% - 60px)}.project .copy h4,.project .copy strong{color:#fff;font-family:'Rubik-Medium'}.project .copy p{margin:3px 0}.project .copy p:last-child{margin-bottom:0}.project .copy .date{color:#999;position:absolute;right:20px}.project .copy .desc{font-size:12px;padding-top:1px}.browse{display:none;position:relative;max-width:1280px;width:100%;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.browse .header{padding:50px 0 5px 10px;opacity:0;display:none;-webkit-transition:all .5s cubic-bezier(.52,.055,.345,1);-moz-transition:all .5s cubic-bezier(.52,.055,.345,1);-o-transition:all .5s cubic-bezier(.52,.055,.345,1);-ms-transition:all .5s cubic-bezier(.52,.055,.345,1);transition:all .5s cubic-bezier(.52,.055,.345,1)}.browse .header h3{margin-bottom:10px}.browse li{display:inline-block;padding:10px;text-align:left;width:100%;max-width:calc(33% - 16px);position:relative;opacity:0;top:0;overflow:hidden;-webkit-transform:initial;-moz-transform:initial;-o-transform:initial;-ms-transform:initial;transform:initial;-webkit-transition:all .5s cubic-bezier(0,0,.58,1);-moz-transition:all .5s cubic-bezier(0,0,.58,1);-o-transition:all .5s cubic-bezier(0,0,.58,1);-ms-transition:all .5s cubic-bezier(0,0,.58,1);transition:all .5s cubic-bezier(0,0,.58,1)}.browse li a{color:#fff;text-decoration:none}.browse li a:hover .img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}.browse li a:hover .overlay{opacity:.15}.browse .item{position:relative}.browse .imgHolder{position:relative;overflow:hidden;width:100%;height:0;padding-bottom:56.25%}.browse .imgHolder .img{background-position:center;background-repeat:no-repeat;background-size:cover;z-index:0;width:100%;height:100%}.browse .imgHolder .img,.browse .imgHolder .overlay{background-color:#000;position:absolute;-webkit-transition:all .3s cubic-bezier(.315,.005,.625,1);-moz-transition:all .3s cubic-bezier(.315,.005,.625,1);-o-transition:all .3s cubic-bezier(.315,.005,.625,1);-ms-transition:all .3s cubic-bezier(.315,.005,.625,1);transition:all .3s cubic-bezier(.315,.005,.625,1)}.browse .imgHolder .overlay{opacity:0;left:0;right:0;top:0;bottom:0;z-index:1}.browse .outline{height:0;position:absolute;left:0;top:0;z-index:2;border:2px solid #fff;box-sizing:border-box;padding-bottom:calc(56.25% - 2px);width:calc(100% + 1px)}.browse .copy{padding:10px}.browse .copy .title{font-size:18px;float:left;clear:left;display:inline-block}.browse .copy .date,.browse .copy .tags{font-size:12px}.browse .copy .date{color:#999;display:inline-block;float:right;clear:right;text-align:right}.browse .copy .tags{clear:both;display:block;padding-top:5px}.browse .copy .tags span{color:#ccc;margin:5px}.browse .copy .tags span:first-child{margin-left:0}@media only screen and (max-width:840px){.project .ui{width:118px;height:initial}}.home div{position:absolute;width:434px;height:162px;left:50%;top:50%;transform:translate(-50%,-50%)}@media only screen and (max-width:500px){.home div{transform:translate(-50%,-50%) scale(.7)}}.about{color:#999;font-size:14px}.about div{letter-spacing:.5px;max-width:800px;padding:0 20px;position:relative;left:50%;top:60px;transform:translateX(-50%);opacity:0;-webkit-transition:all .4s cubic-bezier(.645,.045,.355,1);-moz-transition:all .4s cubic-bezier(.645,.045,.355,1);-o-transition:all .4s cubic-bezier(.645,.045,.355,1);-ms-transition:all .4s cubic-bezier(.645,.045,.355,1);transition:all .4s cubic-bezier(.645,.045,.355,1)}.about strong{color:#FFF}.about h2{font-size:18px;line-height:22px}.about p{line-height:18px}.about a{color:#CCC;text-decoration:none}.about a:hover{color:#FFF;text-decoration:underline}@media only screen and (max-width:640px){.about div{top:100px}}.bts .browse li{max-width:calc(50% - 20px)}.bts .project .copy{min-width:300px}.bts .project .copy h4{width:100%}@media only screen and (max-width:730px){.bts .browse li{max-width:calc(100% - 20px);left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}}@media only screen and (max-width:800px){.browse:first-child{margin-top:30px}}.work .project .copy{position:absolute;left:20px;bottom:20px;font-size:14px;color:#CCC;margin-right:20px;padding:20px;background-color:rgba(0,0,0,.7);max-width:500px;z-index:10;user-select:none}.work .project .copy .clients{display:inline-block;width:calc(100% - 130px)}.work .project .copy .clients a,.work .project .copy .clients span{color:#FFF}.work .project .copy .clients a{margin-right:8px;text-decoration:none}.work .project .copy .clients a:hover{text-decoration:underline}.work .project .copy .clients a:last-child{margin-right:0}.work .project .copy .awards{font-size:12px;padding-top:2px}.work .project .copy .awards strong{margin-right:6px}.work .project .copy .awards a{color:#CCC;display:inline-block;text-decoration:none;margin-right:8px}.work .project .copy .awards a:hover{color:#FFF;text-decoration:underline}.work .project .copy .awards a:last-child{margin-right:0}@media only screen and (max-width:1224px) and (min-width:730px){.work li{max-width:calc(50% - 20px);left:0}}@media only screen and (max-width:730px){.work .browse li{max-width:calc(100% - 20px);left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}}