a,body{color:#000}html{margin:0;border:0;background:#000;padding:20px;height:100vh;width:100vw}a,abbr,acronym,address,article,aside,blockquote,body,caption,code,dd,del,dfn,dialog,div,dl,dt,em,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,iframe,img,label,legend,li,nav,object,ol,p,pre,q,section,span,table,tbody,td,tfoot,th,thead,tr,ul{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}.section .container #client-list a:hover,h2 span{font-style:italic}.h3-wrap h3 a,body{font-family:proxima-nova}article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block}.hidden,b,i{display:none}body{line-height:1.5;height:100%;background:#f6f6f6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}table{border-collapse:separate;border-spacing:0}caption,td,th{text-align:left;font-weight:400;float:none!important}table,td,th{vertical-align:middle}blockquote after,blockquote before,q after,q before{content:''}a img{border:none}::-webkit-scrollbar{display:none}*{-webkit-box-sizing:border-box;box-sizing:border-box;text-rendering:geometricPrecision!important}::-moz-selection{background:#fcfcfc;color:#ddd}::selection{background:#fcfcfc;color:#ddd}.mobile-only{display:none!important}.centered{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.spinner{position:fixed;z-index:9999;top:-webkit-calc(50vh - 40px);top:calc(50vh - 40px);left:-webkit-calc(25vw - 10px);left:calc(25vw - 10px);width:40px;height:40px;background-color:#eee;opacity:1;-webkit-transition:.6s opacity;transition:.6s opacity;border-radius:100%;-webkit-animation:sk-scaleout 1s infinite ease-in-out;animation:sk-scaleout 1s infinite ease-in-out}.strikethrough{text-decoration:line-through}a,s{text-decoration:none}b{display:inline}p.small-text{font-size:17px;font-weight:400}p.small-text.client-description{line-height:2;font-size:17px;font-weight:400;width:-webkit-calc(25vw - 120px);width:calc(25vw - 120px);margin:0 auto;text-align:left;float:right}h1,h1 a{font-weight:700;line-height:1.5;letter-spacing:-1px;text-transform:none}h2{font-weight:600;font-size:17px;line-height:1}.h3-wrap{display:block;-webkit-transition:.2s all cubic-bezier(.645,.045,.355,1);transition:.2s all cubic-bezier(.645,.045,.355,1)}.h3-wrap h3{top:-30px;-webkit-transition:.3s all cubic-bezier(.645,.045,.355,1);transition:.3s all cubic-bezier(.645,.045,.355,1);display:block;opacity:0;position:relative}.h3-wrap h3 a{display:inline-block;font-weight:700;text-transform:uppercase;font-size:16px;letter-spacing:.5px;padding:15px 0;line-height:13px;position:relative}.h3-wrap h3 a:hover:after{width:100%;-webkit-transition:.2s all;transition:.2s all}.fade-on-load{opacity:0;-webkit-transition:all 1s cubic-bezier(.785,.135,.15,.86);transition:all 1s cubic-bezier(.785,.135,.15,.86)}.fade-enter-active,.fade-leave-active{-webkit-transition:opacity .4s cubic-bezier(.785,.135,.15,.86);transition:opacity .4s cubic-bezier(.785,.135,.15,.86)}.fade-enter,.fade-leave-to{opacity:0}.aboutFade-enter-active{-webkit-transition:all .6s cubic-bezier(.785,.135,.15,.86);transition:all .6s cubic-bezier(.785,.135,.15,.86);-webkit-transition-delay:.4s;transition-delay:.4s}.aboutFade-leave-active,.clientFade-enter-active{-webkit-transition:all .3s cubic-bezier(.785,.135,.15,.86)}.aboutFade-leave-active{transition:all .3s cubic-bezier(.785,.135,.15,.86)}.aboutFade-enter,.aboutFade-leave-to{opacity:0}.clientFade-enter-active{transition:all .3s cubic-bezier(.785,.135,.15,.86);-webkit-transition-delay:.4s;transition-delay:.4s}.clientFade-leave-active{-webkit-transition:all .3s cubic-bezier(.785,.135,.15,.86);transition:all .3s cubic-bezier(.785,.135,.15,.86)}.clientFade-enter,.clientFade-leave-to{opacity:0}.section{height:100%}.section #preview-col{width:50%;height:100%;float:left;background-color:#000}.section #preview-col .client-preview{height:100%;width:100%;margin-top:0;position:relative}.section #preview-col .client-preview img{-o-object-fit:cover;object-fit:cover;position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0) scale(1,1);transform:translateZ(0)}.section #preview-col .preview-image{width:100%;height:100%;border:none;background-color:#000;padding:0;opacity:0;-webkit-transition:.3s;transition:.3s}.section #preview-col .preview-image .client-preview{height:100%!important}.section .container{position:relative;float:left;height:100%;width:50%;padding:80px}.section .container .h3-container{width:50%;position:absolute;z-index:9999;top:50px}.section .container .h3-container.left{left:80px;text-align:left}.section .container .h3-container.right{right:80px;text-align:right}.section .container .h3-container.bottom{top:auto;bottom:50px}.section .container .h3-container.bottom.left{left:80px;text-align:left}.section .container .h3-container.bottom.left h3.prev a:not(:empty):before{content:"Previous";left:0}.section .container .h3-container.bottom.right{right:80px;text-align:right}.section .container .h3-container.bottom.right h3.next a:not(:empty):before{content:"Next";text-align:right;right:0}.client-detail,.section .container #client-list{text-align:center}.section .container .h3-container.bottom.left h3.next a:not(:empty):before,.section .container .h3-container.bottom.left h3.prev a:not(:empty):before,.section .container .h3-container.bottom.right h3.next a:not(:empty):before,.section .container .h3-container.bottom.right h3.prev a:not(:empty):before{position:absolute;top:-5px;font-size:14px;font-weight:400;text-transform:none}.section .container .h3-container.bottom.left h3.next a:hover:after,.section .container .h3-container.bottom.left h3.prev a:hover:after,.section .container .h3-container.bottom.right h3.next a:hover:after,.section .container .h3-container.bottom.right h3.prev a:hover:after{width:100%;-webkit-transition:.2s all;transition:.2s all}.section .container .h3-container .h3-wrap h3{height:43px}.section .container .h3-container .h3-wrap h3 a{position:relative}.section .container .h3-container .h3-wrap h3 a:after{content:"";display:block;position:absolute;bottom:21px;left:0;width:0;height:1px;background:#000;z-index:1}.section .container .h3-container .h3-wrap h3 a:hover:after{width:100%;-webkit-transition:.2s all;transition:.2s all}.section .container #client-list a{display:block;text-transform:none;font-size:36px;line-height:50px;font-weight:600;letter-spacing:-.5px;overflow:hidden;cursor:pointer}.section .container #client-list a span{display:inline-block;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.section .container .about-content{width:100%}.section .container .about-content h1#intro{margin:0 auto;font-size:1.55vw;padding:0 100px;font-weight:600}.section .container .about-content h1#intro a{text-decoration:underline}.client-detail{width:100%;padding-left:100px;margin-top:-20px}.client-detail h1.client-title{font-size:3vw;line-height:1;font-weight:600;letter-spacing:-1px;margin-bottom:40px;padding:5px 0;text-align:left;z-index:2000;position:relative;overflow:hidden}.client-detail h1.client-title div{position:relative;opacity:0;top:-50px;-webkit-transition:.3s;transition:.3s}.client-detail .services-container{margin:0 auto;text-align:left;float:left;z-index:2000;overflow:hidden}.client-detail .services-container>div{opacity:0;top:-20px;position:relative}.client-detail .services-container>div>h3 div{overflow:hidden}.client-detail .services-container>div>h3 div span{position:relative;top:-20px;opacity:0;-webkit-transition:.3s;transition:.3s}.client-detail .services-container>div .client-year{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #000}.client-detail .services-container>div .client-year h3{top:-20px;position:relative;opacity:0;-webkit-transition:.3s;transition:.3s}.client-detail .services-container>div .client-year span{font-weight:400}.client-detail .client-description div a,.client-detail .services-container>div a.visit-link,.client-detail .services-container>div h3{font-family:proxima-nova;font-weight:700;text-transform:uppercase;font-size:12px;letter-spacing:.5px;display:block}.client-detail .services-container>div h3{line-height:1.4}.client-detail .services-container>div a.visit-link{padding:10px 40px;border:2px solid #000;margin-top:42px;width:auto;float:left;opacity:0;-webkit-transition:.6s opacity;transition:.6s opacity}.client-detail .services-container>div a.visit-link div{overflow:hidden}.client-detail .services-container>div a.visit-link div span{position:relative;top:-20px;opacity:0;-webkit-transition:.3s;transition:.3s}.client-detail .services-container>div a.visit-link:hover{background:#000;color:#fff}.client-detail .client-description{float:left;z-index:2000;overflow:hidden;text-align:left;margin-left:80px}.client-detail .client-description div{top:-20px;position:relative}.client-detail .client-description div p{font-family:proxima-nova;max-width:350px;display:block;line-height:1.4;opacity:0;-webkit-transition:.6s opacity;transition:.6s opacity}.client-detail .client-description div a{line-height:1.3;vertical-align:top;width:160px;position:relative;margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid #000}.client-detail .client-description div a:after,.client-detail .client-description div a:before{content:"";display:block;position:absolute;top:15px;left:0;width:0}.client-detail .client-description div a div{opacity:0;-webkit-transition:.3s opacity;transition:.3s opacity}.client-detail .client-description div a span{font-weight:400}.client-detail .client-description div a:after{height:1px;background:#000;z-index:1}.client-detail .client-description div a:before{height:3px;background:#fff;z-index:2;color:#fff}.client-detail .client-description div a:hover:before{width:100%;-webkit-transition:.4s all;transition:.4s all;-webkit-transition-delay:.1s;transition-delay:.1s}.client-detail .client-description div a:hover:after{width:100%;-webkit-transition:.2s all;transition:.2s all}.client-detail.clientLoaded h1.client-title div{opacity:1;top:0}.client-detail.clientLoaded h2 div{opacity:1;-webkit-transition:.3s;transition:.3s}.client-detail.clientLoaded .services-container>div{opacity:1;top:0;-webkit-transition:.3s all;transition:.3s all}.client-detail.clientLoaded .services-container>div .client-year h3,.client-detail.clientLoaded .services-container>div>h3 div span{top:0;opacity:1;-webkit-transition-delay:.2s;transition-delay:.2s}.client-detail.clientLoaded .services-container>div a.visit-link{opacity:1;-webkit-transition-delay:.5s;transition-delay:.5s}.client-detail.clientLoaded .services-container>div a.visit-link div span{opacity:1;top:0}.client-detail.clientLoaded .client-description div{opacity:1;top:0;-webkit-transition:.3s all;transition:.3s all}.client-detail.clientLoaded .client-description div a div,.client-detail.clientLoaded .client-description div p{opacity:1;-webkit-transition-delay:.2s;transition-delay:.2s}#app.loaded .spinner{opacity:0;-webkit-transition:.6s;transition:.6s}#app.loaded #preview-col .preview-image{opacity:1;-webkit-transition-delay:.3s;transition-delay:.3s}#app.loaded .fade-on-load{opacity:1;-webkit-transition:1s all;transition:1s all;-webkit-transition-delay:.3s;transition-delay:.3s}#app.loaded .fade-on-load.intro-content{z-index:2000}#app.loaded .h3-wrap{width:100%}#app.loaded .h3-wrap h3{top:0;opacity:1;-webkit-transition-delay:.3s;transition-delay:.3s}#app.loaded .h3-wrap h3.next,#app.loaded .h3-wrap h3.prev{bottom:-30px;opacity:0;-webkit-transition-delay:.3s;transition-delay:.3s}#app.loaded .h3-wrap.clientLoaded h3.next,#app.loaded .h3-wrap.clientLoaded h3.prev{opacity:1;bottom:0}@-webkit-keyframes sk-scaleout{0%{-webkit-transform:scale(0)}100%{-webkit-transform:scale(1);opacity:0}}@keyframes sk-scaleout{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}@media only screen and (max-width:1600px){.section .container .h3-container.bottom.left,.section .container .h3-container.left{left:50px}.section .container .h3-container.bottom.right,.section .container .h3-container.right{right:50px}.section .container .h3-container{top:40px}.section .container .h3-container .h3-wrap h3 a{font-size:14px}.section .container .h3-container .h3-wrap h3 a:after{bottom:20px}.section .container .h3-container.bottom{bottom:40px}.section .container #client-list a{font-size:29px;line-height:40px}.section .container .about-content h1#intro{padding:0 80px}.section .container .client-detail{padding-left:80px;padding-right:40px}.section .container .client-detail .client-description{margin-right:0}.section .container .client-detail .client-description div p{max-width:300px}}@media only screen and (max-width:1400px){.section .container .about-content h1#intro{padding:0 60px;font-size:1.55vw}.section .container #client-list a{font-size:25px;line-height:35px}.section .container .client-detail{padding-left:50px;padding-right:50px}.section .container .client-detail h1.client-title{margin-bottom:20px}.section .container .client-detail .client-description{margin-right:0;margin-left:60px}.section .container .client-detail .client-description div a{width:162px;font-size:12px;margin-bottom:29px}.section .container .client-detail .client-description div p{max-width:250px;font-size:12px}.section .container .client-detail .services-container div a.visit-link,.section .container .client-detail .services-container div h3{font-size:12px}.section .container .client-detail .services-container div a.visit-link{padding:8px 20px}}@media only screen and (max-width:1200px){.section .container .h3-container.bottom.left,.section .container .h3-container.left{left:40px}.section .container .h3-container.bottom.right,.section .container .h3-container.right{right:40px}.section #preview-col{width:40%}.section #preview-col .preview-image{width:100%}.section .container{width:60%}.section .container .h3-container{top:20px}.section .container .h3-container.bottom{bottom:20px}.section .container .about-content h1#intro{font-size:1.65vw}.section .container .client-detail{padding:0 40px}.section .container .client-detail .client-description{margin-left:20px}.section .container .client-detail .client-description div p{max-width:250px}}@media only screen and (max-width:1040px){.section .container{padding:0}}@media only screen and (max-width:900px){html{padding:0}.section .container .h3-container.bottom.left,.section .container .h3-container.left{left:0;padding-left:20px}.section .container .h3-container.bottom.right,.section .container .h3-container.right{right:0;padding-right:20px}.centered{width:100%}.hide-mobile{display:none!important}.mobile-only{display:block!important}.section .container{width:100%;height:100vh;left:0}.section .container .h3-container{top:0;background:#fff}.section .container .h3-container .h3-wrap h3 a{font-size:12px}.section .container .h3-container .h3-wrap h3 a:after{bottom:21px}.section .container .h3-container.bottom{bottom:0}.section .container .h3-container.bottom a:before{content:""!important}.section .container #client-list a{font-size:22px;line-height:30px}.section .container .about-content h1#intro{font-size:17px;padding:0 20px;max-width:400px;text-align:center}.section .container .client-detail{max-width:350px;padding:0 20px;text-align:center;margin-top:0}.section .container .client-detail h1.client-title{font-size:32px;margin-bottom:10px}.section .container .client-detail *{text-align:center;width:100%}.section .container .client-detail .client-description{margin-left:0;width:100%}.section .container .client-detail .client-description div a,.section .container .client-detail .client-description div p{width:100%;margin-right:0;max-width:none}.section .container .client-detail .client-description div a.visit-link.mobile-only{max-width:170px;margin:20px auto 15px;padding:10px 0;width:auto}.section .container .client-detail .client-description div a.visit-link.mobile-only:after,.section .container .client-detail .client-description div a.visit-link.mobile-only:before{content:"";display:none}.section .container .client-detail .client-description div p{font-size:13px}.section .container .client-detail .services-container{margin-top:0}.section .container .client-detail .services-container .meta-info{padding-bottom:10px;margin-bottom:25px;border-bottom:1px solid #000}.section .container .client-detail .services-container .meta-info h3 span{font-weight:400}.section .container .client-detail .services-container .meta-info>*{display:inline-block;width:auto}.section .container .client-detail .services-container>div:not(.meta-info)>h3{width:auto;padding:0;vertical-align:top;display:none!important}.section .container .client-detail .services-container>div:not(.meta-info)>h3:after{content:","}.section .container .client-detail .services-container>div:not(.meta-info)>h3:last-of-type{margin-bottom:20px}.section .container .client-detail .services-container>div:not(.meta-info)>h3:last-of-type:after{content:""}.section #preview-col{display:none}.section #preview-col .preview-image{width:100vw;height:100vw}}