@import url("https://fonts.googleapis.com/css?family=Cormorant+Garamond:200,500|Karla:400,700");article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block;}audio,canvas,progress,video{display:inline-block;vertical-align:baseline;}audio:not([controls]){display:none;height:0;}[hidden],template{display:none;}a{background-color:transparent;}a:active,a:hover{outline:0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}h1{font-size:2em;margin:0.67em 0;}mark{background:#ff0;color:#000;}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;}figure{margin:1em 40px;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}pre{overflow:auto;}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em;}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;}button{overflow:visible;}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;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}input{line-height:normal;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto;}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;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}textarea{overflow:auto;}optgroup{font-weight:bold;}table{border-collapse:collapse;border-spacing:0;}td,th{padding:0;}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}html{font-size:10px;-webkit-tap-highlight-color:transparent;}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333333;background-color:#ffffff;}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;}a{color:#428bca;text-decoration:none;}figure{margin:0;}img{vertical-align:middle;}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eeeeee;}ul,ol{padding:0;margin:0;}.clearfix:before,#main-nav:before,#project-container .project-header:before,.row:before,.clearfix:after,#main-nav:after,#project-container .project-header:after,.row:after{content:" ";display:table;}.clearfix:after,#main-nav:after,#project-container .project-header:after,.row:after{clear:both;}body{background:#F0F4F8;font-family:'Karla',sans-serif;overflow-x:hidden;font-size:17px;line-height:25px;}html,body{min-height:100%;overflow-x:hidden;}main{padding-bottom:80px;min-height:100vh;position:relative;width:100%;}h1,h2,h3,h4,h5{font-family:'Cormorant Garamond',serif;font-weight:300;color:#000;}h1,h2,h4{font-weight:400;font-size:42px;}a{color:inherit;}a:hover{border-bottom:1px solid;}#main-nav{font-weight:bold;text-transform:uppercase;font-size:17px;padding:50px 0 0;color:rgba(57,77,90,0.3);position:fixed;width:100%;top:0;z-index:1;}#main-nav a{color:#000;border-bottom:1px solid transparent;-webkit-transition:0.8s cubic-bezier(0.71,0.465,0,0.995);-moz-transition:0.8s cubic-bezier(0.71,0.465,0,0.995);-o-transition:0.8s cubic-bezier(0.71,0.465,0,0.995);-ms-transition:0.8s cubic-bezier(0.71,0.465,0,0.995);transition:0.8s cubic-bezier(0.71,0.465,0,0.995);}#main-nav a:hover{border-bottom:1px solid #000;}#main-nav .logo-container{float:left;display:block;width:50%;}#main-nav ul{list-style:none;width:50%;float:left;text-align:justify;}#main-nav ul:after{content:"";display:inline-block;width:100%;}#main-nav ul li{display:inline-block;}.container{margin:0 auto;padding:0 3%;}.project-list{list-style:decimal;font-weight:300;font-size:24px;color:#aaa;padding:390px 0 0 calc(3% + 25px);max-width:570px;background:#F0F4F8;}.project-list li{margin-bottom:50px;-webkit-transition:0.5s cubic-bezier(0.71,0.465,0,0.995);-moz-transition:0.5s cubic-bezier(0.71,0.465,0,0.995);-o-transition:0.5s cubic-bezier(0.71,0.465,0,0.995);-ms-transition:0.5s cubic-bezier(0.71,0.465,0,0.995);transition:0.5s cubic-bezier(0.71,0.465,0,0.995);}.project-list a{color:#000000;border-bottom:1px solid transparent;-webkit-transition:0.1s ease-out;-moz-transition:0.1s ease-out;-o-transition:0.1s ease-out;-ms-transition:0.1s ease-out;transition:0.1s ease-out;text-shadow:1px 2px #F0F4F8,1px 3px #F0F4F8,2px 0px 0 #F0F4F8,-3px 1px 0 #F0F4F8;}.project-list a:hover{border-bottom:1px solid #000;-webkit-transition:1s ease-in-out;-moz-transition:1s ease-in-out;-o-transition:1s ease-in-out;-ms-transition:1s ease-in-out;transition:1s ease-in-out;}.project-list h2{margin:0;font-size:82px;line-height:82px;display:inline;}.closer{cursor:pointer;}body,.project-list{-webkit-transition:0.5s cubic-bezier(0.71,0.465,0,0.995);-moz-transition:0.5s cubic-bezier(0.71,0.465,0,0.995);-o-transition:0.5s cubic-bezier(0.71,0.465,0,0.995);-ms-transition:0.5s cubic-bezier(0.71,0.465,0,0.995);transition:0.5s cubic-bezier(0.71,0.465,0,0.995);}body.page-open{background:#dbe1e6;}body.page-open #project-container{left:20%;position:absolute;}body.page-open .loaded .project-wrapper{opacity:1;}body.page-open .project-list{background:#dbe1e6;}body.page-open .project-list li{opacity:0.3;pointer-events:none;}body.page-open .project-list li a{text-shadow:1px 2px #dbe1e6,1px 3px #dbe1e6,2px 0px 0 #dbe1e6,-3px 1px 0 #dbe1e6;}#project-container{width:80%;position:absolute;-webkit-transition:1s cubic-bezier(0.71,0.465,0,0.995);-moz-transition:1s cubic-bezier(0.71,0.465,0,0.995);-o-transition:1s cubic-bezier(0.71,0.465,0,0.995);-ms-transition:1s cubic-bezier(0.71,0.465,0,0.995);transition:1s cubic-bezier(0.71,0.465,0,0.995);padding:135px 5%;left:110%;top:0;background-color:#fff;min-height:100%;box-shadow:-5px 0 25px rgba(0,0,0,0.3);color:#B2B2B2;}#project-container p{max-width:800px;}#project-container .project-header > h1,#project-container .project-header > p{color:#000;margin:30px 0 100px;float:left;padding-right:8px;}#project-container .project-header .project-text{column-count:1;-webkit-column-count:1;-moz-column-count:1;margin-bottom:100px;width:100%;color:#000;}@media screen and (min-width:800px){#project-container .project-header .project-text{column-count:2;-webkit-column-count:2;-moz-column-count:2;}}#project-container .project-header h1{line-height:35px;width:50%;}#project-container .project-header > p{width:50%;}#project-container figure{margin-bottom:100px;}#project-container figcaption{padding:12px 8px 0 50%;}#project-container a{border-bottom:1px solid;-webkit-transition:0.2s;-moz-transition:0.2s;-o-transition:0.2s;-ms-transition:0.2s;transition:0.2s;}#project-container a:hover{color:#7f7f7f;}#project-container img{max-width:100%;}.preloader{padding:100px;text-align:center;font-size:30px;color:#000;font-family:'Cormorant Garamond',serif;}.preloader-el{-webkit-animation:fade-in-out infinite 1.5s linear;-moz-animation:fade-in-out infinite 1.5s linear;-ms-animation:fade-in-out infinite 1.5s linear;-o-animation:fade-in-out infinite 1.5s linear;animation:fade-in-out infinite 1.5s linear;display:block;}@-webkit-keyframes fade-in-out{0%{opacity:0;}50%{opacity:1;}100%{opacity:0;}}@keyframes fade-in-out{0%{opacity:0;}50%{opacity:1;}100%{opacity:0;}}.project-wrapper{opacity:0;max-width:1010px;-webkit-transition:0.6s cubic-bezier(0.71,0.465,0,0.995);-moz-transition:0.6s cubic-bezier(0.71,0.465,0,0.995);-o-transition:0.6s cubic-bezier(0.71,0.465,0,0.995);-ms-transition:0.6s cubic-bezier(0.71,0.465,0,0.995);transition:0.6s cubic-bezier(0.71,0.465,0,0.995);}.date{color:#97AAAE;float:left;width:10%;min-width:55px;}.block{float:left;width:90%;}.block p{margin-top:0;}.embed-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;}.embed-container iframe,.embed-container object,.embed-container embed{position:absolute;top:0;left:0;width:100%;height:100%;}@media screen and (max-width:800px){#main-nav{padding:20px 10px 0;}body.page-open #project-container{left:0;position:absolute;}#project-container{width:100%;padding:65px 20px;}.project-list{padding-top:310px;}.project-list li{margin-bottom:25px;}.project-list h2{font-size:52px;line-height:62px;}}