.projectDetail{background:#fff;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:1}.projectDetail.fade-enter{opacity:0;transform:translateZ(0);will-change:transform}.projectDetail+.projectDetail.fade-enter-active{opacity:1;transform:translateZ(0);transition:opacity .75s .75s;will-change:transform}.projectDetail.fade-enter-done{opacity:1;transform:translateZ(0);transition:opacity .75s 1.15s;will-change:transform}.projectDetail.fade-exit{opacity:0;transform:translateZ(0);transition:opacity .75s .75s;will-change:transform}.projectDetail.fade-enter .misc{top:-100%}.projectDetail.fade-enter-done .misc{top:0;transition:top .75s .15s}.projectDetail.fade-enter .misc:after{height:0}.projectDetail.fade-enter-done .misc:after{height:4px;transition:height .5s 1s}.projectDetail.fade-exit .misc{top:-100%;transition:top .75s .15s}.projectDetail .misc{background-color:#000;display:flex;justify-content:space-between;left:0;margin:auto;padding-bottom:4px;position:fixed;right:0;top:0;z-index:10}.projectDetail .misc:after{background-color:#ff617f;bottom:0;content:"";height:4px;left:0;position:absolute;width:100%}.projectDetail .misc .project{color:#fff;cursor:pointer;display:inline-block;font-family:Work Sans,sans-serif;font-size:1.5rem;letter-spacing:3px;padding:15px;text-transform:uppercase;vertical-align:middle}.projectDetail .misc .project.next{border:0;padding-left:0}.projectDetail .misc .project.prev{border:0;padding-right:0}.projectDetail .misc .project img{height:12px}.projectDetail .misc .closeBtn{border:0;color:#fff;cursor:pointer;display:inline-block;font-family:Work Sans,sans-serif;font-size:1.5rem;letter-spacing:3px;padding:15px;text-transform:uppercase;vertical-align:middle}.projectDetail .detail .bgWrap{display:flex;flex-direction:column;height:100vh;justify-content:flex-end;overflow:hidden;position:relative}.projectDetail .detail .bgWrap .bgContent{left:50%;position:absolute;text-shadow:0 0 10px #000;top:50%;transform:translate(-50%,-50%) translateZ(0);width:80%;will-change:transform;z-index:3}.projectDetail .detail .bgWrap .bgContent .titleWrap{height:165px;width:auto}.projectDetail .detail .bgWrap .bgContent h1.title{color:#fff;font-size:inherit;font-weight:500;margin:0;text-align:center}.projectDetail .detail .bgWrap .bgContent h1.title .titleInner{display:inline-block;padding-bottom:15px;position:relative}.projectDetail .detail .bgWrap .bgContent h1.title .titleInner:after{background-color:#fff;bottom:0;box-shadow:0 0 10px 0 #000;content:"";display:block;height:3px;left:50%;margin:auto;min-width:40vw;position:absolute;right:0;transform:translateX(-50%) translateZ(0);width:75%;will-change:transform}.projectDetail .detail .bgWrap .bgContent p.slogan{color:#fff;font-size:1.5rem;letter-spacing:3px;margin:0;text-transform:uppercase}.projectDetail .detail .bgWrap .bgContent p.mainDesc{color:#fff;font-size:2.5rem;letter-spacing:3px;margin:20px 0 45px;text-transform:capitalize}.projectDetail .detail .bgWrap .bgContent .btn:hover{transition-delay:.25s;transition-duration:.25s}.projectDetail .detail .bgWrap .bgDiv .imgDiv{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;position:absolute;width:100%}.projectDetail .detail .bgWrap .bgDiv img{display:block;max-width:100%;position:relative}.projectDetail .detail .showcase{padding:0}.projectDetail .detail .showcase .descLong h2{font-size:3.75rem;margin:0 auto 25px}.projectDetail .detail .showcase .descLong p{font-size:2rem;font-weight:100}.projectDetail .detail .showcase .descLong{margin:auto;max-width:1260px;padding:80px 0 75px;width:80%}.projectDetail .detail .bgWrap .scrollDiv{bottom:35px;left:0;margin:auto;opacity:1;pointer-events:none;position:absolute;right:0;z-index:2}.projectDetail .detail .bgWrap .scrollDiv .scrollText{color:#fff;display:inline-block;font-weight:500;letter-spacing:2px;margin:0 0 20px;text-shadow:0 0 10px #000;text-transform:uppercase}.projectDetail .detail .bgWrap .scrollDiv .scrollDown{animation-duration:5s;animation-iteration-count:infinite;animation-name:project-scroll-anim;animation-timing-function:ease-in-out;display:block;filter:invert(1);margin:auto;max-width:36px;position:relative}.projectDetail .detail .bgWrap .scrollDiv .scrollDown img{display:block;max-width:100%}@keyframes project-scroll-anim{0%{top:15px}50%{top:-15px}to{top:15px}}.projectDetail .showcase .gallery{background:#eee;box-shadow:inset 0 -10px 10px -10px #dadada;padding:100px 0;position:relative}.projectDetail .showcase .gallery .firstShowcase{margin:auto;max-width:100%}.projectDetail .detail .gallery .firstShowcase img{border-radius:10px;box-shadow:0 0 10px 0 #dadada;display:block;margin:25px auto;max-width:1260px;width:80%}.projectDetail .detail .gallery:hover .firstShowcase .slick-slider .slick-arrow{font-size:0;opacity:.75;transition:opacity .25s}.projectDetail .side-arrows{left:0;margin:auto;pointer-events:none;position:absolute;right:0;top:-35px}.projectDetail .side-arrows .arrow{display:inline-block;max-width:14px;position:relative;vertical-align:middle}.projectDetail .side-arrows .arrow img{display:block;max-width:100%}.projectDetail .side-arrows .scroll-text{display:inline-block;font-weight:600;letter-spacing:3px;margin:0 7px 0 10px;text-align:center;text-transform:uppercase;vertical-align:middle}.projectDetail .side-arrows .arrow.left{animation-duration:1.75s;animation-iteration-count:infinite;animation-name:gallery-scroll-anim-left;animation-timing-function:linear}.projectDetail .side-arrows .arrow.right{animation-duration:1.75s;animation-iteration-count:infinite;animation-name:gallery-scroll-anim-right;animation-timing-function:linear}@keyframes gallery-scroll-anim-left{0%{right:3px}50%{right:-3px}to{right:3px}}@keyframes gallery-scroll-anim-right{0%{left:1px}50%{left:-5px}to{left:1px}}.projectDetail .detail .showcase .gallery2{background-color:#eee;box-shadow:inset 0 0 10px 0 #dadada;padding:100px 10%;position:relative}.projectDetail .detail .showcase .gallery2 .gallery-item{border-radius:5px;box-shadow:0 0 50px 0 #bbb;max-width:53%;overflow:hidden;position:relative;z-index:2}.projectDetail .detail .showcase .gallery2 .gallery-item+.gallery-item{margin-left:auto;margin-top:-30px;z-index:1}.projectDetail .detail .showcase .gallery2 .gallery-item img{display:block;max-width:100%}.projectDetail .detail .showcase .gallery2.mobile{display:flex;justify-content:center}.projectDetail .detail .showcase .gallery2.mobile .gallery-item{box-shadow:none;display:inline-block;margin-right:25px;max-width:none;overflow:visible;position:static}.projectDetail .detail .showcase .gallery2.mobile .gallery-item+.gallery-item{margin:0 25px}.projectDetail .detail .showcase .gallery2.mobile .gallery-item+.gallery-item:last-child{margin-left:25px;margin-right:0}.projectDetail .detail .showcase .gallery2.mobile .gallery-item img{border-radius:5px;box-shadow:0 0 50px 0 #bbb;display:block;margin-left:auto;max-height:100%;max-height:550px;max-height:55vw;max-width:none}.projectDetail .detail .showcase .gallery2.mobile .gallery-item+.gallery-item img{margin:auto}.projectDetail .detail .showcase .gallery2.mobile .gallery-item+.gallery-item:last-child img{margin-left:0;margin-right:auto;margin-top:0}.projectDetail .detail .showcase .descExt{display:flex;margin:auto;max-width:1920px;padding:75px 0 50px;text-align:center;width:90%}.projectDetail .detail .showcase .descExt .descRole,.projectDetail .detail .showcase .descExt .descStack{flex:1 1;font-size:1.25rem;font-weight:100;padding:0;text-align:center;vertical-align:top}.projectDetail .detail .showcase .descExt .descStack .stackWrap{padding-left:55px}.projectDetail .detail .showcase .descExt h2{font-size:3rem;margin:0}.projectDetail .detail .showcase .descExt p.note{color:#dadada;font-family:Work Sans,sans-serif;margin:0;text-transform:capitalize}.projectDetail .detail .showcase .descExt .descStack .stackHead{margin:0 0 30px}.projectDetail .detail .showcase .descExt .descStack .stackBase{display:flex;flex-wrap:wrap;justify-content:center;margin:auto;max-width:575px;padding-left:50px}.projectDetail .detail .showcase .descExt .descStack .stackBase>div{flex:1 1 50%;margin:0 0 25px;text-align:left}.projectDetail .detail .showcase .descExt .descStack .stackBase h3{font-family:Open Sans,sans-serif;font-size:1.75rem;font-weight:500;margin:0 0 5px}.projectDetail .detail .showcase .descExt .descStack .stackBase p{font-size:1.25rem;font-weight:100;letter-spacing:2px;margin:5px 0 0}.projectDetail .detail .showcase .descExt .descStack .stackBase>div{padding-right:25px}.projectDetail .detail .showcase .descExt .descStack .stackBase>div:nth-child(n+5){padding-right:0}.projectDetail .detail .showcase .descExt .descRole{border-right:1px solid #ffcbd4}.projectDetail .detail .showcase .descExt .descRole .roleHead{margin:0 0 30px}.projectDetail .detail .showcase .descExt .descRole .roleBase>div{margin:0 0 45px}.projectDetail .detail .showcase .descExt .descRole .roleBase span.feat{font-size:2rem;font-weight:500;text-transform:uppercase}.projectDetail .detail .showcase .descExt .descRole .roleBase p{letter-spacing:3px;margin:0;text-transform:uppercase}.projectDetail .detail .showcase .descExt .descRole .roleBase p span{display:inline-block;vertical-align:middle}.projectDetail .detail .showcase .descExt+.keyTakeaway{padding:25px 0 100px}.projectDetail .detail .showcase .keyTakeaway{margin:auto;padding:100px 0}.projectDetail .detail .showcase .keyTakeaway .keyTakeaway-inner{margin:auto;max-width:1260px;width:80%}.projectDetail .detail .showcase .keyTakeaway h2{font-size:3rem}.projectDetail .detail .showcase .keyTakeaway p{font-size:1.75rem}@media screen and (max-width:1800px){.projectDetail .detail .bgWrap .bgContent h1.title{letter-spacing:4px}}@media screen and (max-width:1700px){.projectDetail .detail .bgWrap .bgContent h1.title{letter-spacing:2px}.projectDetail .detail .bgWrap .bgContent{width:82.5%}}@media screen and (max-width:1600px){.projectDetail .detail .bgWrap .bgContent h1.title{letter-spacing:2px}.projectDetail .detail .bgWrap .bgContent{width:87.5%}}@media screen and (max-width:1500px){.projectDetail .detail .bgWrap .bgContent h1.title{letter-spacing:1px}.projectDetail .detail .bgWrap .bgContent{width:89%}}@media screen and (max-width:1440px){.projectDetail .detail .bgWrap .bgContent{width:90%}.projectDetail .detail .bgWrap .bgContent h1.title{letter-spacing:0}.projectDetail .detail .showcase .descLong{width:90%}.projectDetail .detail .gallery .firstShowcase img{max-width:1152px;width:90%}.projectDetail .detail .showcase .gallery2{padding:75px 5%}.projectDetail .detail .showcase .keyTakeaway h2{font-size:2.25rem}.projectDetail .detail .showcase .keyTakeaway p{font-size:1.3125rem}.projectDetail .detail .showcase .keyTakeaway{padding:60px 0}.projectDetail .detail .showcase .keyTakeaway .keyTakeaway-inner{max-width:90%;width:auto}.projectDetail .detail .showcase .descExt+.keyTakeaway{padding:15px 0 60px}.projectDetail .detail .showcase .descExt h2{font-size:2.25rem}.projectDetail .detail .showcase .descExt .descRole,.projectDetail .detail .showcase .descExt .descStack{font-size:1rem}.projectDetail .detail .showcase .descExt .descRole .roleBase span.feat{font-size:1.5rem}.projectDetail .detail .showcase .descExt .descStack .stackBase h3{font-size:1.3125rem}.projectDetail .detail .showcase .descExt .descStack .stackBase p{font-size:1rem}.projectDetail .detail .showcase .descExt .descStack .stackBase>div{padding-right:20px}.projectDetail .detail .showcase .descExt .descStack .stackBase>div:nth-child(2n+2){padding:0}.projectDetail .detail .showcase .descExt .descStack .stackBase{max-width:555px;padding-left:100px}.projectDetail .detail .showcase .descExt .descStack .stackWrap{padding:0}.projectDetail .detail .showcase .descLong p{font-size:1.5rem}.projectDetail .detail .showcase .descLong h2{font-size:2.8125rem}.projectDetail .detail .bgWrap .bgContent .titleWrap{height:120px}.projectDetail .detail .bgWrap .bgContent p.slogan{font-size:1.125rem}.projectDetail .detail .bgWrap .bgContent p.mainDesc{font-size:1.875rem;margin:20px 0 25px}}@media screen and (max-width:1280px){.projectDetail .detail .showcase .descExt .descStack .stackBase{max-width:455px;padding-left:50px}.projectDetail .detail .bgWrap .bgContent,.projectDetail .detail .showcase .descLong{width:95%}.projectDetail .detail .showcase .gallery2{padding:50px 2.5%}.projectDetail .detail .showcase .descExt .descRole .roleBase p{letter-spacing:1.5px}}@media screen and (max-width:1024px){.projectDetail .misc .closeBtn,.projectDetail .misc .project{font-size:1.125rem}.projectDetail .misc .project img{height:9px}.projectDetail .detail .showcase .gallery2{height:auto;padding:75px 5%}.projectDetail .detail .showcase .gallery2 .gallery-item{max-width:none;position:static}.projectDetail .detail .showcase .gallery2 .gallery-item+.gallery-item{margin-top:40px}.projectDetail .detail .bgWrap .bgContent h1.title{letter-spacing:-2px}}@media screen and (max-width:960px){.projectDetail .misc .closeBtn,.projectDetail .misc .project{font-size:1.125rem}.projectDetail .misc .project img{height:9px}.projectDetail .detail .showcase .descExt{display:block;overflow:hidden;padding:50px 0}.projectDetail .detail .showcase .descExt .descRole{border-bottom:1px solid #ffcbd4;border-right:0}.projectDetail .detail .showcase .descExt .descRole .roleBase{display:flex;flex-wrap:wrap}.projectDetail .detail .showcase .descExt .descRole .roleBase>div{flex:1 1 50%}.projectDetail .detail .showcase .descExt .descStack{padding-top:40px}.projectDetail .detail .showcase .descExt .descStack .stackBase{display:block;max-width:100%;padding:0}.projectDetail .detail .showcase .descExt .descStack .stackBase>div{padding:0;text-align:center}.projectDetail .detail .showcase .descExt .descStack .stackBase>div:nth-child(2n+2){padding-right:0}.projectDetail .detail .showcase .descLong p{font-size:1.35rem}.projectDetail .detail .showcase .descLong h2{font-size:2.5rem;letter-spacing:1px}.projectDetail .detail .showcase .descExt h2{font-size:2rem}.projectDetail .detail .showcase .descExt .descRole .roleBase span.feat{font-size:1.35rem}.projectDetail .detail .showcase .descExt .descStack .stackBase h3{font-size:1.25rem}.projectDetail .detail .showcase .descExt .descRole .roleBase p{letter-spacing:1px}.projectDetail .detail .showcase .keyTakeaway h2{font-size:2rem}.projectDetail .detail .showcase .keyTakeaway p{font-size:1rem}.projectDetail .detail .showcase .descExt+.keyTakeaway{border-top:1px solid #ffcbd4;margin-top:-25px;padding:30px 0 40px}.projectDetail .detail .bgWrap .bgContent p.mainDesc{font-size:1.5rem}.projectDetail .detail .bgWrap .bgContent p.slogan{font-size:1rem;margin:10px 0 15px}.projectDetail .detail .showcase .descExt .descStack .stackBase p{margin:auto;max-width:400px;width:75%}.projectDetail .showcase .gallery{padding:0}.projectDetail .showcase .gallery .gallery-item{display:block!important}.projectDetail .detail .gallery .firstShowcase img{border-radius:0;box-shadow:none;display:block;margin:0;width:100%}.projectDetail .detail .gallery .firstShowcase{box-shadow:0 0 10px 0 #dadada}.projectDetail .showcase .gallery{box-shadow:0 0 10px 0 #ccc}.projectDetail .detail .showcase .gallery2{box-shadow:none;padding:0}.projectDetail .detail .showcase .gallery2 .gallery-item{border-radius:0;box-shadow:none}.projectDetail .detail .showcase .gallery2 .gallery-item+.gallery-item{margin:0}.projectDetail .detail .showcase .gallery2.mobile{box-shadow:inset 0 0 10px 0 #dadada;padding:50px 5%}.projectDetail .detail .showcase .gallery2.mobile .gallery-item{margin-right:20px}.projectDetail .detail .showcase .gallery2.mobile .gallery-item+.gallery-item{margin:0 20px}.projectDetail .detail .showcase .gallery2.mobile .gallery-item+.gallery-item:last-child{margin-left:20px}}@media screen and (max-width:874px){.projectDetail .detail .showcase .descExt .descRole .roleBase p{letter-spacing:.5px}}@media screen and (max-width:769px){.projectDetail .side-arrows .arrow{max-width:9px}.projectDetail .side-arrows{top:-20px}.projectDetail .misc .closeBtn,.projectDetail .misc .project{font-size:1rem}.projectDetail .misc .project{padding:14px 15px 15px}.projectDetail .misc .project img{height:7px;position:relative;top:-2px}.projectDetail .detail .showcase .gallery2.mobile{box-shadow:none;display:block;margin-top:30px;padding:0}.projectDetail .detail .showcase .gallery2 .slick-slider{box-shadow:inset 0 0 10px 0 #dadada;padding:0}.projectDetail .detail .showcase .gallery2.mobile .gallery-item,.projectDetail .detail .showcase .gallery2.mobile .gallery-item+.gallery-item,.projectDetail .detail .showcase .gallery2.mobile .gallery-item+.gallery-item:last-child{display:block;margin:auto}.projectDetail .detail .showcase .gallery2.mobile .gallery-item img,.projectDetail .detail .showcase .gallery2.mobile .gallery-item+.gallery-item img,.projectDetail .detail .showcase .gallery2.mobile .gallery-item+.gallery-item:last-child img{margin:25px auto;max-height:700px;max-width:none}.projectDetail .detail .showcase .descLong{padding:50px 0}.projectDetail .detail .showcase .descExt+.keyTakeaway{margin-top:-10px}.projectDetail .detail .showcase .keyTakeaway{padding:40px 0}.projectDetail .detail .showcase .keyTakeaway h2{font-size:2.25rem}.projectDetail .detail .showcase .keyTakeaway p{line-height:175%}.projectDetail .detail .showcase .descExt .descStack .stackBase h3{font-size:1.35rem}.projectDetail .detail .showcase .descExt .descRole .roleBase{display:block}.projectDetail .detail .bgWrap .bgContent,.projectDetail .detail .showcase .descLong{width:90%}.projectDetail .detail .showcase .descExt .descRole .roleBase>div{margin:0 0 30px}.projectDetail .detail .showcase .descExt .descRole{padding-bottom:10px}.projectDetail .detail .showcase .descExt{padding:50px 0 0}.projectDetail .detail .showcase .descExt .descStack{padding:40px 0 25px}.projectDetail .detail .bgWrap .bgDiv .imgDiv{top:0!important}.projectDetail .detail .bgWrap .scrollDiv{bottom:25px}.projectDetail .detail .bgWrap .scrollDiv .scrollDown{max-width:24px}.projectDetail .detail .bgWrap .scrollDiv .scrollText{font-size:.75rem;letter-spacing:1px}@keyframes project-scroll-anim{0%{top:5px}50%{top:-5px}to{top:5px}}}@media screen and (max-width:640px){.projectDetail .detail .showcase .gallery2.mobile .gallery-item img,.projectDetail .detail .showcase .gallery2.mobile .gallery-item+.gallery-item img,.projectDetail .detail .showcase .gallery2.mobile .gallery-item+.gallery-item:last-child img{max-height:500px}}@media screen and (max-width:512px){.projectDetail .detail .bgWrap .bgContent .btn{font-size:.65rem;padding:10px 8px}.projectDetail .detail .showcase .descLong h2{font-size:1.75rem;letter-spacing:1px;margin:0 auto 15px}.projectDetail .detail .showcase .descLong p{font-size:1rem;line-height:175%;margin:0}.projectDetail .detail .showcase .descExt h2,.projectDetail .detail .showcase .keyTakeaway h2{font-size:1.75rem}.projectDetail .detail .showcase .gallery2.mobile .gallery-item img,.projectDetail .detail .showcase .gallery2.mobile .gallery-item+.gallery-item img,.projectDetail .detail .showcase .gallery2.mobile .gallery-item+.gallery-item:last-child img{margin:25px auto;max-height:400px}}@media screen and (max-width:480px){.projectDetail .misc .closeBtn{background:#ff617f;bottom:-15px;font-size:.65rem;left:0;letter-spacing:3px;padding:5px 0;position:absolute;right:0;text-align:center}.projectDetail .misc .closeBtn .mobile-hide,.projectDetail .misc .closeBtn .tablet-hide{display:inline}.projectDetail .detail .showcase .descLong h2{font-size:1.5rem;letter-spacing:0}.projectDetail .detail .showcase .descExt h2,.projectDetail .detail .showcase .keyTakeaway h2{font-size:1.5rem}.projectDetail .detail .showcase .keyTakeaway p{font-weight:100}.projectDetail .detail .bgWrap .bgContent p.slogan{letter-spacing:3px}.projectDetail .detail .bgWrap .bgContent p.mainDesc{font-size:1.275rem;letter-spacing:0}.projectDetail .detail .showcase .gallery2.mobile .gallery-item img,.projectDetail .detail .showcase .gallery2.mobile .gallery-item+.gallery-item img,.projectDetail .detail .showcase .gallery2.mobile .gallery-item+.gallery-item:last-child img{max-height:500px}.projectDetail .detail .bgWrap{height:500px}.projectDetail .detail .bgWrap .bgContent .btn{font-size:.65rem;padding:10px 8px}.projectDetail .detail .bgWrap .bgDiv .imgDiv{background-position:top!important}}