@font-face{font-family:"avenir_lt_std35_light";src:url("avenirltstd-light-webfont.eot");src:url("avenirltstd-light-webfont.eot?#iefix") format("embedded-opentype"),url("avenirltstd-light-webfont.woff") format("woff"),url("avenirltstd-light-webfont.ttf") format("truetype");font-weight:normal;font-style:normal}@font-face{font-family:"librebaskervilleregular";src:url("LibreBaskerville-Regular.eot");src:url("LibreBaskerville-Regular.eot?#iefix") format("embedded-opentype"),url("LibreBaskerville-Regular.woff") format("woff"),url("LibreBaskerville-Regular.ttf") format("truetype"),url("LibreBaskerville-Regular.svg#4355149723c66552092252d98830bbee") format("svg");font-style:normal;font-weight:400}@font-face{font-family:"avenir_lt_med";src:url("avenirltstd-medium-webfont.eot");src:url("avenirltstd-medium-webfont.eot?#iefix") format("embedded-opentype"),url("avenirltstd-medium-webfont.woff") format("woff"),url("avenirltstd-medium-webfont.ttf") format("truetype");font-weight:normal;font-style:normal}.title{-webkit-font-smoothing:antialiased}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a{background:transparent}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:0.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#000;color:#000}code,kbd,pre,samp{font-family:monospace, serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}.icon-arrow-down{background-image:url(../images/sprite.png);background-position:-16px -11px;width:5px;height:3px}.icon-arrow-next{background-image:url(../images/sprite.png);background-position:-11px 0px;width:14px;height:5px}.icon-arrow-prev{background-image:url(../images/sprite.png);background-position:0px -11px;width:14px;height:5px}.icon-close{background-image:url(../images/sprite.png);background-position:0px 0px;width:9px;height:9px}html,body{width:100%;height:100%;background-color:#000000;color:white}html{overflow-y:scroll}h1,h2,h3,h4,h5{margin:0;padding:0;font-weight:normal}ul{margin:0;padding:0}li{list-style:none}p{margin:0}a{text-decoration:none;color:white;outline:0}a:hover,a:visited{color:white}::selection{background:#000000;color:#000000}::-moz-selection{background:#b2b2b2;color:#fff}#container{height:100%}.hidden{display:none !important}.menu .menu-item,#menu-footer .menu-item{display:inline-block;margin:0 20px;font-family:"avenir_lt_med";font-size:12px;letter-spacing:0.1em}.menu .menu-item a,#menu-footer .menu-item a{color:white}.menu .menu-item a div,#menu-footer .menu-item a div{height:1px;background-color:white;opacity:0.001;-webkit-transition:all 0.5s cubic-bezier(0.77, 0, 0.175, 1);transition:all 0.5s cubic-bezier(0.77, 0, 0.175, 1);-webkit-transform:scale(0.5, 1) translate3d(0, 0, 1px);-ms-transform:scale(0.5, 1) translate3d(0, 0, 1px);transform:scale(0.5, 1) translate3d(0, 0, 1px)}.menu .menu-item a.active div,.menu .menu-item a:hover div,#menu-footer .menu-item a.active div,#menu-footer .menu-item a:hover div{opacity:1;-webkit-transition:all 0;transition:all 0;-webkit-transform:scale(1, 1) translate3d(0, 0, 1px);-ms-transform:scale(1, 1) translate3d(0, 0, 1px);transform:scale(1, 1) translate3d(0, 0, 1px)}.btn{-webkit-border-radius:2px;-moz-border-radius:2px;-khtml-border-radius:2px;border-radius:2px;font-size:12px;height:33px;letter-spacing:0.1em;line-height:33px;font-family:"avenir_lt_med";border:2px solid white;cursor:pointer;overflow:hidden;-webkit-transition:all 200ms cubic-bezier(0.165, 0.84, 0.44, 1);transition:all 200ms cubic-bezier(0.165, 0.84, 0.44, 1);-webkit-box-shadow:inset 0px 0px 0px 0px #fff;box-shadow:inset 0px 0px 0px 0px #fff}.btn:hover{-webkit-box-shadow:inset 0px 0px 0px 2px #fff;box-shadow:inset 0px 0px 0px 2px #fff}.b-right,.b-bottom,.b-left,.b-top{position:absolute;z-index:5}.b-right,.b-left{height:100%}.b-top,.b-bottom{width:100%}.b-right{right:-1px;-webkit-transform-origin:100% 50%;-moz-transform-origin:100% 50%;transform-origin:100% 50%}.b-bottom{bottom:-1px;-webkit-transform-origin:50% 100%;-moz-transform-origin:50% 100%;transform-origin:50% 100%}.b-left{left:-1px;-webkit-transform-origin:0% 50%;-moz-transform-origin:0% 50%;transform-origin:0% 50%}.b-top{top:-1px;-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;transform-origin:50% 0}#header{color:white;text-align:center}#header .buttons{position:fixed;z-index:106;top:60px;left:0;margin:0 auto;display:inline-block;width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}#header .buttons li{width:96px;display:inline-block;vertical-align:top;margin:0 10px}#header .buttons li a{width:100%;height:100%;display:inline-block}#header nav{display:table;position:fixed;z-index:100;top:0;width:100%;height:100%;display:none}#header nav .background{width:100%;height:100%;position:absolute;background-color:#010101;opacity:0}#header #menu-footer{position:fixed;z-index:100;bottom:80px;width:100%;display:none}#menu-main li{padding:0 50px}#projects header ul,

