landing.css

@font-face{font-family:Poppins;font-style:normal;font-weight:300;src:url(assets/fonts/Poppins-Light.woff) format("woff")}@font-face{font-family:Poppins;font-style:normal;font-weight:400;src:url(assets/fonts/Poppins-Regular.woff) format("woff")}@font-face{font-family:Poppins;font-style:normal;font-weight:500;src:url(assets/fonts/Poppins-Medium.woff) format("woff")}@font-face{font-family:Poppins;font-style:normal;font-weight:600;src:url(assets/fonts/Poppins-Semibold.woff) format("woff")}@font-face{font-family:Poppins;font-style:normal;font-weight:700;src:url(assets/fonts/Poppins-Bold.woff) format("woff")}@font-face{font-family:Poppins;font-style:normal;font-weight:300;src:url(assets/fonts/Poppins-Light.woff) format("woff")}@font-face{font-family:Poppins;font-style:normal;font-weight:400;src:url(assets/fonts/Poppins-Regular.woff) format("woff")}@font-face{font-family:Poppins;font-style:normal;font-weight:500;src:url(assets/fonts/Poppins-Medium.woff) format("woff")}@font-face{font-family:Poppins;font-style:normal;font-weight:600;src:url(assets/fonts/Poppins-Semibold.woff) format("woff")}@font-face{font-family:Poppins;font-style:normal;font-weight:700;src:url(assets/fonts/Poppins-Bold.woff) format("woff")}.header__fixed{width:100%;height:60px;background-color:#4e058b;position:fixed;top:-60px;z-index:1000;-webkit-transition:top .8s cubic-bezier(0,1.01,.41,.96);transition:top .8s cubic-bezier(0,1.01,.41,.96)}@media (min-width:1024px){.header__fixed{top:-70px}}.header__fixed>svg{position:absolute;margin:14px 20px}.header__fixed>img{margin:20px auto;display:block}.header__fixed--show{top:0}@media (min-width:1024px){.header__fixed--show{top:-70px}}.header__fluid{height:325px;width:100%;background:url(assets/images/hub9-top-fluid-2z_Wk8U.png) no-repeat 0 0;background-size:cover;margin-bottom:48px;top:-265px}@media (min-width:1024px){.header__fluid{top:-325px}}.header__fluid>img{margin:20px 0 0 40px}.header__fluid--show{top:0}@media (min-width:1250px){.header{display:none}}body{-webkit-backface-visibility:hidden}@font-face{font-family:Poppins;font-style:normal;font-weight:300;src:url(assets/fonts/Poppins-Light.woff) format("woff")}@font-face{font-family:Poppins;font-style:normal;font-weight:400;src:url(assets/fonts/Poppins-Regular.woff) format("woff")}@font-face{font-family:Poppins;font-style:normal;font-weight:500;src:url(assets/fonts/Poppins-Medium.woff) format("woff")}@font-face{font-family:Poppins;font-style:normal;font-weight:600;src:url(assets/fonts/Poppins-Semibold.woff) format("woff")}@font-face{font-family:Poppins;font-style:normal;font-weight:700;src:url(assets/fonts/Poppins-Bold.woff) format("woff")}aside.menu{display:-webkit-box;display:-ms-flexbox;display:flex;position:fixed;left:-100%;width:100%;height:100vh;margin:0;color:#fff;-webkit-transition:left .8s cubic-bezier(0,1.01,.41,.96),opacity 1s cubic-bezier(0,1.01,.41,.96);transition:left .8s cubic-bezier(0,1.01,.41,.96),opacity 1s cubic-bezier(0,1.01,.41,.96)}@media (min-width:1024px){aside.menu{width:290px}}aside.menu.sidebar--show{left:0;z-index:100}aside.menu.loading{-webkit-transform:translateX(-100%);transform:translateX(-100%)}@media (min-width:1024px){aside.menu{left:0;top:0}}@media (min-width:1250px){aside.menu{width:50%;left:0}}aside.menu .sidebar__left{-webkit-transition:-webkit-transform 4s cubic-bezier(0,1.01,.41,.96);transition:-webkit-transform 4s cubic-bezier(0,1.01,.41,.96);transition:transform 4s cubic-bezier(0,1.01,.41,.96);transition:transform 4s cubic-bezier(0,1.01,.41,.96),-webkit-transform 4s cubic-bezier(0,1.01,.41,.96);-webkit-animation:slideInRight 1.5s cubic-bezier(.3,0,0,1) .4s 1 both;animation:slideInRight 1.5s cubic-bezier(.3,0,0,1) .4s 1 both;-webkit-animation-backface-visibility:hidden;-moz-animation-backface-visibility:hidden;-ms-animation-backface-visibility:hidden;-o-animation-backface-visibility:hidden;animation-backface-visibility:hidden;height:100vh;background-color:#3e046f}aside.menu .sidebar__left .back-btn,aside.menu .sidebar__left .small-logo{-webkit-transform:translateY(-200%);transform:translateY(-200%);display:none}aside.menu .sidebar__left .copyright-info{width:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:100%;z-index:10}@media (min-width:1250px){aside.menu .sidebar__left .copyright-info{width:68px;height:100%}}aside.menu .sidebar__left .copyright-info span{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);white-space:nowrap;display:inline-block;margin:5vh 0;opacity:.3;font-size:14px}@media (min-width:1250px){aside.menu .sidebar__left .copyright-info span{line-height:19px}}aside.menu .sidebar__left .copyright-info span:first-child{margin-top:88px}aside.menu .sidebar__right__navigation{-webkit-animation:slideInRight 1.5s cubic-bezier(.3,0,0,1) .6s 1 both;animation:slideInRight 1.5s cubic-bezier(.3,0,0,1) .6s 1 both;-webkit-animation-backface-visibility:hidden;-moz-animation-backface-visibility:hidden;-ms-animation-backface-visibility:hidden;-o-animation-backface-visibility:hidden;animation-backface-visibility:hidden;background-color:#4e058b;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:calc(100% - 68px);margin:0;left:0;z-index:1000}@media (min-width:1024px){aside.menu .sidebar__right__navigation{height:100%}}@media (min-width:1250px){aside.menu .sidebar__right__navigation{width:calc(50% - 68px)}}aside.menu .sidebar__right__navigation>a>img{width:74px;height:22px;margin:16px 0}@media (min-width:1250px){aside.menu .sidebar__right__navigation>a>img{width:calc(5.78125vw + 7px);height:calc(1.71875vw + 2px);margin:14px 0}}@media (min-width:1920px){aside.menu .sidebar__right__navigation>a>img{margin:9px 0}}aside.menu .sidebar__right__navigation>a:first-child{margin:20px 0 0;height:53px;padding-left:calc(2.34375vw + 8px);padding-left:35px;position:relative}aside.menu .sidebar__right__navigation>a:first-child:before{display:block;content:" ";width:4px;height:0;background-color:#0ecc8d;position:absolute;left:0;-webkit-transition:height .2s cubic-bezier(0,1.01,.41,.96);transition:height .2s cubic-bezier(0,1.01,.41,.96)}@media (min-width:1024px){aside.menu .sidebar__right__navigation>a:first-child{padding-left:calc(2.34375vw + 8px)}}aside.menu .sidebar__right__navigation>a:first-child.active:before,aside.menu .sidebar__right__navigation>a:first-child:hover:before{display:block;content:" ";height:100%}aside.menu .sidebar__right__image{display:none;overflow:hidden}@media (min-width:1250px){aside.menu .sidebar__right__image{-webkit-animation:slideInRight 1.5s cubic-bezier(.3,0,0,1) .8s 1 both;animation:slideInRight 1.5s cubic-bezier(.3,0,0,1) .8s 1 both;-webkit-animation-backface-visibility:hidden;-moz-animation-backface-visibility:hidden;-ms-animation-backface-visibility:hidden;-o-animation-backface-visibility:hidden;animation-backface-visibility:hidden;display:block;background-color:#ad49ce;background-size:cover;height:100%;width:50%;right:0;margin-right:1px}@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(-2000px)}to{opacity:1;-webkit-transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}}aside.menu .sidebar__right__image .slide{width:100%;height:100vh;background-size:cover;position:absolute;top:0;background-repeat:no-repeat}aside.menu .sidebar__right__image #slide1{z-index:20}aside.menu .sidebar__right__image #slide1__image{width:100%;height:100%;background:url(assets/images/hub9-digitalexploresrs-coverimg-principal-29i4gSN.png);background-color:#f1dfdd;background-repeat:no-repeat;background-size:cover}aside.menu .sidebar__right__image #slide1__overlay{position:absolute;top:0;width:100%;height:100%;background-color:#fff;z-index:-1}aside.menu .sidebar__right__image video{height:130%;width:100%;-o-object-fit:cover;object-fit:cover}aside.menu nav ul{list-style:none;padding:5vh 0}aside.menu nav ul li{margin-top:30px;position:relative;padding-left:35px;-webkit-transition:padding-left .2s cubic-bezier(0,1.01,.41,.96);transition:padding-left .2s cubic-bezier(0,1.01,.41,.96)}aside.menu nav ul li:first-child{margin-top:0}aside.menu nav ul li:before{display:block;content:" ";width:4px;height:0;background-color:#0ecc8d;position:absolute;left:0;-webkit-transition:height .2s cubic-bezier(0,1.01,.41,.96);transition:height .2s cubic-bezier(0,1.01,.41,.96)}@media (min-width:1024px){aside.menu nav ul li{margin-top:50px;padding-left:calc(2.34375vw + 8px)}}aside.menu nav ul li span{opacity:.5;font-size:14px;line-height:23px;font-weight:300}@media (min-width:1250px){aside.menu nav ul li span{font-size:calc(.3125vw + 10px)}}aside.menu nav ul li a{display:block;font-size:18px;line-height:29px;font-weight:700}@media (min-width:1250px){aside.menu nav ul li a{font-size:calc(.625vw + 10px)}}aside.menu nav ul li.active,aside.menu nav ul li:hover{padding-left:17%}aside.menu nav ul li.active:before,aside.menu nav ul li:hover:before{height:100%}aside.menu .contact{display:block;font-size:14px;line-height:23px;margin:0 0 40px;padding-left:35px}@media (min-width:1024px){aside.menu .contact{padding-left:calc(2.34375vw + 8px)}}@media (min-width:1250px){aside.menu .contact{font-size:calc(.3125vw + 10px);line-height:26px}}aside.menu .contact--light{display:block;opacity:.5;font-weight:300}aside.menu .contact--bold{display:block;font-weight:700}aside.case-menu{z-index:1}aside.case-menu .sidebar__left{position:absolute;z-index:150}aside.case-menu .sidebar__left .back-btn,aside.case-menu .sidebar__left .small-logo{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation:fadeInDown .2s cubic-bezier(.3,0,0,1) 0s 1 both;animation:fadeInDown .2s cubic-bezier(.3,0,0,1) 0s 1 both;-webkit-animation-backface-visibility:hidden;-moz-animation-backface-visibility:hidden;-ms-animation-backface-visibility:hidden;-o-animation-backface-visibility:hidden;animation-backface-visibility:hidden}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}aside.case-menu .sidebar__left .back-btn{height:68px;width:100%;background-color:#0ecc8d;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}aside.case-menu .sidebar__left .back-btn a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:white-space;-ms-flex-pack:white-space;justify-content:white-space;height:100%;width:100%;-webkit-transition:-webkit-transform .2s cubic-bezier(0,1.01,.41,.96);transition:-webkit-transform .2s cubic-bezier(0,1.01,.41,.96);transition:transform .2s cubic-bezier(0,1.01,.41,.96);transition:transform .2s cubic-bezier(0,1.01,.41,.96),-webkit-transform .2s cubic-bezier(0,1.01,.41,.96)}aside.case-menu .sidebar__left .back-btn a svg{margin:auto;-webkit-transform:rotate(90deg);transform:rotate(90deg)}aside.case-menu .sidebar__left .small-logo{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;height:68px}aside.case-menu .sidebar__left .copyright-info span{margin:172px 0}aside.case-menu .sidebar__right{z-index:-1;-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:-webkit-transform 3s cubic-bezier(0,1.01,.41,.96);transition:-webkit-transform 3s cubic-bezier(0,1.01,.41,.96);transition:transform 3s cubic-bezier(0,1.01,.41,.96);transition:transform 3s cubic-bezier(0,1.01,.41,.96),-webkit-transform 3s cubic-bezier(0,1.01,.41,.96)}aside.case-menu .sidebar__right__image{z-index:-1;width:0;-webkit-transition:width 1s cubic-bezier(0,1.01,.41,.96);transition:width 1s cubic-bezier(0,1.01,.41,.96)}aside.case-menu .sidebar__right__navigation{z-index:-1;-webkit-transform:translateX(-150%);transform:translateX(-150%);-webkit-transition:-webkit-transform 2s cubic-bezier(0,1.01,.41,.96);transition:-webkit-transform 2s cubic-bezier(0,1.01,.41,.96);transition:transform 2s cubic-bezier(0,1.01,.41,.96);transition:transform 2s cubic-bezier(0,1.01,.41,.96),-webkit-transform 2s cubic-bezier(0,1.01,.41,.96)}.container{overflow-x:hidden;overflow-y:auto;max-width:100%;margin-left:auto;margin-right:auto}.container:after{content:" ";display:block;clear:both}.content{width:100%;float:left;margin-left:0;margin-right:0;height:auto}@media (min-width:768px){.content--left{width:60%;float:left;height:100%;overflow-y:hidden}}@media (min-width:1250px){.content--left{width:50%;float:left}}@media (min-width:768px){.content--right{width:40%;float:left;height:100%;overflow-y:hidden}}@media (min-width:1250px){.content--right{width:50%;float:left;height:100%;overflow-y:hidden}}.hide{z-index:200}.hide #contact,.hide #home,.hide #what{-webkit-animation:fadeOutUp .3s cubic-bezier(.3,0,0,1) .1s 1 both;animation:fadeOutUp .3s cubic-bezier(.3,0,0,1) .1s 1 both;-webkit-animation-backface-visibility:hidden;-moz-animation-backface-visibility:hidden;-ms-animation-backface-visibility:hidden;-o-animation-backface-visibility:hidden;animation-backface-visibility:hidden}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(-20px)}}@keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}}.hide #works{-webkit-animation:slideOutRight 1s cubic-bezier(.3,0,0,1) 0s 1 both;animation:slideOutRight 1s cubic-bezier(.3,0,0,1) 0s 1 both;-webkit-animation-backface-visibility:hidden;-moz-animation-backface-visibility:hidden;-ms-animation-backface-visibility:hidden;-o-animation-backface-visibility:hidden;animation-backface-visibility:hidden}@-webkit-keyframes slideOutRight{0%{opacity:1;-webkit-transform:translateX(0)}to{opacity:0;-webkit-transform:translateX(2000px)}}@keyframes slideOutRight{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}to{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@font-face{font-family:Poppins;font-style:normal;font-weight:300;src:url(assets/fonts/Poppins-Light.woff) format("woff")}@font-face{font-family:Poppins;font-style:normal;font-weight:400;src:url(assets/fonts/Poppins-Regular.woff) format("woff")}@font-face{font-family:Poppins;font-style:normal;font-weight:500;src:url(assets/fonts/Poppins-Medium.woff) format("woff")}@font-face{font-family:Poppins;font-style:normal;font-weight:600;src:url(assets/fonts/Poppins-Semibold.woff) format("woff")}@font-face{font-family:Poppins;font-style:normal;font-weight:700;src:url(assets/fonts/Poppins-Bold.woff) format("woff")}#hero{-webkit-animation:fadeIn 1.5s cubic-bezier(.3,0,0,1) .5s 1 both;animation:fadeIn 1.5s cubic-bezier(.3,0,0,1) .5s 1 both;-webkit-animation-backface-visibility:hidden;-moz-animation-backface-visibility:hidden;-ms-animation-backface-visibility:hidden;-o-animation-backface-visibility:hidden;animation-backface-visibility:hidden;font-weight:700;height:325px;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;position:relative;margin-bottom:calc(3.90625vw + 60px)}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}#hero .hero__content{z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;height:100%;width:100%}#hero .hero__content__info{height:auto;margin:auto;width:77.77778%;float:left;margin-bottom:calc(3.125vw + 20px)}#hero .hero__content__info h1{color:#fff;font-size:30px;width:1090px;margin:0;line-height:1em;height:3em;overflow:hidden;white-space:pre-line;text-overflow:ellipsis;max-width:90%}#hero .hero__content__info h3{color:#0ecc8d;font-size:12px;line-height:12px;width:128px}#hero img{width:auto;height:100%;position:absolute;top:0;right:0}@media (min-width:1024px){#hero{height:100vh}#hero .hero__content__info h1{font-size:calc(3.90625vw + 0px);max-width:50%}#hero .hero__content__info h3{font-size:calc(1.11607vw + .57143px);line-height:calc(1.11607vw + .57143px)}#hero img{width:100%;height:auto}}.case-content{padding:0;margin:0;list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.case-content p{max-width:1440px;width:90%;margin:0 auto;font-size:16px;line-height:25px;color:#0f2834}@media (min-width:1024px){.case-content p{font-size:calc(.44643vw + 11.42857px);line-height:calc(.55804vw + 19.28571px);width:55.55556%;float:left}}.case-content p strong{font-weight:700}.case-content p.lead:before{display:block;content:"";width:13px;height:19px;margin-bottom:28px;background-image:url(assets/images/article-icon-1AOXygE.svg)}.case-content img{max-width:100%;height:auto;width:90%;margin-top:50px}@media (min-width:1024px){.case-content img{margin-top:calc(11.16071vw + -64.28571px);width:55.55556%;float:left}}.case-content img.wide{width:100%}nav.case-nav{width:100%;position:relative;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;margin-top:calc(11.16071vw + -64.28571px)}nav.case-nav,nav.case-nav ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal}nav.case-nav ul{-webkit-padding-start:0;list-style:none;-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:distribute;justify-content:space-around;margin:auto;width:55.55556%;float:left}nav.case-nav ul li{display:block;position:relative}nav.case-nav ul li:before{width:100%;height:4px;background-color:hsla(189,5%,72%,.3)}nav.case-nav ul li:before,nav.case-nav ul li:last-child:after{display:block;content:" ";position:absolute;top:0;left:0;z-index:10}nav.case-nav ul li:last-child:after{width:4px;height:100%;background-color:#fff}nav.case-nav ul li:last-child .case-nav__label{text-align:right}nav.case-nav ul li:last-child .case-nav__label:before{display:none}nav.case-nav ul li:last-child .case-nav__label:after{display:inline-block;content:" ";width:17px;height:25px;position:relative;top:6px;margin-left:25px;background-image:url(assets/images/nav-case-arrow-right-1t8kfJe.svg);-webkit-transition:-webkit-transform .2s cubic-bezier(0,1.01,.41,.96);transition:-webkit-transform .2s cubic-bezier(0,1.01,.41,.96);transition:transform .2s cubic-bezier(0,1.01,.41,.96);transition:transform .2s cubic-bezier(0,1.01,.41,.96),-webkit-transform .2s cubic-bezier(0,1.01,.41,.96)}nav.case-nav ul li:last-child .case-nav__label:hover:after{-webkit-transform:translateX(-10px);transform:translateX(-10px)}nav.case-nav ul li .case-nav__image{display:block;width:100%;height:calc(54.6875vw + -160px);position:relative;overflow:hidden}nav.case-nav ul li .case-nav__image__content{position:absolute;top:calc(4.46429vw + -15.71429px);left:calc(6.69643vw + -28.57143px);z-index:10}nav.case-nav ul li .case-nav__image__content__info__client{font-size:16px;font-weight:700;color:#fff;margin:0}nav.case-nav ul li .case-nav__image__content__info__client,nav.case-nav ul li .case-nav__image__content__info__slogan{position:relative;-webkit-transition:-webkit-transform .2s cubic-bezier(0,.55,.23,.785);transition:-webkit-transform .2s cubic-bezier(0,.55,.23,.785);transition:transform .2s cubic-bezier(0,.55,.23,.785);transition:transform .2s cubic-bezier(0,.55,.23,.785),-webkit-transform .2s cubic-bezier(0,.55,.23,.785)}nav.case-nav ul li .case-nav__image__content__info__slogan{line-height:34px;font-size:30px;margin-top:0}nav.case-nav ul li .case-nav__image img{width:auto;height:100%;-webkit-transition:-webkit-transform 10s cubic-bezier(0,.55,.23,.785);transition:-webkit-transform 10s cubic-bezier(0,.55,.23,.785);transition:transform 10s cubic-bezier(0,.55,.23,.785);transition:transform 10s cubic-bezier(0,.55,.23,.785),-webkit-transform 10s cubic-bezier(0,.55,.23,.785)}nav.case-nav ul li .case-nav__image:hover .case-nav__image__content__info__client{-webkit-transform:translateY(-5px);transform:translateY(-5px)}nav.case-nav ul li .case-nav__image:hover .case-nav__image__content__info__slogan{-webkit-transform:translateY(5px);transform:translateY(5px)}nav.case-nav ul li .case-nav__image:hover img{-webkit-transform:scale(1.2);transform:scale(1.2);z-index:0}nav.case-nav ul li .case-nav__label{display:block;color:#0f2834;font-size:16px;font-weight:700;margin:20px 0 50px}nav.case-nav ul li .case-nav__label:before{display:inline-block;content:" ";width:17px;height:25px;position:relative;top:6px;margin-right:25px;background-image:url(assets/images/nav-case-arrow-left-KcU4pmX.svg);-webkit-transition:-webkit-transform .2s cubic-bezier(0,1.01,.41,.96);transition:-webkit-transform .2s cubic-bezier(0,1.01,.41,.96);transition:transform .2s cubic-bezier(0,1.01,.41,.96);transition:transform .2s cubic-bezier(0,1.01,.41,.96),-webkit-transform .2s cubic-bezier(0,1.01,.41,.96)}nav.case-nav ul li .case-nav__label:hover:before{-webkit-transform:translateX(10px);transform:translateX(10px)}@media (min-width:1024px){nav.case-nav ul li .case-nav__label{font-size:calc(.66964vw + 9.14286px)}}body,html{width:100%;height:100%}body{-webkit-font-smoothing:antialiased;margin:0;padding:0;background-color:#fff;font-family:Poppins,Arial,sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box;overflow-y:scroll;overflow-x:hidden}*{-webkit-box-sizing:inherit;box-sizing:inherit}a{color:inherit;text-decoration:none}p{margin:0 0 1rem;line-height:1.4em}.title svg{color:#4e058b;vertical-align:sub}.content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.content--left:before{display:block;width:100%;height:10px;margin-bottom:1rem;content:""}.content--right{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (min-width:768px){.content--right{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}}.title{-webkit-animation:fadeInLeft 1s ease 1s 1 both;animation:fadeInLeft 1s ease 1s 1 both;-webkit-animation-backface-visibility:hidden;-moz-animation-backface-visibility:hidden;-ms-animation-backface-visibility:hidden;-o-animation-backface-visibility:hidden;animation-backface-visibility:hidden;font-size:1.666rem;font-weight:400;text-transform:uppercase}@media (min-width:768px){.title{margin-left:0}}.title__icon{margin-right:.5rem;vertical-align:middle}.slogan{-webkit-animation:fadeInLeft 1s ease .7s 1 both;animation:fadeInLeft 1s ease .7s 1 both;-webkit-animation-backface-visibility:hidden;-moz-animation-backface-visibility:hidden;-ms-animation-backface-visibility:hidden;-o-animation-backface-visibility:hidden;animation-backface-visibility:hidden;font-size:2rem}@media (min-width:768px){.slogan{font-size:5.125rem}}.slogan__normal{display:inline-block;font-weight:300}@media (min-width:768px){.slogan__normal{display:block}}.slogan__strong{display:inline-block;font-weight:700}@media (min-width:768px){.slogan__strong{display:block}}article{width:100%;float:left;margin-left:0;margin-right:0;font-size:16px;color:#b5bbbc;margin:0 0 88px}article>*{margin:0}article:last-of-type{margin-bottom:32px}@media (min-width:1024px){article:last-of-type{margin-bottom:0}}@media (min-width:1024px){article{width:75%;float:left;margin-left:25%;margin-right:-100%}}@media (min-width:1250px){article{font-size:1.2rem;margin-bottom:0}}#home .article-wrapper{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (min-width:1024px){#home .article-wrapper{height:auto;min-height:inherit;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#home>.article-header{margin-bottom:30px;margin-top:150px}}@media (min-width:1250px){#home .article-wrapper{height:100vh;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media (min-width:1920px){#home>.article-header{margin-bottom:50px;margin-top:325px}}.article-header{margin-bottom:24px}.article-header:last-of-type{margin-bottom:48px}.article-header>*{padding:0 40px 10px}@media (min-width:1024px){.article-header>*{padding:0}}.article-header__label{border-bottom:1px solid #b5bbbc;text-transform:uppercase;font-weight:700;margin-bottom:32px}@media (min-width:1024px){.article-header__label{display:none}}.article-header__title{color:#0ecc8d;line-height:55px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:calc(3.54167vw + 36.66667px);line-height:calc(3.125vw + 45px)}@media (min-width:1024px){.article-header__title{line-height:calc(4.6875vw + 20px);margin-bottom:calc(1.25vw + 6px);overflow:hidden}}.article-header__title span.line,.article-header__title span.word{-webkit-animation:fadeInLeft 1.8s cubic-bezier(.3,0,0,1) 1.2s 1 both;animation:fadeInLeft 1.8s cubic-bezier(.3,0,0,1) 1.2s 1 both;-webkit-animation-backface-visibility:hidden;-moz-animation-backface-visibility:hidden;-ms-animation-backface-visibility:hidden;-o-animation-backface-visibility:hidden;animation-backface-visibility:hidden;display:inline-block;position:relative;margin-right:1%}.article-header__title span.line:first-child,.article-header__title span.word:first-child{z-index:3}.article-header__title span.line:last-child,.article-header__title span.word:last-child{z-index:0}.article-header__title span.line span,.article-header__title span.word span{display:block;float:left}.article-header__title span.line:before,.article-header__title span.word:before{-webkit-animation:slideInRight 1.5s cubic-bezier(.3,0,0,1) 1.3s 1 both;animation:slideInRight 1.5s cubic-bezier(.3,0,0,1) 1.3s 1 both;-webkit-animation-backface-visibility:hidden;-moz-animation-backface-visibility:hidden;-ms-animation-backface-visibility:hidden;-o-animation-backface-visibility:hidden;animation-backface-visibility:hidden;display:block;width:100%;height:6px;background-color:#0ecc8d;position:absolute;bottom:3px;z-index:-1;content:" "}@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(-2000px)}to{opacity:1;-webkit-transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.article-header__title span.line.break,.article-header__title span.word.break{margin-right:10%}.article-header__title span.descendent{background-color:#fff;display:inline-block;height:100%;z-index:1}.article-header__title h1{font-size:calc(3.8835vw + 35.43689px)}.article-header__title h2{font-size:33px}@media (min-width:1250px){.article-header__title{line-height:calc(4.6875vw + 20px)}.article-header__title h1{font-size:calc(4.6875vw + 20px)}.article-header__title h2{font-size:calc(3.55987vw + 21.65049px)}}.article-image-spacer{display:none;background-color:transparent}@media (min-width:1250px){.article-image-spacer{width:33.33333%;float:left;display:block;min-height:100vh;-webkit-transform-style:inherit;transform-style:inherit}}@media (min-width:1024px){.article-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;min-height:100vh;padding-left:8.33333%}}.article-content{-webkit-animation:fadeInLeft 1.8s cubic-bezier(.3,0,0,1) 1.2s 1 both;animation:fadeInLeft 1.8s cubic-bezier(.3,0,0,1) 1.2s 1 both;-webkit-animation-backface-visibility:hidden;-moz-animation-backface-visibility:hidden;-ms-animation-backface-visibility:hidden;-o-animation-backface-visibility:hidden;animation-backface-visibility:hidden}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px)}to{opacity:1;-webkit-transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.article-content>*{padding:0 40px}@media (min-width:1024px){.article-content>*{padding:0}}.article-content__title{color:#000;font-weight:700;font-size:20px;line-height:30px;margin-bottom:8px}@media (min-width:1250px){.article-content__title{font-size:calc(1.5625vw + 10px)}}.article-content__title>span{color:#0ecc8d}.article-content__spacer{border-bottom:1px solid #0ecc8d;margin-bottom:32px}@media (min-width:1024px){.article-content__spacer{width:55.55556%;float:left}}@media (min-width:1250px){.article-content__spacer{margin-bottom:50px}}.article-content__content{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin-top:60px;margin-bottom:40px}.article-content__content__number{width:10%;font-size:20px;line-height:20px;color:#0ecc8d;margin-right:20px}@media (min-width:1024px){.article-content__content__number{margin-right:0}}.article-content__content__text__title{width:80%;font-size:20px;line-height:20px;color:#0ecc8d;color:#0f2834}@media (min-width:1024px){.article-content__content__text__title{width:70%}}.article-content__content__text__footer{font-weight:700;line-height:40px;font-size:14px;opacity:.5;margin-right:auto}.article-content__content__text>p{-ms-flex-preferred-size:100%;flex-basis:100%;margin-top:20px;font-size:16px;line-height:22px}.article-content__content.footer-content{padding-bottom:0!important;margin-top:0!important;padding-top:40px;margin-bottom:0}@media (min-width:1024px){.article-content__content.footer-content{margin-bottom:40px}.article-content__content.footer-content:before{display:block;content:" ";height:1px;background-color:#0ecc8d;width:129%;position:absolute;z-index:-1;right:0;top:0}}@media (min-width:1024px){.article-content{width:66.66667%;float:left}}.article-nextpage{display:none}@media (min-width:1024px){.article-nextpage{width:22.22222%;float:left;-webkit-animation:fadeInLeft 1.8s cubic-bezier(.3,0,0,1) 1.2s 1 both;animation:fadeInLeft 1.8s cubic-bezier(.3,0,0,1) 1.2s 1 both;-webkit-animation-backface-visibility:hidden;-moz-animation-backface-visibility:hidden;-ms-animation-backface-visibility:hidden;-o-animation-backface-visibility:hidden;animation-backface-visibility:hidden;margin-top:50px;display:block}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px)}to{opacity:1;-webkit-transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.article-nextpage>a{color:#b5bbbc;font-weight:700;font-size:calc(.625vw + 10px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition:color .5s cubic-bezier(0,1.01,.41,.96);transition:color .5s cubic-bezier(0,1.01,.41,.96)}.article-nextpage>a>svg{margin:5px 20px 0 0;-webkit-transition:-webkit-transform .2s cubic-bezier(0,1.01,.41,.96);transition:-webkit-transform .2s cubic-bezier(0,1.01,.41,.96);transition:transform .2s cubic-bezier(0,1.01,.41,.96);transition:transform .2s cubic-bezier(0,1.01,.41,.96),-webkit-transform .2s cubic-bezier(0,1.01,.41,.96)}.article-nextpage>a>span{font-weight:400;font-size:calc(.3125vw + 12px)}.article-nextpage>a>span>strong{color:#0f2834}.article-nextpage>a:hover>svg{-webkit-transform:translateY(10px);transform:translateY(10px)}.article-nextpage>a:hover>span>strong{color:#000}.article-nextpage .article-nextpage__spacer{background-color:hsla(189,5%,72%,.3);height:4px;margin-bottom:15px}}.article-case{height:357px;overflow:hidden;position:relative}.article-case__content__info{z-index:1;position:relative;padding:32px 40px}.article-case__content__info__header h1{line-height:34px;font-size:30px;margin-top:0;color:#fff}.article-case__content__info__header h2{line-height:26px;font-size:16px;color:#fff;margin-bottom:5px}.article-case__content__info__briefing{display:none}.client-lightgreen .article-case__content__info__header h2{color:#0ecc8d}.client-dark .article-case__content__info__header h2{color:#0f2834}.client-white .article-case__content__info__header h2{color:#fff}.client-lightwhite .article-case__content__info__header h2{color:#fff;opacity:.5}.title-white .article-case__content__info__header h1{color:#fff}.title-dark .article-case__content__info__header h1{color:#0f2834}.article-case>img{position:absolute;height:auto;bottom:0;right:0}@media (min-width:1024px){.article-case{height:calc(18.97321vw + 162.71429px)}.article-case__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%}.article-case__content__info{margin-left:4.333333%}.article-case__content__info__header h1{font-size:calc(2.67857vw + 8.57143px);line-height:calc(2.67857vw + 8.57143px);width:39%}.article-case__content__info__header h2{font-size:calc(.66964vw + 9.14286px);margin-bottom:calc(.55804vw + 9.28571px);-webkit-transition:margin-bottom .2s cubic-bezier(0,.55,.23,.785);transition:margin-bottom .2s cubic-bezier(0,.55,.23,.785)}.article-case__content__info__briefing{display:block;width:320px;margin-top:calc(.55804vw + 9.28571px);line-height:30px;font-size:20px;color:#0f2834;-webkit-transition:margin-top .2s cubic-bezier(0,.55,.23,.785);transition:margin-top .2s cubic-bezier(0,.55,.23,.785)}}#works{-webkit-animation:fadeInRight .5s cubic-bezier(.3,0,0,1) 1.5s 1 both;animation:fadeInRight .5s cubic-bezier(.3,0,0,1) 1.5s 1 both;-webkit-animation-backface-visibility:hidden;-moz-animation-backface-visibility:hidden;-ms-animation-backface-visibility:hidden;-o-animation-backface-visibility:hidden;animation-backface-visibility:hidden;background-color:#fff}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px)}to{opacity:1;-webkit-transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}#works .article-header,#works .article-header__label{margin-bottom:0}@media (min-width:1024px){#works .article-case{overflow:hidden;-webkit-transition:opacity .5s cubic-bezier(0,1.01,.41,.96);transition:opacity .5s cubic-bezier(0,1.01,.41,.96)}#works .article-case:hover img{-webkit-transform:scale(1.2);transform:scale(1.2)}#works .article-case:hover .article-case__content__info__header h2{margin-bottom:calc(1.11607vw + 8.57143px)}#works .article-case:hover .article-case__content__info__briefing{margin-top:calc(1.11607vw + 8.57143px)}#works .article-case img{height:100%;width:auto;-webkit-transition:-webkit-transform 10s cubic-bezier(0,.55,.23,.785);transition:-webkit-transform 10s cubic-bezier(0,.55,.23,.785);transition:transform 10s cubic-bezier(0,.55,.23,.785);transition:transform 10s cubic-bezier(0,.55,.23,.785),-webkit-transform 10s cubic-bezier(0,.55,.23,.785)}}@media (min-width:1250px){#what .article-header{margin-top:125px}}#what .article-header~.article-content{margin-bottom:48px}#what .article-header~.article-content:last-of-type{margin-bottom:0}@media (min-width:1024px){#contact .article-content,#what .article-content{position:relative}#contact .article-content__content,#what .article-content__content{position:relative;padding-bottom:50px}#contact .article-content__content:after,#what .article-content__content:after{display:block;content:" ";height:1px;background-color:#0ecc8d;width:129%;position:absolute;z-index:-1;right:0;bottom:0}#contact .article-content__content:last-child:after,#what .article-content__content:last-child:after{display:none}#contact .article-content__content__number,#what .article-content__content__number{font-size:calc(2.23214vw + -2.85714px);line-height:calc(2.23214vw + 1.14286px)}#contact .article-content__content__text__title,#what .article-content__content__text__title{margin-left:20%;font-size:calc(2.23214vw + -2.85714px);line-height:calc(2.23214vw + 1.14286px)}#contact .article-content__content__text__footer,#what .article-content__content__text__footer{margin-left:auto;margin-right:inherit}#contact .article-content__content__text>p,#what .article-content__content__text>p{margin-left:30%;margin-top:calc(2.79018vw + -8.57143px);font-size:calc(.22321vw + 13.71429px);line-height:calc(.22321vw + 17.71429px)}}#contact .article-header__title h1{margin-top:88px;font-size:calc(7.70833vw + 8.33333px);line-height:calc(4.16667vw + 41.66667px)}@media (min-width:1024px){#contact .article-header__title h1{margin-top:88px;font-size:calc(-10.9375vw + 200px);line-height:calc(-8.98438vw + 180px)}}@media (min-width:1250px){#contact .article-header__title h1{margin-top:88px;font-size:calc(4.375vw + 4px);line-height:calc(3.59375vw + 19px)}}.overlay{width:100vw;height:100vh;position:fixed;background-color:#b5bbbc;opacity:0;pointer-events:none;-webkit-transition:opacity 1s cubic-bezier(0,1.01,.41,.96);transition:opacity 1s cubic-bezier(0,1.01,.41,.96)}.overlay--show{opacity:.65;pointer-events:auto}footer{width:66.66667%;float:left;background-color:red;float:right}footer>*{padding:0 40px}@media (min-width:1024px){footer>*{padding:0}}footer>svg{height:4vh}footer__text{margin-left:25%}footer__text__title{color:#b5bbbc;margin:0}footer__text>p{margin-top:calc(1.67411vw + 2.85714px);font-size:calc(.22321vw + 13.71429px);line-height:calc(.22321vw + 17.71429px);padding-right:0;width:100%;-webkit-transform:translateX(0);transform:translateX(0)}footer__text>p:first-child{margin-top:calc(2.34375vw + 0px)}