@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap);@-webkit-keyframes slide{0%{transform:translateX(34px)}to{transform:translateX(-4500px)}}@keyframes slide{0%{transform:translateX(34px)}to{transform:translateX(-4500px)}}@-webkit-keyframes show-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes show-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@-webkit-keyframes show-cases{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes show-cases{0%{transform:translateY(0)}to{transform:translateY(-100%)}}body{padding:0;margin:0;background-color:#dfdbd5;overflow-x:hidden;font-family:"Manrope",sans-serif}.App,body{height:100vh;width:100%}.App{padding-top:110px;color:#212121}.App a.link{font-size:12px;color:inherit;display:inline-block;text-decoration:none;transition:all .2s;padding:5px 0;position:relative}.App a.link:after{content:"";border:solid;border-color:inherit;border-width:0 0 1px;display:block;top:5px;position:relative;transition:all .5s;width:100%}.App a.link:before{content:"";width:4.5px;height:7.36px;position:absolute;right:0;bottom:-3px;transition:right .5s;background-image:url(/static/media/arrow.f8eba0a2.svg);opacity:0}.App a.link:hover:after{width:120%}.App a.link:hover:before{right:-21%;opacity:1}.App p{font-size:16px;line-height:28px;letter-spacing:.02em}.App p a{color:inherit;font-weight:700}.App p ul{font-style:normal;font-weight:500;font-size:32px;line-height:44px;list-style:none;padding:24px 0 0;margin:0;border-top:1px solid #212121}.App p ul li{margin-bottom:12px;text-transform:uppercase}.App hr{width:80%;margin:0 auto;border-left-width:0;border-bottom:1px solid #212121;border-right-width:0;border-top-width:0}.App img{-webkit-filter:grayscale(100%);filter:grayscale(100%);opacity:.2;transition:all .5s}.App img:hover{-webkit-filter:grayscale(0);filter:grayscale(0);opacity:1}.App .hat{font-weight:400;font-size:16px;line-height:22px;text-align:center;letter-spacing:.02em}.App .tag{padding:2px 5px;background:#212121;color:#dfdbd5;font-size:12px;text-transform:uppercase;font-weight:400;margin-left:5px}.App .menu-languages{width:210px;list-style:none;display:flex;justify-content:space-between;padding:0}.App .menu-languages li{display:inline-block;border-bottom:1px solid #212121;padding:4px 20px;font-size:12px;cursor:pointer;transition:all .1s}.App .menu-languages li.active,.App .menu-languages li:hover{border-bottom:3px solid #212121}.App header{display:flex;align-items:center;justify-content:space-between;padding:40px;width:100%;box-sizing:border-box;-webkit-animation:show-up 2s ease-out .5s 1 normal none;animation:show-up 2s ease-out .5s 1 normal none;-webkit-animation-fill-mode:both;animation-fill-mode:both;position:fixed;top:0;background:#dfdbd5;z-index:2}.App header .btn-back{position:relative;left:0;transition:all .5s;cursor:pointer}.App header .btn-back:after{content:"";position:absolute;top:-20px;left:-20px;width:100%;height:100%;padding:20px}.App header .btn-back:hover{left:-15px}.App header a,.App header span{font-size:12px;color:inherit;text-decoration:none;vertical-align:middle}.App header a strong,.App header span strong{font-weight:500;margin-left:40px;vertical-align:middle;text-transform:uppercase;letter-spacing:.02em}.App header a strong svg,.App header span strong svg{margin-left:50px}.App .cover{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;text-align:right;margin-right:40px;height:75vh;background-color:#dfdbd5;padding-bottom:20px;-webkit-animation:show-up 2s ease-out .5s 1 normal none;animation:show-up 2s ease-out .5s 1 normal none;-webkit-animation-fill-mode:both;animation-fill-mode:both}.App .cover .cover-name{font-weight:400;font-size:140px;line-height:89.6%;margin-bottom:20px;text-transform:uppercase;transition:all .5s;word-break:break-all;width:35%;color:inherit}.App .cover p{margin:0;text-transform:uppercase}.App .cover .menu-languages{display:none}.App .cover-avatar{margin:0 auto;overflow:hidden;height:90vh;width:35%;display:flex;text-align:center;align-items:center;justify-content:center;position:relative;z-index:9;background-color:inherit}.App .cover-avatar img{width:auto;height:100%;position:relative;z-index:8}.App .cover-img{margin:0 20px;overflow:hidden;min-height:120vh;display:flex;align-items:center;justify-content:center;position:relative;z-index:9;background-color:#d4d0c9}.App .cover-img.profile{min-height:70vh;height:70vh}.App .cover-img p{position:absolute;left:25px;bottom:5px;z-index:10;font-size:12px;opacity:.5}.App .cover-img img{width:100%;height:auto;position:relative;z-index:8}.App .cover-img.player{height:120vh;margin:-3% 20px;background-color:transparent}.App .cover-img video{width:70%;height:auto;border:20px solid #dfdbd5}.App .cover-img.iphone,.App .cover-img.proto{background-color:#d4d0c9;margin-bottom:150px;min-height:140vh}.App .cover-img.iphone{margin-top:150px;height:auto}.App .cover-img iframe{width:100%;height:100%}.App .mockup{height:700px;width:auto;justify-content:center;position:relative}.App .mockup img{opacity:1;height:100%;width:auto}.App .mockup video{height:650px;width:auto;position:absolute;top:50%;margin-top:-325px;left:50%;margin-left:-151px;border:none}.App .display{display:flex;justify-content:space-between;width:100%;overflow:hidden;position:relative;z-index:9;text-transform:uppercase;margin-top:-40px}.App .display span{font-size:210px;margin-right:8px;-webkit-animation:slide 30s linear 0s infinite normal none running;animation:slide 30s linear 0s infinite normal none running;will-change:transform}.App .display span:first-child,.App .display span:nth-child(6){font-weight:500}.App .display span:nth-child(2),.App .display span:nth-child(7){opacity:.6;font-weight:400}.App .display span:nth-child(3),.App .display span:nth-child(8){opacity:.4;font-weight:300}.App .display span:nth-child(4),.App .display span:nth-child(9){opacity:.4;font-weight:100}.App .display span:nth-child(5),.App .display span:nth-child(10){opacity:.2;font-weight:100}.App .presentation{display:flex;flex-direction:column;justify-content:center;padding-top:150px}.App .presentation p{padding-left:55%;width:350px}.App .companies{padding-bottom:200px;display:flex;justify-content:center;flex-direction:column;padding-left:55%;margin-top:150px}.App .companies .hat{text-align:left;margin-bottom:32px}.App .companies_logos{width:480px;margin-left:-30px}.App .companies_logos a{opacity:1;transition:all .5s;width:120px;height:52px;display:inline-block;text-align:center}.App .companies_logos a svg{vertical-align:middle}.App .companies_logos a:hover{opacity:.5}.App .cases{display:flex;flex-direction:column;position:relative;z-index:9;margin-bottom:150px}.App .cases figure img,.App .cases figure video{width:auto;height:100%}.App .cases .case-one{position:relative;height:95vh;display:flex;align-items:center;flex-direction:row;margin:0 20px}.App .cases .case-one:hover img{-webkit-filter:grayscale(0);filter:grayscale(0);opacity:1}.App .cases .case-one figure{height:100%;margin:0;width:50%;overflow:hidden;text-align:right;background-color:#dfdbd5;display:flex;align-items:center;justify-content:flex-start;flex-direction:column}.App .cases .case-one:hover figure img,.App .cases .case-one:hover figure video{-webkit-animation:show-cases .5s ease-out 1s 1 normal none;animation:show-cases .5s ease-out 1s 1 normal none;-webkit-animation-fill-mode:both;animation-fill-mode:both}.App .cases .case-one .case-title{display:flex;flex-direction:column;position:relative;z-index:2;background:#212121;width:50%;height:100%;color:#dfdbd5;padding:40px;box-sizing:border-box;text-align:right}.App .cases .case-one .case-title_hat{font-weight:400;font-size:24px;line-height:33px;letter-spacing:.02em;margin-bottom:20px;text-transform:uppercase}.App .cases .case-one .case-title_hat .dash{display:inline-block;vertical-align:middle;width:100px;border-bottom:1px solid #dfdbd5;margin:0 16px}.App .cases .case-one .case-title_postname{font-weight:500;font-size:100px;line-height:1.1em;letter-spacing:.02em;color:#dfdbd5;text-transform:uppercase}.App .cases .case-one .case-title_company{font-weight:400;font-size:16px;line-height:22px;letter-spacing:.02em;vertical-align:middle;position:absolute;bottom:40px}.App .cases .case-one .case-title_company svg{margin-left:5px;vertical-align:middle}.App .cases .case-one .case-title_link{position:absolute;left:50%;bottom:0;font-weight:400;font-size:90px;line-height:123px;letter-spacing:.02em;z-index:3;background-color:#dfdbd5;padding:28px 70px 38px;transition:padding-right .5s}.App .cases .case-one .case-title_link:hover{padding-right:125px}.App .cases .case-one .case-title_link:before{right:64px}.App .cases .case-one .case-title_link:hover:before{bottom:30px;right:68px}.App .case-slider{padding:20px;display:flex;flex-direction:row;justify-content:center;margin-left:20px}.App .case-slider .case{width:400px;display:flex;background-color:#dfdbd5;position:relative;flex-direction:column;text-decoration:none;color:inherit;cursor:pointer}.App .case-slider .case:hover img{-webkit-filter:grayscale(0);filter:grayscale(0);opacity:1}.App .case-slider .case figure{position:relative;height:400px;width:400px;overflow:hidden;text-align:center;display:flex;align-items:center;justify-content:flex-start;margin:0 0 8px;flex-direction:column}.App .case-slider .case figure img{width:auto;height:100%}.App .case-slider .case:hover figure img{-webkit-animation:show-cases .5s ease-out 2s 1 normal none;animation:show-cases .5s ease-out 2s 1 normal none;-webkit-animation-fill-mode:both;animation-fill-mode:both}.App .case-slider .case.case-two{margin-right:20px;margin-top:170px}.App .case-slider .case.case-five,.App .case-slider .case.case-four{margin-top:62px}.App .case-slider .case .case-title{text-shadow:none;transition:all .5s}.App .case-slider .case .case-title_company{position:absolute;left:0;bottom:0;font-weight:400;font-size:16px;line-height:22px;letter-spacing:.02em;padding:20px 25px 0 0;background-color:#dfdbd5;display:flex;align-items:center}.App .case-slider .case .case-title_company .dash{display:inline-block;vertical-align:middle;width:50px;border-bottom:1px solid #212121;margin:0 16px}.App .case-slider .case .case-title_postname{font-weight:500;font-size:48px;line-height:1.2em;letter-spacing:.02em}.App footer{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative}.App footer .footer-heading{font-weight:400;font-size:90px;line-height:92px;letter-spacing:.02em;margin-bottom:68px}.App footer .footer-links{display:flex;justify-content:space-between;width:600px}.App footer p{position:absolute;bottom:20px}.App footer p a.link{font-size:16px}.App .container{width:1030px;margin:0 auto;display:flex;flex-direction:row}.App .container .col1,.App .container .col2{width:50%}.App .container .col6{width:80%}.App .casepage-paragraphy{width:75%;padding-bottom:32px}.App .casepage-client{display:flex;flex-direction:column;text-align:right;justify-content:flex-end;margin:150px 0 165px;font-size:12px}.App .casepage-client a{color:inherit}.App .casepage-title{font-weight:500;font-size:68px;line-height:1.1em;letter-spacing:.02em;color:inherit;margin:150px 0;text-transform:uppercase}.App .casepage-title_hat{font-weight:400;font-size:24px;line-height:33px;letter-spacing:.02em;margin-bottom:10px;display:block}.App .casepage-title_hat .dash{display:inline-block;vertical-align:middle;width:100px;border-bottom:1px solid;border-color:inherit;margin:0 16px}.App .casepage-title_postname{margin-left:-4px;display:inline-block}.App .casepage-deliverables{margin-bottom:46px}.App .casepage-deliverables_hat{font-weight:400;font-size:16px;line-height:22px;letter-spacing:.02em;display:block;margin-bottom:10px}.App .casepage-deliverables_text{font-weight:600;font-size:40px;line-height:48px;letter-spacing:.02em;display:block}.App .casepage-deliverables:last-of-type{margin-bottom:0}.App .case-gallery{margin:150px 20px 64px;height:120vh;display:flex;flex-direction:row;position:relative;z-index:9}.App .case-gallery_col1{width:60%;overflow:hidden;display:flex;justify-content:center;align-items:center;background:#d4d0c9}.App .case-gallery_col1:first-child{margin-right:20px}.App .case-gallery_col2{width:40%;display:flex;flex-direction:column;overflow:hidden}.App .case-gallery_col2 .case-gallery_photo:first-of-type{margin-bottom:20px}.App .case-gallery_photo{overflow:hidden;width:auto;height:100%;margin:0;display:flex;justify-content:center}.App .case-gallery_photo img,.App .case-gallery_photo video{width:auto;height:100%}.App .more-cases{width:1030px;margin:150px auto}.App .more-cases ul{padding:0;margin:0;display:flex;list-style:none}.App .more-cases ul h3{font-style:normal;font-weight:500;font-size:28px;line-height:32px}.App .more-cases ul li{width:33%}.App .more-cases ul li p{font-size:14px;width:60%}.App .articles{display:flex;flex-direction:column;align-items:center}.App .articles .article{padding:68px 0;width:1030px;display:flex;flex-direction:row;align-items:center;border-bottom:1px solid;border-color:inherit;position:relative;z-index:1;cursor:pointer;color:inherit;text-decoration:none}.App .articles .article:first-child{border-top:1px solid;border-color:inherit}.App .articles .article figure{width:192px;height:145px;margin:0 32px 0 0;overflow:hidden;display:flex;justify-content:center}.App .articles .article figure img{width:auto;height:100%;opacity:.5}.App .articles .article .article-title{width:350px;display:flex;flex-direction:column}.App .articles .article .article-title_hat{font-weight:400;font-size:16px;line-height:22px;letter-spacing:.02em;margin-bottom:8px;text-transform:uppercase}.App .articles .article .article-title_postname{font-style:normal;font-weight:600;font-size:32px;line-height:1.2}.App .articles .article .link-arrow{position:absolute;right:0;transition:all .5s}.App .articles .article:hover .link-arrow{right:-40px}.App .articles .article:hover img{opacity:1;-webkit-filter:grayscale(0);filter:grayscale(0)}.App .colaborators{margin:150px auto 100px;line-height:28px;letter-spacing:.02em}.App .colaborators ul{list-style:none;margin-bottom:60px;padding-left:0;margin-top:0}.App .colaborators ul li{font-weight:400}.App .colaborators img{border-radius:100%;overflow:hidden;width:32px;height:32px;opacity:1;margin-left:10px;vertical-align:middle}.App .process{width:1030px;margin:0 auto 150px;display:flex;flex-direction:row}.App .process_step{border-top:1px solid;border-color:inherit;color:inherit;margin-right:10px;padding:48px 48px 0 0;display:flex;flex-direction:column;box-sizing:border-box;width:50%}.App .process_step_number{width:100px;height:100px;display:flex;align-items:center;justify-content:center;border-radius:100%;background:#212121;color:#dfdbd5;margin-bottom:25px;font-weight:400}.App .process_step_title{font-style:normal;font-weight:600;font-size:26px;line-height:38px;letter-spacing:.02em;margin:0 0 12px}.App .process_step p{font-size:14px}@media only screen and (max-width:767px){body{overflow-x:hidden}.App{padding-top:90px}.App img{opacity:1;-webkit-filter:grayscale(0);filter:grayscale(0)}.App header{padding:30px;background-color:#dfdbd5}.App header strong{display:none}.App header .mini-logo{display:block}.App header .link{position:relative;right:0}.App .menu-languages{width:160px}.App .menu-languages li{padding:4px 12px}.App .cover{padding-bottom:20px;height:70vh;margin-right:30px}.App .cover .cover-name{word-break:break-all;font-size:85px;width:70%}.App .cover-img{height:35vh;min-height:35vh;padding:0;margin:0}.App .cover-img.profile{margin:0 12px}.App .cover-img p{font-size:10px;bottom:0;left:8px;margin:0}.App .cover-img.proto{display:none}.App .cover-img.player{height:30vh;min-height:30vh;margin:-3% 0}.App .cover-img.player iframe{width:100%}.App .cover-img img{height:100%;width:auto}.App .mockup{display:none}.App .presentation{justify-content:flex-start;padding-top:0}.App .presentation p{padding-left:20px;width:70%}.App .presentation ul{font-size:20px;font-weight:600}.App .companies{padding-bottom:50px;padding-left:20px;margin-top:50px}.App .companies_logos{transform:scale(.8);width:auto;margin-left:-60px}.App .companies_logos a{width:100px}.App .cases{margin-bottom:60px}.App .cases .case-one{height:auto;margin:0 20px;flex-direction:column}.App .cases .case-one:hover figure img,.App .cases .case-one:hover figure video{-webkit-animation:none;animation:none}.App .cases .case-one figure{height:340px;width:100%;border-bottom:0;box-sizing:border-box}.App .cases .case-one figure img{height:100%;width:auto}.App .cases .case-one .case-title_hat{font-size:16px;margin-bottom:8px}.App .cases .case-one .case-title_hat .dash{width:50px}.App .cases .case-one .case-title_postname{font-size:48px;margin-bottom:40px}.App .cases .case-one .case-title{width:100%;padding:30px}.App .cases .case-one .case-title_company{position:relative;bottom:auto}.App .cases .case-one .case-title_link{font-size:28px;width:50%;text-align:center;padding:0;font-weight:600;line-height:90px;text-decoration:underline}.App .cases .case-one .case-title_link:after{display:none}.App .cases .case-slider{margin:20px 0 0;padding:0 20px;display:flex}.App .cases .case-slider .col1{margin-right:4%}.App .cases .case-slider .col1,.App .cases .case-slider .col2{width:48%}.App .cases .case-slider .case{width:100%}.App .cases .case-slider .case figure{height:220px;width:100%}.App .cases .case-slider .case .case-title_company{display:none}.App .cases .case-slider .case .case-title_postname{font-size:24px;font-weight:600}.App .more-cases{width:100%;margin:0 auto;border-top:1px solid #212121}.App .more-cases ul{flex-direction:column;padding:0 20px}.App .more-cases ul:first-of-type{padding-top:20px}.App .more-cases ul li{width:100%}.App .more-cases ul li h3{margin:20px 0}.App .more-cases ul li p{width:70%}.App .articles{padding-top:20px}.App .articles .article{padding:20px;width:100%;box-sizing:border-box}.App .articles .article figure{height:95px;margin-right:24px}.App .articles .article figure img{-webkit-filter:grayscale(0);filter:grayscale(0);opacity:1}.App .articles .article .article-title_hat{font-size:14px}.App .articles .article .article-title_postname{font-size:20px;line-height:1.2em;font-weight:600}.App .articles .article .link-arrow{display:none}.App footer{padding:150px 20px 20px;align-items:flex-start;height:auto;min-height:0}.App footer p{margin-top:20px;position:relative;bottom:auto}.App footer .footer-links{flex-direction:column;width:auto;margin:50px 0}.App footer .footer-links a{margin-bottom:20px;font-size:16px}.App footer .footer-heading{font-size:70px;line-height:77px;margin-bottom:40px}.App .container{width:100%;margin:0;flex-direction:column}.App .container .col1,.App .container .col2,.App .container .col6,.App .process{width:100%;padding:0 20px;box-sizing:border-box}.App .process{flex-direction:column;margin:0 auto}.App .process_step{height:auto;border:0;margin-right:0;margin-bottom:20px;border-bottom:1px solid;border-color:inherit;padding:20px 0;width:100%}.App .process_step_title{width:50%}.App .process_step:first-of-type{padding-top:40px}.App .process_step p{width:50%}.App .casepage-client{margin:40px 0 0}.App .casepage-title_hat{font-size:18px;margin-bottom:0}.App .casepage-title_hat .dash{width:25px}.App .casepage-title_hat{font-size:12px}.App .casepage-title{font-size:48px;margin:20px 0 0}.App .casepage-deliverables_text{font-size:34px;line-height:42px;width:80%}.App .colaborators{margin:20px 0 0;flex-direction:column;width:100%}.App .colaborators .col1{margin-bottom:60px}.App .colaborators span{margin-bottom:15px}.App .colaborators img{width:24px;height:24px}.App .case-gallery{margin-top:60px;flex-direction:column;height:auto}.App .case-gallery_col1{margin-bottom:20px}.App .case-gallery_col1,.App .case-gallery_col2{width:100%}.App .case-gallery .case-gallery_photo{width:auto;height:300px}.App .case-gallery .case-gallery_photo img{height:100%;width:auto}}.cerveja-me *{color:#e04449}.cerveja-me *,.cerveja-me a:after{border-color:#e04449}.cerveja-me svg{fill:#e04449}.cerveja-me .process_step_number{background:#e04449;color:#dfdbd5}.claro *{color:#ce5353}.claro *,.claro a:after{border-color:#ce5353}.claro svg{fill:#ce5353}.claro .process_step_number{background:#ce5353;color:#dfdbd5}.youse *{color:#906aad}.youse *,.youse a:after{border-color:#906aad}.youse svg{fill:#906aad}.youse .process_step_number{background:#906aad;color:#dfdbd5}.soma *{color:#212121}.soma *,.soma a:after{border-color:#212121}.soma svg{fill:#212121}.soma .process_step_number{background:#212121;color:#dfdbd5}.enfase *{color:#d46075}.enfase *,.enfase a:after{border-color:#d46075}.enfase svg{fill:#d46075}.enfase .process_step_number{background:#d46075;color:#dfdbd5}
/*# sourceMappingURL=main.f979317e.chunk.css.map */