#menu-main{position:relative;display:table-cell;vertical-align:middle;font-size:50px;text-decoration:none;text-align:center;font-family:"librebaskervilleregular";-webkit-font-smoothing:antialiased;letter-spacing:0.1em;white-space:pre-line;line-height:0}



#menu-main-menu{position:relative;vertical-align:middle;font-size:14px;text-align:center;font-family:"librebaskervilleregular";-webkit-font-smoothing:antialiased;letter-spacing:0.1em;white-space:pre-line;line-height:2;}

#projects header ul li,#menu-main li{display:block;white-space:nowrap;line-height:100%;margin:8px 0}#projects header ul li div,#menu-main li div{height:2px;background-color:white;margin-top:-6px;pointer-events:none;opacity:0;-webkit-transition:all 0.5s cubic-bezier(0.77, 0, 0.175, 1);transition:all 0.5s cubic-bezier(0.77, 0, 0.175, 1);-webkit-transform:scale(0.2, 1) translate3d(0, 0, 1px);-ms-transform:scale(0.2, 1) translate3d(0, 0, 1px);transform:scale(0.2, 1) translate3d(0, 0, 1px)}#projects header ul li a,#menu-main li a{opacity:0.6;display:inline-block;-webkit-transition:opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);transition:opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1)}#projects header ul li a.active,#projects header ul li a:hover,#menu-main li a.active,#menu-main li a:hover{opacity:1;-webkit-transition:opacity 0s;transition:opacity 0s}#projects header ul li a.active div,#projects header ul li a:hover div,#menu-main li a.active div,#menu-main li a:hover div{opacity:1;-webkit-transition:all 0;transition:all 0;-webkit-transform:scale(1, 1);-ms-transform:scale(1, 1);transform:scale(1, 1)}#projects{background-color:#000000;text-align:center;min-height:100%;width:100%}#projects header{width:100%;height:100%;overflow:hidden;position:fixed;z-index:99}#projects header .wrapper{display:table;width:100%;height:100%}#projects header .wrapper>.btn--scroll{display:block;font-size:12px;font-family:"avenir_lt_std35_light";letter-spacing:0.1em;position:absolute;bottom:60px;left:50%;z-index:2;margin-left:-95px;padding:0 20px;border:2px solid white;-webkit-border-radius:2px;-moz-border-radius:2px;-khtml-border-radius:2px;border-radius:2px;cursor:pointer}#projects header .wrapper>.btn--scroll span{display:inline-block;vertical-align:middle;margin:0 6px}#projects header .backgrounds{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}#projects header .backgrounds li{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;display:none;margin:0;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}#projects header .backgrounds li.active{display:block}#projects header ul{z-index:2;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}#projects .content .logo{position:fixed;z-index:98;top:50%;left:50%;margin-left:-205px;margin-top:-43px;pointer-events:none}#projects .menu{position:fixed;top:145px;z-index:2;left:50%}#projects .menu ul{position:relative;left:-50%;white-space:nowrap}#projects .cols{white-space:nowrap}#projects .cols .wrapper{padding:0 20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:fixed;left:50%;-webkit-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0);width:100%;max-width:1310px}#projects .cols .col{position:relative;display:inline-block;vertical-align:top;width:32.59843%}#projects .cols .col.left{margin:0 3.14961% 0 0}#projects .cols .col.right{margin:0 0 0 3.14961%}#projects .cols .col.center{margin:0 3.14961% 0 3.14961%;width:22.20472%}#projects .cols .col.center li{margin-bottom:100px}#projects .cols .col.center li h3{font-size:16px}#projects .cols .col .p-b{padding:0 8.69565%}#projects .cols .col .p-s{padding:0 13.82979%}#projects .cols .col li{margin-bottom:85px}#projects .cols .col li h3{margin-top:10px;font-size:30px;color:#000000;font-family:"librebaskervilleregular";-webkit-font-smoothing:antialiased}#projects .cols .col li .terms,#projects .cols .col li .more{margin:10px 0;font-size:10px;color:#000000;font-family:"avenir_lt_med";display:inline-block;letter-spacing:0.1em}#projects .cols .col li .terms div,#projects .cols .col li .more div{height:1px;background-color:#000000;opacity:0;-webkit-transition:all 0.8s cubic-bezier(0.77, 0, 0.175, 1);transition:all 0.8s cubic-bezier(0.77, 0, 0.175, 1);-webkit-transform:scale(0.5, 1) translate3d(0, 0, 1px);-ms-transform:scale(0.5, 1) translate3d(0, 0, 1px);transform:scale(0.5, 1) translate3d(0, 0, 1px)}#projects .cols .col li .terms{opacity:0;-webkit-transition:opacity 0.8s cubic-bezier(0.77, 0, 0.175, 1);transition:opacity 0.8s cubic-bezier(0.77, 0, 0.175, 1)}#projects .cols .col .pic-wrapper{position:relative;overflow:hidden}#projects .cols .col img{display:block;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}#projects .cols .col .b-right,#projects .cols .col .b-left{width:10px;-webkit-transform:scale(0, 1);-ms-transform:scale(0, 1);transform:scale(0, 1)}#projects .cols .col .b-top,#projects .cols .col .b-bottom{height:10px;-webkit-transform:scale(1, 0);-ms-transform:scale(1, 0);transform:scale(1, 0)}#projects .cols .col a{position:relative;display:block}#projects .cols .col a:hover .more div{opacity:1;-webkit-transition:all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);transition:all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);-webkit-transform:scale(1, 1) translate3d(0, 0, 1px);-ms-transform:scale(1, 1) translate3d(0, 0, 1px);transform:scale(1, 1) translate3d(0, 0, 1px)}#projects .cols .col a:hover .terms{opacity:1;-webkit-transition:opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);transition:opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1)}#projects .center img.main{position:absolute;left:0;top:0}#projects .left img.main,#projects .right img.main{position:absolute;left:0;top:0}#project-container{position:absolute;top:0;left:0}#loader,#transition{position:fixed;z-index:110;width:100%;height:100%;top:0;left:0}#loader .logo-wrapper,#transition .logo-wrapper{position:absolute;z-index:10;top:50%;left:50%;margin-left:-205px;margin-top:-43px;width:409px;height:86px}#loader .b-right,#loader .b-left,#transition .b-right,#transition .b-left{width:50.1%}#loader .b-top,#loader .b-bottom,#transition .b-top,#transition .b-bottom{height:50.1%}#loader .background,#transition .background{position:fixed;width:100%;height:100%;top:0;left:0;background-color:white}#loader .mask,#transition .mask{position:absolute;z-index:2;width:0%;height:100%;overflow:hidden;padding:0 5px;margin-left:-5px;-webkit-transition:width 200ms ease-out;transition:width 200ms ease-out;-webkit-transform:skew(-21deg, 0);-ms-transform:skew(-21deg, 0);transform:skew(-21deg, 0)}#loader .mask p,#transition .mask p{-webkit-transform:skew(21deg, 0);-ms-transform:skew(21deg, 0);transform:skew(21deg, 0)}#loader #logo-alpha,#transition #logo-alpha{position:absolute;z-index:1;opacity:0.2;top:0;left:0}#transition{display:none;pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}#project{background-color:#000000;text-align:center;min-height:100%;width:100%;display:none}#project .wrapper{position:fixed;width:100%;min-height:100%;left:50%;-webkit-transform:translate3d(-50%, 0, 0);-ms-transform:translate3d(-50%, 0, 0);transform:translate3d(-50%, 0, 0)}#project h1{padding-top:200px;font-family:"librebaskervilleregular",Verdana;-webkit-font-smoothing:antialiased;font-size:140px;display:inline-block;width:100%;margin-bottom:80px}#project h1 span{display:inline-block;border-bottom:2px solid white;line-height:136px;padding:0 20px}#project article{width:100%;padding:0 85px 50px 85px;max-width:1440px;margin:0 auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#project article img{width:100%;display:block;margin-bottom:150px}#project article img.last{margin-bottom:0}#project .slices-wrapper{position:relative;display:inline-block;overflow:hidden;width:100%}#project .slices{width:100%}#project .slices li{display:block;position:absolute;top:0;left:0;width:100%;overflow:hidden;-webkit-box-shadow:0px 0 10px rgba(0,0,0,0.7);box-shadow:0px 0 10px rgba(0,0,0,0.7)}#project .slices li.first{position:relative}#project .slices li .label{position:absolute;left:20px;bottom:15px;z-index:2;font-size:12px;font-family:"avenir_lt_med";letter-spacing:0.1em;white-space:nowrap;pointer-events:none;cursor:default}#project .slices li mark{position:absolute;right:0;display:block;background-color:transparent;width:30px;z-index:1;cursor:col-resize}#project .slices img{margin-bottom:0;cursor:pointer}#project .slices.opened img{cursor:default}#project .slicer-close{position:absolute;display:none;opacity:0;top:30px;left:50%;margin-left:-17px;z-index:1;width:33px;height:33px;border:2px solid white;-webkit-border-radius:2px;-moz-border-radius:2px;-khtml-border-radius:2px;border-radius:2px;line-height:33px;cursor:pointer;-webkit-transition:all 200ms cubic-bezier(0.165, 0.84, 0.44, 1);transition:all 200ms cubic-bezier(0.165, 0.84, 0.44, 1);-webkit-box-shadow:inset 0px 0px 0px 0px #fff;box-shadow:inset 0px 0px 0px 0px #fff}#project .slicer-close .icon{position:absolute;top:50%;left:50%;margin:-5px 0 0 -5px}#project .slicer-close:hover{-webkit-box-shadow:inset 0px 0px 0px 2px #fff;box-shadow:inset 0px 0px 0px 2px #fff}#project aside{top:0;position:fixed;z-index:2;width:100%;height:100%;display:none;opacity:0}#project aside .content{width:100%;position:fixed;z-index:2;left:0;padding:0 85px 50px 85px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#project aside .content p{margin:20px 0}#project aside .content .description,#project aside .content .date{margin:0 20px;max-width:550px;margin:0 auto}#project aside .content .description{margin-bottom:50px;text-align:center}#project aside .content .date{margin-bottom:40px}#project aside .background{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background-color:#010101}#about,#contact{min-height:100%;width:100%;position:absolute;top:0;text-align:center;background-color:#000000}#about .wrapper,#contact .wrapper{position:fixed;left:50%;-webkit-transform:translate3d(-50%, 0, 0);-ms-transform:translate3d(-50%, 0, 0);transform:translate3d(-50%, 0, 0)}#about h2,#contact h2{position:relative;z-index:2;font-size:107px;font-family:"librebaskervilleregular";-webkit-font-smoothing:antialiased;display:inline-block;margin:0 auto;border-bottom:2px solid white;line-height:120px}#about article,#contact article{position:relative;z-index:2;display:block;margin:0 auto;width:600px;font-size:16px;font-family:"avenir_lt_std35_light";letter-spacing:0.1em;padding-bottom:150px}#about article p,#contact article p{margin-bottom:20px}#about article a,#contact article a{border-bottom:1px solid white}#about article a:hover,#contact article a:hover{border-bottom:2px solid white}#about h2{padding-top:520px}#about .background{position:absolute;top:150px;left:50%;margin-left:-200px;z-index:0}#about article{margin-top:170px;text-align:justify}#contact h2{padding-top:200px}#contact article .small{margin-bottom:15px;margin-top:70px}#contact article p{font-family:"librebaskervilleregular";letter-spacing:0;font-size:20px;line-height:25px;margin-bottom:25px;-webkit-font-smoothing:antialiased}#contact article a{border-bottom:1px solid white}#contact article a:hover{border-bottom:2px solid white}.touch #projects header{position:absolute;top:0}.touch #projects .cols .wrapper{position:static;-webkit-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.touch #projects .cols .wrapper .col{padding-top:130%}.touch #projects .cols .wrapper .col.center{margin-top:80px}@media screen and (max-width: 1270px){#project h1{font-size:120px}#project h1 span{line-height:110px}#project article img{margin-bottom:100px}}@media screen and (max-width: 768px){#project h1{font-size:90px}#project h1 span{line-height:80px;padding:0 12px}#project article img,#project aside .content img{margin-bottom:80px}.logo img,.logo-wrapper img{-webkit-transform:scale(0.9, 0.9);-ms-transform:scale(0.9, 0.9);transform:scale(0.9, 0.9)}#projects header ul,#menu-main{font-size:48px}#projects .wrapper .col.center li{margin-bottom:60px}#projects .wrapper .col.center li h3{font-size:14px}#projects .wrapper .col li h3{font-size:18px}#about article{width:340px;margin-top:110px}#about img{width:300px;height:450px}#about h2{padding-top:450px;line-height:90px;font-size:86px}#about .background{margin-left:-150px}#contact article{width:340px}#contact h2{padding-top:150px;line-height:85px;font-size:80px}}@media screen and (max-width: 480px){#project h1{font-size:50px;padding-top:150px;margin-bottom:50px}#project h1 span{line-height:40px;padding:0 8px}#project article,#project aside .content{padding:0 45px 50px 45px}#project article img,#project aside .content img{margin-bottom:50px}#project .slices li .label{font-size:10px;left:10px;bottom:5px}.logo img,.logo-wrapper img{-webkit-transform:scale(0.7, 0.7);-ms-transform:scale(0.7, 0.7);transform:scale(0.7, 0.7)}#projects header ul,#menu-main{font-size:40px}#projects .menu,#projects .cols .more,#projects .cols .terms{display:none !important}#projects .wrapper .col.center li{margin-bottom:50px}#projects .wrapper .col.center li h3{font-size:10px}#projects .wrapper .col li h3{font-size:12px}#menu-footer .menu-item{margin:0 10px}}@media screen and (max-width: 320px){#header .buttons li{width:76px}#project h1{font-size:50px;padding-top:140px;margin-bottom:40px}#project h1 span{line-height:40px}#project article,#project aside .content{padding:0 35px 40px 35px}#project article img,#project aside .content img{margin-bottom:50px}.logo img,.logo-wrapper img{-webkit-transform:scale(0.5, 0.5);-ms-transform:scale(0.5, 0.5);transform:scale(0.5, 0.5)}#projects .wrapper .col.center li{margin-bottom:50px}#projects .wrapper .col.center li h3{font-size:12px}#projects .wrapper .col li h3{font-size:16px}#about article,#contact article{width:300px}#contact h2{padding-top:130px;font-size:60px}}
