#wrapper,body,html{height:100%}@font-face{font-family:Rubik;font-style:normal;font-weight:400;src:local('Rubik'),local('Rubik-Regular'),url(https://fonts.gstatic.com/s/rubik/v9/iJWKBXyIfDnIV7nBrXk.ttf) format('truetype')}@font-face{font-family:Rubik;font-style:normal;font-weight:700;src:local('Rubik Bold'),local('Rubik-Bold'),url(https://fonts.gstatic.com/s/rubik/v9/iJWHBXyIfDnIV7F6iGmd8WU.ttf) format('truetype')}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}a,b{font-weight:700}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;scrollbar-face-color:transparent;scrollbar-track-color:transparent;color:#fff;font-family:Rubik,helvetica,sans-serif;background-color:#000;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;-moz-osx-font-smoothing:grayscale}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0) translate3d(0,-50%,0);transform:rotate(0) translate3d(0,-50%,0)}100%{-webkit-transform:rotate(360deg) translate3d(0,-50%,0);transform:rotate(360deg) translate3d(0,-50%,0)}}@keyframes spin{0%{-webkit-transform:rotate(0) translate3d(0,-50%,0);transform:rotate(0) translate3d(0,-50%,0)}100%{-webkit-transform:rotate(360deg) translate3d(0,-50%,0);transform:rotate(360deg) translate3d(0,-50%,0)}}.project,.project .project-inner .project-scroller ul{position:absolute;top:0;left:0;-webkit-transform:translate3d(0,0,0)}.cf:after,.cf:before{content:'';display:table}.cf:after{clear:both}.no-trans{-webkit-transition:none!important;transition:none!important}::selection{background:#fc0;color:#fff}::-moz-selection{background:#fc0;color:#fff}::-webkit-scrollbar{width:0;height:0}#wrapper,.project,.project .project-inner,body,html{width:100%;overflow:hidden}::-webkit-scrollbar-thumb{background:0 0}a{color:#fc0;outline:0;text-decoration:none}#wrapper{position:absolute;top:0;left:0}p{font-size:8px;line-height:12px;font-weight:400}h2{font-size:12px;line-height:20px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap}@media all and (min-height:540px) and (min-width:666px){p{font-size:13px;line-height:20px}h2{font-size:24px;line-height:40px}}.project{height:25%;cursor:pointer;visibility:hidden;opacity:0;transform:translate3d(0,0,0);-webkit-transition:visibility 0s linear 666ms,opacity 666ms cubic-bezier(.237,0,.237,1);transition:visibility 0s linear 666ms,opacity 666ms cubic-bezier(.237,0,.237,1)}.project.loaded,.project.loading{cursor:default}.project .project-inner,.project .project-inner .loading-bar{-webkit-transition:-webkit-transform 666ms cubic-bezier(.237,0,.237,1)}.project .project-inner{position:absolute;top:0;left:0;height:100%;border-top:4px solid #000;border-bottom:4px solid #000;box-sizing:border-box;-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0);transition:-webkit-transform 666ms cubic-bezier(.237,0,.237,1);transition:transform 666ms cubic-bezier(.237,0,.237,1);transition:transform 666ms cubic-bezier(.237,0,.237,1),-webkit-transform 666ms cubic-bezier(.237,0,.237,1)}.project .project-inner .project-scroller{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.project .project-inner .project-scroller ul{height:100%;font-size:0;line-height:0;white-space:nowrap;overflow:hidden;opacity:.6;transform:translate3d(0,0,0);-webkit-transition:opacity 666ms cubic-bezier(.237,0,.237,1);transition:opacity 666ms cubic-bezier(.237,0,.237,1)}.project .project-inner .project-scroller ul li{position:relative;width:auto;height:100%;margin-right:8px;display:inline-block}.project .project-inner .project-scroller ul li:last-child{margin-right:0}.project .project-inner .project-scroller ul li img{position:relative;width:auto;height:100%;display:block}.project .project-inner .loading-bar,.project .project-inner .loading-bar span.fill,.project .project-inner .project-scroller ul li .shim{top:0;left:0;width:100%;height:100%;position:absolute}.project .project-inner .project-scroller ul li .caption,.project .project-inner .project-scroller ul li .video-holder{display:none}.project .project-inner .loading-bar{background-color:#000;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);transition:-webkit-transform 666ms cubic-bezier(.237,0,.237,1);transition:transform 666ms cubic-bezier(.237,0,.237,1);transition:transform 666ms cubic-bezier(.237,0,.237,1),-webkit-transform 666ms cubic-bezier(.237,0,.237,1)}.project .project-inner .loading-bar span.fill{background-color:#fc0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);-webkit-transition:-webkit-transform 666ms cubic-bezier(.237,0,.237,1);transition:-webkit-transform 666ms cubic-bezier(.237,0,.237,1);transition:transform 666ms cubic-bezier(.237,0,.237,1);transition:transform 666ms cubic-bezier(.237,0,.237,1),-webkit-transform 666ms cubic-bezier(.237,0,.237,1)}.project .project-inner h2{position:absolute;top:50%;left:16px;padding-right:20px;display:inline-block;opacity:1;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);-webkit-transition:opacity 666ms cubic-bezier(.237,0,.237,1),-webkit-transform 666ms cubic-bezier(.237,0,.237,1);transition:opacity 666ms cubic-bezier(.237,0,.237,1),-webkit-transform 666ms cubic-bezier(.237,0,.237,1);transition:opacity 666ms cubic-bezier(.237,0,.237,1),transform 666ms cubic-bezier(.237,0,.237,1);transition:opacity 666ms cubic-bezier(.237,0,.237,1),transform 666ms cubic-bezier(.237,0,.237,1),-webkit-transform 666ms cubic-bezier(.237,0,.237,1)}.project .project-inner h2:after{content:'';position:absolute;top:50%;right:0;width:8px;height:8px;border:2px solid #fff;border-left-color:transparent;border-radius:50%;opacity:0;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);-webkit-animation:none;animation:none}#detail,#sections{right:8px;overflow:hidden}.project:nth-child(1){top:0}.project:nth-child(1) .project-inner h2{opacity:1;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);-webkit-transition:opacity 666ms cubic-bezier(.237,0,.237,1) 666ms,-webkit-transform 666ms cubic-bezier(.237,0,.237,1) 666ms;transition:opacity 666ms cubic-bezier(.237,0,.237,1) 666ms,-webkit-transform 666ms cubic-bezier(.237,0,.237,1) 666ms;transition:opacity 666ms cubic-bezier(.237,0,.237,1) 666ms,transform 666ms cubic-bezier(.237,0,.237,1) 666ms;transition:opacity 666ms cubic-bezier(.237,0,.237,1) 666ms,transform 666ms cubic-bezier(.237,0,.237,1) 666ms,-webkit-transform 666ms cubic-bezier(.237,0,.237,1) 666ms}.project:nth-child(2){top:25%}.project:nth-child(2) .project-inner h2{opacity:1;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);-webkit-transition:opacity 666ms cubic-bezier(.237,0,.237,1) 888ms,-webkit-transform 666ms cubic-bezier(.237,0,.237,1) 888ms;transition:opacity 666ms cubic-bezier(.237,0,.237,1) 888ms,-webkit-transform 666ms cubic-bezier(.237,0,.237,1) 888ms;transition:opacity 666ms cubic-bezier(.237,0,.237,1) 888ms,transform 666ms cubic-bezier(.237,0,.237,1) 888ms;transition:opacity 666ms cubic-bezier(.237,0,.237,1) 888ms,transform 666ms cubic-bezier(.237,0,.237,1) 888ms,-webkit-transform 666ms cubic-bezier(.237,0,.237,1) 888ms}.project:nth-child(3){top:50%}.project:nth-child(3) .project-inner h2{opacity:1;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);-webkit-transition:opacity 666ms cubic-bezier(.237,0,.237,1) 1.11s,-webkit-transform 666ms cubic-bezier(.237,0,.237,1) 1.11s;transition:opacity 666ms cubic-bezier(.237,0,.237,1) 1.11s,-webkit-transform 666ms cubic-bezier(.237,0,.237,1) 1.11s;transition:opacity 666ms cubic-bezier(.237,0,.237,1) 1.11s,transform 666ms cubic-bezier(.237,0,.237,1) 1.11s;transition:opacity 666ms cubic-bezier(.237,0,.237,1) 1.11s,transform 666ms cubic-bezier(.237,0,.237,1) 1.11s,-webkit-transform 666ms cubic-bezier(.237,0,.237,1) 1.11s}.project:nth-child(4){top:75%}.project:nth-child(4) .project-inner h2{opacity:1;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);-webkit-transition:opacity 666ms cubic-bezier(.237,0,.237,1) 1332ms,-webkit-transform 666ms cubic-bezier(.237,0,.237,1) 1332ms;transition:opacity 666ms cubic-bezier(.237,0,.237,1) 1332ms,-webkit-transform 666ms cubic-bezier(.237,0,.237,1) 1332ms;transition:opacity 666ms cubic-bezier(.237,0,.237,1) 1332ms,transform 666ms cubic-bezier(.237,0,.237,1) 1332ms;transition:opacity 666ms cubic-bezier(.237,0,.237,1) 1332ms,transform 666ms cubic-bezier(.237,0,.237,1) 1332ms,-webkit-transform 666ms cubic-bezier(.237,0,.237,1) 1332ms}.project.loading .project-inner h2:after{opacity:1;-webkit-animation:spin 1.3s linear infinite;animation:spin 1.3s linear infinite}.project.loaded .project-inner .loading-bar{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.project.loaded .project-inner h2:after{opacity:0;-webkit-transition:opacity 666ms cubic-bezier(.237,0,.237,1);transition:opacity 666ms cubic-bezier(.237,0,.237,1)}@media all and (min-height:540px) and (min-width:666px){.project .project-inner{border-top:8px solid #000;border-bottom:8px solid #000}.project .project-inner .project-scroller ul li{margin-right:16px}.project .project-inner .project-scroller ul li:last-child{margin-right:0}.project .project-inner h2{left:32px;padding-right:32px}.project .project-inner h2:after{width:16px;height:16px;border:3px solid #fff;border-left-color:transparent}}nav #nav-inner #xxx,nav #nav-inner h1#logo{height:40px;width:100%;position:absolute;left:0}nav{position:absolute;top:0;left:0;width:40px;height:100%;font-size:0;line-height:0;overflow:hidden}nav #nav-inner{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:opacity 666ms cubic-bezier(.237,0,.237,1),-webkit-transform 666ms cubic-bezier(.237,0,.237,1);transition:opacity 666ms cubic-bezier(.237,0,.237,1),-webkit-transform 666ms cubic-bezier(.237,0,.237,1);transition:opacity 666ms cubic-bezier(.237,0,.237,1),transform 666ms cubic-bezier(.237,0,.237,1);transition:opacity 666ms cubic-bezier(.237,0,.237,1),transform 666ms cubic-bezier(.237,0,.237,1),-webkit-transform 666ms cubic-bezier(.237,0,.237,1)}nav #nav-inner #xxx{top:50%;cursor:pointer;opacity:0;visibility:hidden;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scale(.8) translate3d(0,-50%,0);transform:scale(.8) translate3d(0,-50%,0);-webkit-transition:visibility 0s linear 666ms,opacity 666ms cubic-bezier(.237,0,.237,1),-webkit-transform 666ms cubic-bezier(.237,0,.237,1);transition:visibility 0s linear 666ms,opacity 666ms cubic-bezier(.237,0,.237,1),-webkit-transform 666ms cubic-bezier(.237,0,.237,1);transition:visibility 0s linear 666ms,opacity 666ms cubic-bezier(.237,0,.237,1),transform 666ms cubic-bezier(.237,0,.237,1);transition:visibility 0s linear 666ms,opacity 666ms cubic-bezier(.237,0,.237,1),transform 666ms cubic-bezier(.237,0,.237,1),-webkit-transform 666ms cubic-bezier(.237,0,.237,1)}nav #nav-inner #xxx span{position:absolute;top:50%;left:50%;width:18px;height:18px;border:2px solid #fc0;border-radius:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}nav #nav-inner #xxx span:after,nav #nav-inner #xxx span:before{content:'';position:absolute;top:50%;left:50%;width:2px;height:10px;background-color:#fc0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:rotate(45deg) translate(-50%,-50%);transform:rotate(45deg) translate(-50%,-50%)}nav #nav-inner #xxx span:after{width:10px;height:2px}nav #nav-inner ul#pagination{position:absolute;top:50%;left:0;width:100%;opacity:1;visibility:visible;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scale(1) translate3d(0,-50%,0);transform:scale(1) translate3d(0,-50%,0);-webkit-transition:visibility 0s linear 666ms,opacity 666ms cubic-bezier(.237,0,.237,1) 666ms,-webkit-transform 666ms cubic-bezier(.237,0,.237,1) 666ms;transition:visibility 0s linear 666ms,opacity 666ms cubic-bezier(.237,0,.237,1) 666ms,-webkit-transform 666ms cubic-bezier(.237,0,.237,1) 666ms;transition:visibility 0s linear 666ms,opacity 666ms cubic-bezier(.237,0,.237,1) 666ms,transform 666ms cubic-bezier(.237,0,.237,1) 666ms;transition:visibility 0s linear 666ms,opacity 666ms cubic-bezier(.237,0,.237,1) 666ms,transform 666ms cubic-bezier(.237,0,.237,1) 666ms,-webkit-transform 666ms cubic-bezier(.237,0,.237,1) 666ms}nav #nav-inner ul#pagination li{position:relative;width:100%;height:20px;cursor:pointer}nav #nav-inner ul#pagination li:after,nav #nav-inner ul#pagination li:before{content:'';position:absolute;top:50%;left:50%;width:4px;height:4px;background-color:#fc0;border-radius:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}nav #nav-inner ul#pagination li:after{background-color:transparent;width:8px;height:8px;border:1px solid #fc0;opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scale(1.5) translate(-50%,-50%);transform:scale(1.5) translate(-50%,-50%);-webkit-transition:opacity 666ms cubic-bezier(.237,0,.237,1),-webkit-transform 666ms cubic-bezier(.237,0,.237,1);transition:opacity 666ms cubic-bezier(.237,0,.237,1),-webkit-transform 666ms cubic-bezier(.237,0,.237,1);transition:opacity 666ms cubic-bezier(.237,0,.237,1),transform 666ms cubic-bezier(.237,0,.237,1);transition:opacity 666ms cubic-bezier(.237,0,.237,1),transform 666ms cubic-bezier(.237,0,.237,1),-webkit-transform 666ms cubic-bezier(.237,0,.237,1)}nav #nav-inner ul#pagination li.active{cursor:default}nav #nav-inner ul#pagination li.active:after{opacity:1;-webkit-transform:scale(1) translate(-50%,-50%);transform:scale(1) translate(-50%,-50%)}nav #nav-inner h1#logo{top:8px}nav #nav-inner h1#logo svg{position:absolute;top:0;left:0;width:100%;height:100%;fill:#fc0;-webkit-transform:scale(.6);transform:scale(.6)}nav #nav-inner.flip #xxx{opacity:1;visibility:visible;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scale(1) translate3d(0,-50%,0);transform:scale(1) translate3d(0,-50%,0);-webkit-transition:visibility 0s linear 666ms,opacity 666ms cubic-bezier(.237,0,.237,1) 666ms,-webkit-transform 666ms cubic-bezier(.237,0,.237,1) 666ms;transition:visibility 0s linear 666ms,opacity 666ms cubic-bezier(.237,0,.237,1) 666ms,-webkit-transform 666ms cubic-bezier(.237,0,.237,1) 666ms;transition:visibility 0s linear 666ms,opacity 666ms cubic-bezier(.237,0,.237,1) 666ms,transform 666ms cubic-bezier(.237,0,.237,1) 666ms;transition:visibility 0s linear 666ms,opacity 666ms cubic-bezier(.237,0,.237,1) 666ms,transform 666ms cubic-bezier(.237,0,.237,1) 666ms,-webkit-transform 666ms cubic-bezier(.237,0,.237,1) 666ms}nav #nav-inner.flip ul#pagination{opacity:0;visibility:hidden;-webkit-transform:scale(.8) translate3d(0,-50%,0);transform:scale(.8) translate3d(0,-50%,0);-webkit-transition:visibility 0s linear 666ms,opacity 666ms cubic-bezier(.237,0,.237,1),-webkit-transform 666ms cubic-bezier(.237,0,.237,1);transition:visibility 0s linear 666ms,opacity 666ms cubic-bezier(.237,0,.237,1),-webkit-transform 666ms cubic-bezier(.237,0,.237,1);transition:visibility 0s linear 666ms,opacity 666ms cubic-bezier(.237,0,.237,1),transform 666ms cubic-bezier(.237,0,.237,1);transition:visibility 0s linear 666ms,opacity 666ms cubic-bezier(.237,0,.237,1),transform 666ms cubic-bezier(.237,0,.237,1),-webkit-transform 666ms cubic-bezier(.237,0,.237,1)}nav.hidden #nav-inner{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);-webkit-transition:none;transition:none}@media all and (min-height:540px) and (min-width:666px){nav{width:80px}nav #nav-inner #xxx{height:80px}nav #nav-inner #xxx span{width:36px;height:36px;border:4px solid #fc0}nav #nav-inner #xxx span:after,nav #nav-inner #xxx span:before{width:4px;height:20px}nav #nav-inner #xxx span:after{width:20px;height:4px}nav #nav-inner ul#pagination li{height:40px}nav #nav-inner ul#pagination li:before{width:8px;height:8px}nav #nav-inner ul#pagination li:after{width:14px;height:14px;border:2px solid #fc0}nav #nav-inner h1#logo{top:16px;height:80px}}html.cool-clicks nav #nav-inner ul#pagination li:hover:after{opacity:1;-webkit-transform:scale(1) translate(-50%,-50%);transform:scale(1) translate(-50%,-50%)}#sections{position:absolute;top:0;left:40px;height:100%}#sections #sections-inner{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:-webkit-transform 666ms cubic-bezier(.237,0,.237,1);transition:-webkit-transform 666ms cubic-bezier(.237,0,.237,1);transition:transform 666ms cubic-bezier(.237,0,.237,1);transition:transform 666ms cubic-bezier(.237,0,.237,1),-webkit-transform 666ms cubic-bezier(.237,0,.237,1)}#sections section{position:relative;width:100%;height:100%;overflow:hidden}#sections section .section-inner{position:absolute;top:0;left:0;width:100%;height:100%;border-top:4px solid #000;border-bottom:4px solid #000;box-sizing:border-box;overflow:hidden}#sections section #info-zone{position:absolute;top:4px;left:0;right:0;bottom:4px;overflow:hidden;-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}#sections section #info-zone #bg{position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:50% 100%;background-size:cover;opacity:.3}#sections section #info-zone #copy{position:absolute;top:50%;left:16px;right:16px;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}#sections section #info-zone #copy ul{margin-top:20px}#sections section #info-zone #copy ul:first-child{margin-top:0}#sections section #info-zone #copy p{width:100%;max-width:360px;color:#fff}#sections section #info-zone footer{position:absolute;bottom:0;left:16px;right:16px;height:40px}#sections section #info-zone footer p{position:absolute;top:50%;left:0;color:#fff;font-size:7px;line-height:10px;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}#sections section #info-zone footer p a{color:#fff;font-weight:400;opacity:.4}#sections.show section .project{visibility:visible;opacity:1;-webkit-transition:visibility 0s linear 666ms,opacity 666ms cubic-bezier(.237,0,.237,1) 666ms;transition:visibility 0s linear 666ms,opacity 666ms cubic-bezier(.237,0,.237,1) 666ms}#sections.show section .project .project-inner{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:-webkit-transform 666ms cubic-bezier(.237,0,.237,1) 666ms;transition:-webkit-transform 666ms cubic-bezier(.237,0,.237,1) 666ms;transition:transform 666ms cubic-bezier(.237,0,.237,1) 666ms;transition:transform 666ms cubic-bezier(.237,0,.237,1) 666ms,-webkit-transform 666ms cubic-bezier(.237,0,.237,1) 666ms}#sections.hidden section .project .project-inner h2{opacity:0;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);-webkit-transition:none;transition:none}@media all and (min-height:540px) and (min-width:666px){#sections{left:80px;right:16px}#sections section .section-inner{border-top:8px solid #000;border-bottom:8px solid #000}#sections section #info-zone{top:8px;bottom:8px}#sections section #info-zone #copy{left:32px;right:32px}#sections section #info-zone #copy ul{margin-top:40px}#sections section #info-zone #copy ul:first-child{margin-top:0}#sections section #info-zone #copy p{max-width:666px}#sections section #info-zone footer{left:32px;right:32px;height:80px}#sections section #info-zone footer p{font-size:9px;line-height:14px}}html.cool-clicks #sections section .project:not(.active):hover .project-inner .project-scroller ul{opacity:1}#detail{position:absolute;top:0;left:40px;height:100%;visibility:hidden;opacity:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:visibility 0s linear 666ms,opacity 666ms cubic-bezier(.237,0,.237,1);transition:visibility 0s linear 666ms,opacity 666ms cubic-bezier(.237,0,.237,1)}#detail #detail-inner{position:absolute;top:0;left:0;width:100%;height:100%;border-top:4px solid #000;border-bottom:4px solid #000;box-sizing:border-box;overflow:hidden}#detail #project-holder{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}#detail .project{top:50%;height:100%;cursor:default;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}#detail .project .project-inner{padding:0;-webkit-transform:translate3d(0,-25%,0);transform:translate3d(0,-25%,0);-webkit-transition:-webkit-transform 666ms cubic-bezier(.237,0,.237,1);transition:-webkit-transform 666ms cubic-bezier(.237,0,.237,1);transition:transform 666ms cubic-bezier(.237,0,.237,1);transition:transform 666ms cubic-bezier(.237,0,.237,1),-webkit-transform 666ms cubic-bezier(.237,0,.237,1)}#detail .project .project-inner .project-scroller{overflow-x:scroll;overflow-y:hidden;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-overflow-scrolling:touch}#detail .project .project-inner .project-scroller ul{opacity:1}#detail .project .project-inner .project-scroller ul li img{top:50%;height:50%;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}#detail .project .project-inner .project-scroller ul li .video-holder{position:absolute;top:50%;left:0;width:100%;height:50%;cursor:pointer;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);display:block}#detail .project .project-inner .project-scroller ul li .video-holder .play-btn{position:absolute;top:50%;left:50%;width:40px;height:40px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#detail .project .project-inner .project-scroller ul li .video-holder .play-btn:before{content:'';position:absolute;top:50%;left:50%;width:18px;height:18px;border:2px solid #fff;border-radius:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#detail .project .project-inner .project-scroller ul li .video-holder .play-btn:after{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid #fff;-webkit-transform:translate(-2px,-50%);transform:translate(-2px,-50%)}#detail .project .project-inner .project-scroller ul li .video-holder .iframe-holder{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;visibility:hidden;opacity:0;-webkit-transition:visibility 0s linear 666ms,opacity 666ms cubic-bezier(.237,0,.237,1);transition:visibility 0s linear 666ms,opacity 666ms cubic-bezier(.237,0,.237,1)}#detail.show,#detail.show .project{visibility:visible;opacity:1}#detail .project .project-inner .project-scroller ul li .video-holder .iframe-holder iframe{position:absolute;top:0;left:0;width:100%;height:100%}#detail .project .project-inner .project-scroller ul li .video-holder.playing{cursor:default}#detail .project .project-inner .project-scroller ul li .video-holder.playing .iframe-holder{visibility:visible;opacity:1;-webkit-transition:visibility 0s linear,opacity 666ms cubic-bezier(.237,0,.237,1);transition:visibility 0s linear,opacity 666ms cubic-bezier(.237,0,.237,1)}#detail .project .project-inner .project-scroller ul li .caption{position:absolute;top:75%;left:0;right:0;height:40px;display:block}#detail .project .project-inner .project-scroller ul li .caption p{position:absolute;top:50%;left:16px;right:16px;font-weight:700;line-height:1em;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}#detail .project .project-inner .project-scroller ul li .caption p a,#detail .project .project-inner .project-scroller ul li .caption p span{position:relative;height:100%;padding-right:16px;display:inline-block}#detail .project .project-inner .project-scroller ul li.video-item:after,#fallback{display:none}#detail .project .project-inner .project-scroller ul li .caption p a svg{position:absolute;top:50%;right:0;width:10px;height:10px;margin-top:-5px;fill:#fc0}#detail .project .project-inner .project-scroller ul li .caption p span:before{content:'';position:absolute;top:50%;right:0;width:12px;height:1px;background-color:#fff}#detail .project .project-inner .loading-bar span.fill{top:50%;height:50%;-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transform:translate3d(-100%,-50%,0);transform:translate3d(-100%,-50%,0)}#detail #detail-header{position:absolute;top:8px;left:0;width:100%;height:40px;overflow:hidden}#detail #detail-header h2{position:absolute;top:50%;left:16px;opacity:0;-webkit-transform:scale(.8) translate3d(0,-50%,0);transform:scale(.8) translate3d(0,-50%,0);-webkit-transition:opacity 666ms cubic-bezier(.237,0,.237,1),-webkit-transform 666ms cubic-bezier(.237,0,.237,1);transition:opacity 666ms cubic-bezier(.237,0,.237,1),-webkit-transform 666ms cubic-bezier(.237,0,.237,1);transition:opacity 666ms cubic-bezier(.237,0,.237,1),transform 666ms cubic-bezier(.237,0,.237,1);transition:opacity 666ms cubic-bezier(.237,0,.237,1),transform 666ms cubic-bezier(.237,0,.237,1),-webkit-transform 666ms cubic-bezier(.237,0,.237,1)}#detail.show{-webkit-transition:visibility 0s linear 666ms,opacity 666ms cubic-bezier(.237,0,.237,1) 666ms;transition:visibility 0s linear 666ms,opacity 666ms cubic-bezier(.237,0,.237,1) 666ms}#detail.show .project .project-inner{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:-webkit-transform 666ms cubic-bezier(.237,0,.237,1) 666ms;transition:-webkit-transform 666ms cubic-bezier(.237,0,.237,1) 666ms;transition:transform 666ms cubic-bezier(.237,0,.237,1) 666ms;transition:transform 666ms cubic-bezier(.237,0,.237,1) 666ms,-webkit-transform 666ms cubic-bezier(.237,0,.237,1) 666ms}#detail.show-meta #detail-header h2{opacity:1;-webkit-transform:scale(1) translate3d(0,-50%,0);transform:scale(1) translate3d(0,-50%,0);-webkit-transition:opacity 666ms cubic-bezier(.237,0,.237,1) 666ms,-webkit-transform 666ms cubic-bezier(.237,0,.237,1) 666ms;transition:opacity 666ms cubic-bezier(.237,0,.237,1) 666ms,-webkit-transform 666ms cubic-bezier(.237,0,.237,1) 666ms;transition:opacity 666ms cubic-bezier(.237,0,.237,1) 666ms,transform 666ms cubic-bezier(.237,0,.237,1) 666ms;transition:opacity 666ms cubic-bezier(.237,0,.237,1) 666ms,transform 666ms cubic-bezier(.237,0,.237,1) 666ms,-webkit-transform 666ms cubic-bezier(.237,0,.237,1) 666ms}#detail.show-meta .project .project-inner h2{opacity:0}#detail.hidden #detail-header h2{opacity:0;-webkit-transform:scale(.8) translate3d(0,-50%,0);transform:scale(.8) translate3d(0,-50%,0);-webkit-transition:none;transition:none}#detail.hidden .project .project-inner h2{opacity:0;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);-webkit-transition:none;transition:none}@media all and (min-height:540px) and (min-width:666px){#detail{left:80px;right:16px}#detail #detail-header h2,#detail .project .project-inner .project-scroller ul li .caption p{left:32px}#detail #detail-inner{border-top:8px solid #000;border-bottom:8px solid #000}#detail #detail-header{top:16px;height:80px}#detail .project .project-inner .project-scroller ul li .video-holder .play-btn{width:80px;height:80px}#detail .project .project-inner .project-scroller ul li .video-holder .play-btn:before{width:36px;height:36px;border:4px solid #fff}#detail .project .project-inner .project-scroller ul li .video-holder .play-btn:after{border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid #fff;-webkit-transform:translate(-4px,-50%);transform:translate(-4px,-50%)}#detail .project .project-inner .project-scroller ul li .caption{height:80px}#detail .project .project-inner .project-scroller ul li .caption:before{width:16px}#detail .project .project-inner .project-scroller ul li .caption p a,#detail .project .project-inner .project-scroller ul li .caption p span{padding-right:32px}#detail .project .project-inner .project-scroller ul li .caption p a svg{width:16px;height:16px;margin-top:-8px}#detail .project .project-inner .project-scroller ul li .caption p span:before{width:24px}}#fallback{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;overflow:hidden}#fallback .table{width:100%;height:100%;display:table}#fallback .table-cell{vertical-align:middle;display:table-cell}#fallback .content{width:100%;max-width:440px;margin:0 auto}#fallback .content-inner{margin:0 16px;padding:32px 0;text-align:center}#fallback .content-inner img{width:100px;height:auto;vertical-align:middle;display:inline-block}#fallback .content-inner p{margin-top:32px;font-size:14px;line-height:20px}#fallback .content-inner a{color:#fc0;font-weight:400;text-decoration:underline}#fallback .no-js-copy,#fallback .weak-copy,html.no-cssanimations #wrapper,html.no-csstransforms #wrapper,html.no-csstransitions #wrapper,html.no-js #wrapper,html.weak #wrapper{display:none}html.no-cssanimations #fallback,html.no-csstransforms #fallback,html.no-csstransitions #fallback,html.no-js #fallback,html.weak #fallback{display:block}html.no-cssanimations #fallback .no-js-copy,html.no-csstransforms #fallback .no-js-copy,html.no-csstransitions #fallback .no-js-copy,html.no-js #fallback .no-js-copy,html.weak #fallback .no-js-copy{display:none}html.no-cssanimations #fallback .weak-copy,html.no-csstransforms #fallback .weak-copy,html.no-csstransitions #fallback .weak-copy,html.no-js #fallback .weak-copy,html.weak #fallback .weak-copy{display:block}html.no-js #fallback .weak-copy{display:none}html.no-js #fallback .no-js-copy{display:block}