#app{top:0;left:0;position:fixed;width:100vw;height:100vh;overflow:hidden;pointer-events:none;opacity:0;-webkit-transition:all 0.1s ease-in-out 0.3s;transition:all 0.1s ease-in-out 0.3s}.load-project-thumb #app,.load-project-thumb-with-title #app{opacity:1}.grid__item-img--large{pointer-events:none;position:fixed;opacity:0}.grid__item-hidden{pointer-events:none;position:fixed;opacity:0}#project-holder{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;pointer-events:none}#project-holder.open{pointer-events:initial}#showcase-height{position:relative;width:100vw;height:0}#project-holder #main,#project-holder #main-page-content{opacity:1}.thumb-container{visibility:hidden;height:100vh;width:100%;left:0;position:fixed;top:0;z-index:100;opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05);background-color:#161717}.thumb-page{cursor:pointer;position:absolute;height:100vh;width:100%;top:0;left:0;position:fixed;visibility:hidden;background-position:center center;background-size:cover;background-repeat:no-repeat}.thumb-page::after{content:"";width:100%;height:60%;position:absolute;bottom:0;left:0;pointer-events:none;background:-moz-linear-gradient(top,#fff0 0%,rgb(0 0 0 / .5) 100%);background:-webkit-linear-gradient(top,#fff0 0%,rgb(0 0 0 / .5) 100%);background:linear-gradient(to bottom,#fff0 0%,rgb(0 0 0 / .5) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#a6000000',GradientType=0)}#show-filters{font-weight:600;font-family:'Poppins',sans-serif;font-size:12px;color:#000;opacity:0;display:block;cursor:pointer;position:fixed;left:48px;bottom:30px;height:80px;width:80px;background:none;transform-origin:0 0;z-index:100;pointer-events:none}.light-content #show-filters{color:#fff}#show-filters.enabled{pointer-events:initial}.show-filters-wrap{width:80px;height:80px;float:right;top:0;display:flex;position:relative;justify-content:center;align-items:center;cursor:pointer}.open-filters{height:46px;width:46px;text-align:center;line-height:46px;font-size:16px;cursor:pointer;position:relative}#filters-overlay{position:fixed;z-index:15;height:100vh;width:100%;top:0;left:0;right:0;bottom:0;opacity:0;visibility:hidden;box-sizing:border-box;-webkit-transition:all 0.1s ease-in-out 0.6s;transition:all 0.1s ease-in-out 0.6s}#filters-overlay.active{opacity:1;visibility:visible;-webkit-transition:all 0.3s ease-in-out 0.2s;transition:all 0.3s ease-in-out 0.2s}#close-filters{position:fixed!important;height:100vh;width:100vw;top:0;left:0;right:0;bottom:0}#filters-overlay .outer{width:100%;margin:0 auto;padding:80px;padding-top:160px;box-sizing:border-box}#filters-overlay .inner{vertical-align:middle;position:relative;pointer-events:none;text-align:left}.filters-wrap{position:relative;width:100%;max-height:0;opacity:0;margin-top:100px;transition:all 0.6s cubic-bezier(.895,.03,.685,.22) 0.2s;-webkit-transition:all 0.6s cubic-bezier(.895,.03,.685,.22) 0.2s}.filters-wrap.active{opacity:1;max-height:100px;transition:all 1s cubic-bezier(.165,.84,.44,1);-webkit-transition:all 1s cubic-bezier(.165,.84,.44,1)}#filters{height:auto;z-index:15;position:relative;width:auto;display:inline-block;padding:0;pointer-events:initial;margin:0}#filters li{display:block;opacity:1;position:relative;margin:5px 0;opacity:0;text-align:left}#filters li a{display:inline-block;color:#000;font-weight:600;font-size:18px;line-height:30px;z-index:15;position:relative;-webkit-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out}.light-content #filters li a{color:#fff}#filters:hover li a{opacity:.4}#filters li a:hover{opacity:1}.isotope,.isotope .isotope-item{-webkit-transition-duration:1.8s;-moz-transition-duration:1.8s;-ms-transition-duration:1.8s;-o-transition-duration:1.8s;transition-duration:1.8s}.isotope{-webkit-transition-property:height,width;-moz-transition-property:height,width;-ms-transition-property:height,width;-o-transition-property:height,width;transition-property:height,width}.isotope .isotope-item{-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;-ms-transition-property:-ms-transform,opacity;-o-transition-property:-o-transform,opacity;transition-property:transform,opacity}.portfolio-wrap{position:relative;margin:0 auto;width:calc(100% - 240px);padding:0;box-sizing:border-box;min-height:50vh}.portfolio-wrap.ladder-grid{width:calc(100% - 300px)}.portfolio-wrap.metro-grid{width:calc(100% - 310px)}.scale-up .portfolio-wrap{pointer-events:none}.portfolio{position:relative;margin:0 auto;box-sizing:border-box;-webkit-transition:height 0.5s ease-out;transition:height 0.5s ease-out}.portfolio:after{content:"";display:table;clear:both}.scattered-grid .item{display:block;position:relative;box-sizing:border-box;z-index:0;margin:120px 80px;width:50%;height:45vw}.scattered-grid .item:nth-of-type(3n+1){width:calc(60% - 160px);margin:80px;height:28vw}.scattered-grid .item.tall:nth-of-type(6n+1){width:50%;margin-left:5%;margin-right:5%;height:45vw}.scattered-grid .item:nth-of-type(6n+2){width:calc(40% - 160px);margin-top:20vw;height:17vw}.scattered-grid .item:nth-of-type(6n+3){width:60%;margin-left:20%;height:32vw}.scattered-grid .item:nth-of-type(6n+4){width:calc(40% - 160px);margin:120px 80px;margin-top:20vw;height:17vw}.scattered-grid .item:nth-of-type(6n+5){width:calc(60% - 160px);margin:80px;height:28vw}.scattered-grid .item.tall:nth-of-type(6n+5){width:50%;margin:120px 5%;height:45vw}.scattered-grid .item:nth-of-type(6n+6){width:60%;margin-left:25%;height:32vw}.item-parallax{height:inherit}.item-appear{display:block;position:relative;box-sizing:border-box;z-index:0;width:100%;height:100%;overflow:hidden}.item-image::after{content:"";opacity:0;width:100%;height:60%;position:absolute;bottom:0;left:0;pointer-events:none;background:-moz-linear-gradient(top,#fff0 0%,rgb(0 0 0 / .5) 100%);background:-webkit-linear-gradient(top,#fff0 0%,rgb(0 0 0 / .5) 100%);background:linear-gradient(to bottom,#fff0 0%,rgb(0 0 0 / .5) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#a6000000',GradientType=0);-webkit-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out}.load-project-thumb .item-image::after{content:"";opacity:1;width:100%;height:60%;position:absolute;bottom:0;left:0;pointer-events:none;background:-moz-linear-gradient(top,#fff0 0%,rgb(0 0 0 / .5) 100%);background:-webkit-linear-gradient(top,#fff0 0%,rgb(0 0 0 / .5) 100%);background:linear-gradient(to bottom,#fff0 0%,rgb(0 0 0 / .5) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#a6000000',GradientType=0);-webkit-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out}.item-content{width:100%;height:100%;position:relative;opacity:0;-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-transition:all 1s cubic-bezier(.165,.84,.44,1) 0.2s;transition:all 1s cubic-bezier(.165,.84,.44,1) 0.2s}.item.active .item-content{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.item-wrap{width:100%;height:100%;position:absolute}.item-wrap-image{width:100%;height:100%;position:relative;z-index:0;overflow:hidden;-webkit-transform:scale(1.05);transform:scale(1.05);-webkit-transition:all 1s cubic-bezier(.165,.84,.44,1) 0s;transition:all 1s cubic-bezier(.165,.84,.44,1) 0s}.item:hover .item-appear .item-wrap-image,.above .item-wrap-image{-webkit-transform:scale(1);transform:scale(1)}.item-image{width:100%;height:100%;position:relative;display:block;z-index:100;cursor:pointer;object-position:center;object-fit:cover}.above.item{opacity:1!important}.item-caption{z-index:10;position:absolute;bottom:-120px;height:auto;padding:30px;box-sizing:border-box;width:100%;cursor:default;pointer-events:none;text-align:left;opacity:0;-webkit-transition:all 0.2s ease-out 0.4s;transition:all 0.2s ease-out 0.4s}.item.active .item-caption{opacity:1}.item-title{margin:0;font-weight:600;font-size:18px;transform:translateY(20px);-webkit-transform:translateY(20px);margin-left:-1px;display:block;position:relative;color:#000;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out}.light-content .item-title{color:#fff}.item:hover .item-title{-webkit-transform:translateY(10px);transform:translateY(10px)}.portfolio .item:first-child .item-title::after{content:"New";font-size:10px;position:absolute;font-weight:600;margin-left:10px;color:#FF1B0B;top:-8px}.item-cat{display:block;font-size:12px;font-weight:400;opacity:0;line-height:20px;overflow:hidden;-webkit-transform:translateY(30px);transform:translateY(15px);color:#000;-webkit-transition:all 0.1s ease-out;transition:all 0.1s ease-out}.light-content .item-cat{color:#fff}.item:hover .item-cat{-webkit-transform:translateY(5px);transform:translateY(5px);opacity:.5;-webkit-transition:all 0.1s ease-out 0.1s;transition:all 0.1s ease-out 0.1s}#project-nav{height:100vh;width:100vw;color:#000;position:absolute;margin-bottom:0;bottom:-100vh}.light-content #project-nav{color:#fff}.next-project-wrap{position:absolute;left:0;bottom:0;width:100%;height:100%;overflow:hidden;z-index:3}.next-project-image{position:fixed;top:60%;opacity:0;left:0;height:100vh;width:100%;overflow:hidden}.next-project-image-bg{position:absolute;top:0;left:0;height:100vh;width:100%;background-size:cover;background-position:center center;background-repeat:no-repeat;opacity:1;z-index:1;-webkit-transform:scale(.95);transform:scale(.95)}.next-project-image::after{content:"";width:100%;height:60%;position:absolute;bottom:0;left:0;pointer-events:none;opacity:.5;background:-moz-linear-gradient(top,#fff0 0%,rgb(0 0 0 / .5) 100%);background:-webkit-linear-gradient(top,#fff0 0%,rgb(0 0 0 / .5) 100%);background:linear-gradient(to bottom,#fff0 0%,rgb(0 0 0 / .5) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#a6000000',GradientType=0)}.layered-hero .next-project-image::after{opacity:0}.next-project-image-fg{position:absolute;top:0;left:0;height:100vh;width:100%;background-size:cover;background-position:center center;background-repeat:no-repeat;opacity:1;z-index:10;-webkit-transform:scale(.8);transform:scale(.8)}.next-project-title{display:table;width:100%;max-width:1280px;padding:80px 80px 240px 80px;margin:0 auto;height:100%;position:relative;box-sizing:border-box;opacity:0;top:-40%;z-index:10;-webkit-transform:scale(1.05);transform:scale(1.05)}.app-canvas .next-project-title{padding:0;max-width:none}.next-project-title .inner{vertical-align:bottom;text-align:left}.app-canvas .next-project-title .inner{vertical-align:middle}.main-title{display:block;width:auto;font-size:60px;line-height:70px;font-weight:500;z-index:10;color:#000;position:relative;margin:0 auto;margin-bottom:20px;margin-left:-3px}.light-content .main-title{color:#fff}.main-title span{background-image:linear-gradient(transparent calc(100% - 3px),#000 1px);background-size:0;background-repeat:no-repeat;display:inline;transition:0.5s ease}.light-content .main-title span{background-image:linear-gradient(transparent calc(100% - 3px),#fff 1px)}.main-title:hover span{background-size:100%}.page-is-changing .main-title span{background-size:0;transition:0.3s ease}.next-title{margin-bottom:0;line-height:20px;height:20px;overflow:hidden;position:relative;left:0;display:block;font-size:16px;font-weight:600;transform:translateY(-20px);-webkit-transform:translateY(-20px)}.light-content .next-title{color:#FFF}.next-subtitle-name{margin-bottom:0;opacity:1;line-height:20px;height:20px;overflow:hidden;position:relative;left:0;display:block;font-size:16px;font-weight:600;font-family:'Poppins',sans-serif;color:#000}.next-subtitle-name{transform:translateY(50px) rotate(-7deg);-webkit-transform:translateY(50px) rotate(-7deg);opacity:0}.light-content .next-subtitle-name{color:#fff}#project-nav #itemsWrapperLinks{height:auto}#project-nav #itemsWrapper{z-index:10!important;position:relative;padding:0;max-width:1000px;margin:0 auto}#project-nav .item .item-title{-webkit-transform:translateY(10px);transform:translateY(10px);font-size:14px}#project-nav .item-wrap-image{-webkit-transform:scale(1);transform:scale(1)}#project-nav .item-image{opacity:1!important}#project-nav .item-caption{bottom:-5px;text-align:center}.marquee-wrapper{position:absolute;left:0;top:calc(50% - 55px);z-index:0;pointer-events:none}.next-title-marquee{font-size:90px;font-weight:500;line-height:110px;white-space:nowrap;animation:marquee 15s infinite linear;padding-left:2vw}.next-title-marquee:after{content:attr(data-text);padding-left:2vw}@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}#project-nav.thumb-no-ajax a{z-index:100}@media only screen and (max-width:1680px){#project-nav #itemsWrapper{max-width:800px}}@media only screen and (max-width:1466px){#filters-overlay .outer{padding:60px}#show-filters{left:26px;bottom:20px}.portfolio-wrap{width:calc(100% - 160px)}.scattered-grid .item{display:block;position:relative;box-sizing:border-box;z-index:0;margin:120px 60px;width:50%;height:45vw}.scattered-grid .item:nth-of-type(6n+1){width:calc(60% - 120px);margin:60px;height:28vw}.scattered-grid .item.tall:nth-of-type(6n+1){width:50%;margin-left:5%;margin-right:5%;height:45vw}.scattered-grid .item:nth-of-type(6n+2){width:calc(40% - 120px);margin-top:20vw;height:17vw}.scattered-grid .item:nth-of-type(6n+3){width:60%;margin-left:20%;height:32vw}.scattered-grid .item:nth-of-type(6n+4){width:calc(40% - 120px);margin:120px 60px;margin-top:20vw;height:17vw}.scattered-grid .item:nth-of-type(6n+5){width:calc(60% - 120px);margin:60px;height:28vw}.scattered-grid .item.tall:nth-of-type(6n+5){width:50%;margin:120px 5%;height:45vw}.scattered-grid .item:nth-of-type(6n+6){width:60%;margin-left:25%;height:32vw}#project-nav #itemsWrapper{max-width:750px}.marquee-wrapper{top:calc(50% - 50px)}.next-title-marquee{font-size:80px;line-height:100px}}@media only screen and (max-width:1200px){#project-nav #itemsWrapper{max-width:700px}.marquee-wrapper{top:calc(50% - 40px)}.next-title-marquee{font-size:60px;line-height:80px}}@media only screen and (max-width:1024px){#filters-overlay .outer{padding:40px;padding-bottom:80px}#filters li a{font-size:24px;line-height:40px}#show-filters{left:22px;bottom:14px;height:46px;width:46px}#show-filters[data-tooltip][data-placement="top"]::before{display:none}.show-filters-wrap{width:46px;height:46px}.portfolio-wrap{width:calc(100% - 100px)}.scattered-grid .item{display:block;position:relative;box-sizing:border-box;z-index:0;margin:120px 40px;width:50%;height:45vw}.scattered-grid .item:nth-of-type(6n+1){width:calc(60% - 80px);margin:40px;height:28vw}.scattered-grid .item.tall:nth-of-type(6n+1){width:50%;margin-left:5%;margin-right:5%;height:45vw}.scattered-grid .item:nth-of-type(6n+2){width:calc(40% - 80px);margin-top:20vw;height:17vw}.scattered-grid .item:nth-of-type(6n+3){width:60%;margin-left:20%;height:32vw}.scattered-grid .item:nth-of-type(6n+4){width:calc(40% - 80px);margin:120px 40px;margin-top:20vw;height:17vw}.scattered-grid .item:nth-of-type(6n+5){width:calc(60% - 80px);margin:40px;height:28vw}.scattered-grid .item.tall:nth-of-type(6n+5){width:50%;margin:120px 5%;height:45vw}.scattered-grid .item:nth-of-type(6n+6){width:60%;margin-left:25%;height:32vw}.item-caption{bottom:-100px;padding:20px 20px}#project-nav #itemsWrapper{max-width:550px}.marquee-wrapper{top:calc(50% - 35px)}.next-title-marquee{font-size:50px;line-height:70px}}@media only screen and (max-width:767px){#filters-overlay .outer{padding:30px;padding-bottom:80px}#show-filters{left:12px;bottom:10px}.portfolio-wrap{width:100%}.item-parallax{transform:none!important}.scattered-grid .item:nth-of-type(6n+1),.scattered-grid .item:nth-of-type(6n+2),.scattered-grid .item:nth-of-type(6n+3),.scattered-grid .item:nth-of-type(6n+4),.scattered-grid .item:nth-of-type(6n+5),.scattered-grid .item:nth-of-type(6n+6){width:calc(100% - 60px);margin:30px;margin-bottom:90px;height:60vw}.scattered-grid .item.tall:nth-of-type(6n+1),.scattered-grid .item.tall:nth-of-type(6n+5){width:calc(100% - 60px);margin:30px;margin-bottom:90px;height:100vw}.item-caption{bottom:-110px;padding:30px 10px}#project-nav #itemsWrapper{max-width:450px}.marquee-wrapper{top:calc(50% - 27px)}.next-title-marquee{font-size:40px;line-height:55px}}@media only screen and (max-width:479px){#filters-overlay .outer{padding:20px;padding-bottom:80px}#show-filters{left:2px;bottom:2px}.portfolio{overflow:hidden}.scattered-grid .item:nth-of-type(6n+1),.scattered-grid .item:nth-of-type(6n+2),.scattered-grid .item:nth-of-type(6n+3),.scattered-grid .item:nth-of-type(6n+4),.scattered-grid .item:nth-of-type(6n+5),.scattered-grid .item:nth-of-type(6n+6){width:calc(100% - 40px);margin:20px;margin-bottom:100px;height:60vw}.scattered-grid .item.tall:nth-of-type(6n+1),.scattered-grid .item.tall:nth-of-type(6n+5){width:calc(100% - 40px);margin:20px;margin-bottom:100px;height:100vw}.item-caption{bottom:-110px;padding:30px 10px}#project-nav #itemsWrapper{max-width:350px}}