@import url(https://fonts.googleapis.com/css?family=Josefin+Sans:400,600,700&display=swap);.header{position:fixed;width:100%;height:128px;z-index:4}.header.mix-blend{mix-blend-mode:difference}@media (max-width:425px){.header{height:96px}}.header .logo{font-size:1.2rem;letter-spacing:.5rem;color:#fff;font-weight:700}.header .logo,.header .logo a{text-decoration:none}.header .logo a:visited{color:inherit}.header .nav-toggle{cursor:pointer;position:relative;display:flex;justify-content:center;align-items:center}@media (max-width:768px){.header .nav-toggle{margin-right:24px}}@media (max-width:425px){.header .nav-toggle{margin-right:16px;width:20px}}.header .nav-toggle .hamburger-menu{width:25px}.header .nav-toggle .hamburger-menu span{margin-bottom:.3rem;background:#fff;height:2px;width:100%;display:block}.header .nav-toggle .hamburger-menu-close{position:absolute;display:none;fill:#fff!important}.header .nav-toggle .hamburger-menu-close svg{stroke:#fff!important}@media (max-width:768px){.header .nav-toggle .hamburger-menu-close svg{width:56px}}@media (max-width:425px){.header .nav-toggle .hamburger-menu-close svg{width:48px}}.main{height:50vh;height:calc(var(--vh, 1vh)*50);background-color:#fff}.main .row{flex-direction:column;justify-content:center}.main .row h2{font-size:clamp(1.7rem,3vw,4.2rem);line-height:clamp(1.9rem,4vw,4.5rem);font-weight:600;z-index:10;color:#fff;mix-blend-mode:difference}@media (max-width:425px){.main .row h2{margin-top:72px}}.main .row h2 .line{margin-bottom:8px;height:clamp(32px,3vw,70px);position:relative;overflow:hidden}.main .row h2 .line span{position:absolute}.main .row .btn-row{width:clamp(256px,20vw,300px);position:relative;z-index:2}.main .row .btn-row a{font-size:clamp(1.1rem,2vw,2rem);color:#000;text-decoration:none;display:flex;align-items:center;font-weight:600}.main .row .btn-row a svg{margin-left:16px;border:2px solid #000;padding:12px;height:24px;width:24px;border-radius:100px;transition:.4s ease-in-out}@media (max-width:768px){.main .row .btn-row a svg{padding:6px;width:20px;height:20px}}@media (max-width:425px){.main .row .btn-row a svg{padding:4px;width:16px;height:16px}}.main .row .btn-row a:hover svg{background:#000;color:#fff}.cases{height:50vh;height:calc(var(--vh, 1vh)*50)}@media (min-width:768px){.cases{overflow:hidden}}.cases .cases-navigation{position:absolute;bottom:0;width:100%;display:flex;justify-content:space-between;align-items:center;z-index:6;padding:32px 50px;box-sizing:border-box;pointer-events:none}@media (max-width:768px){.cases .cases-navigation{display:none}}.cases .cases-navigation .cases-arrow{background:rgba(0,0,0,.4);height:clamp(60px,4vw,80px);width:clamp(60px,4vw,80px);border-radius:100%;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:all;transition:all 1s}.cases .cases-navigation .cases-arrow svg{color:#fff;height:clamp(30px,2vw,40px);width:clamp(30px,2vw,40px)}.cases .cases-navigation .cases-arrow.disabled{opacity:.3;cursor:auto}@media (max-width:768px){.cases .row{flex-direction:column}}.cases .row .case{position:relative;background:#000;z-index:1;transform:translateX(-853.3px);transition:transform .2s ease-in-out;cursor:pointer}.cases .row .case:hover .case-image{opacity:.4}.cases .row .case .case-details{width:33.34vw;height:50vh;height:calc(var(--vh, 1vh)*50);display:flex;flex-direction:column;justify-content:center;padding:50px;box-sizing:border-box;z-index:3;position:relative}@media (max-width:768px){.cases .row .case .case-details{width:100vw}}@media (max-width:425px){.cases .row .case .case-details{padding:16px}}.cases .row .case .case-details span{margin-top:156px;font-size:clamp(1.2rem,2vw,2rem);opacity:.8;color:#fff;font-weight:600}@media (max-width:1366px) and (min-width:769px){.cases .row .case .case-details span{font-size:1.4rem}}@media (max-width:425px){.cases .row .case .case-details span{font-size:1.2rem;line-height:2.2rem}}.cases .row .case .case-details h2{font-size:clamp(1.3rem,2.5vw,2.8rem);line-height:clamp(1.3rem,2.5vw,2.8rem);width:85%;margin-top:16px;color:#fff}@media (max-width:425px){.cases .row .case .case-details h2{margin-top:8px}}.cases .row .case .case-image{top:0;left:0;width:100%;height:100%;overflow:hidden;position:absolute;opacity:.65;transition:.4s cubic-bezier(.6,-.05,.1,.99);z-index:2}.cases .row .case .case-image img{height:100%;width:100%;object-fit:cover}.cases .case-image-zoom-container{position:absolute;top:0;left:0;width:100vw;height:100vh;display:flex;overflow:hidden}.cases .case-image-zoom-container .case-image-zoom{position:absolute;top:50%;width:33.333vw;height:50%;width:100%;height:100%;top:0;z-index:99;background:#000;visibility:hidden}.cases .case-image-zoom-container .case-image-zoom img{opacity:.65;width:100%;height:100%;object-fit:cover}.intro-overlay .top{height:50vh;height:calc(var(--vh, 1vh)*50);position:absolute;width:100%;z-index:8}.intro-overlay .top .overlay-top{position:absolute;height:100%;width:33.333vw;background:#000;bottom:0;left:0;right:0}@media (max-width:768px){.intro-overlay .top .overlay-top{width:100vw}}.intro-overlay .top .overlay-top:nth-child(2){left:33.333%}@media (max-width:768px){.intro-overlay .top .overlay-top:nth-child(2){display:none}}.intro-overlay .top .overlay-top:nth-child(3){left:66.666%}@media (max-width:768px){.intro-overlay .top .overlay-top:nth-child(3){display:none}}.intro-overlay .bottom{height:50vh;height:calc(var(--vh, 1vh)*50);position:absolute;bottom:0;width:100%;z-index:8}.intro-overlay .bottom .overlay-bottom{position:absolute;height:100%;width:33.333vw;background:#000;bottom:0;right:66.666%}@media (max-width:768px){.intro-overlay .bottom .overlay-bottom{right:0;width:100vw}}.intro-overlay .bottom .overlay-bottom:nth-child(2){right:33.333%}@media (max-width:768px){.intro-overlay .bottom .overlay-bottom:nth-child(2){width:100vw;top:100%;right:0}}.intro-overlay .bottom .overlay-bottom:nth-child(3){right:0}@media (max-width:768px){.intro-overlay .bottom .overlay-bottom:nth-child(3){width:100vw;top:200%}}nav{left:0;top:-1px;width:100%;height:0;position:fixed;z-index:3;display:none;display:block;overflow:hidden;background:#e9f7fd;background:#fff3d8}nav a{position:relative}nav a:after{content:"";position:absolute;width:0;height:2px;display:block;margin-top:5px;right:0;background:#000;transition:.4s ease}nav a:hover:after{width:100%;left:0;color:#000}nav .nav-columns{transform:translateY(clamp(90px,25vw,125px));display:flex;padding:0 32px}@media (max-width:654px){nav .nav-columns{flex-direction:column}}@media (max-width:425px){nav .nav-columns{padding:0 16px}}nav .nav-columns .nav-column{width:45%}@media (max-width:654px){nav .nav-columns .nav-column{width:100%}}nav .nav-columns .nav-column:last-child{width:55%}@media (max-width:654px){nav .nav-columns .nav-column:last-child{width:100%}}nav .nav-columns .nav-column .nav-label{margin-bottom:clamp(.875rem,4vw,3rem);font-size:clamp(.875rem,3vw,1.2rem)}@media (max-width:425px){nav .nav-columns .nav-column .nav-label.contact-nav-label{margin-top:.5rem}}nav .nav-columns .nav-column .nav-links{padding:0;margin:0}nav .nav-columns .nav-column .nav-links li{list-style:none;margin-bottom:clamp(.875rem,3vw,2.8rem)}nav .nav-columns .nav-column .nav-links li a{font-weight:600;text-decoration:none;color:#000;font-size:clamp(1.7rem,4vw,2.8rem);line-height:clamp(1.6rem,3vw,2.8rem)}nav .nav-columns .nav-column .nav-infos{display:flex;flex-wrap:wrap}@media (max-width:654px){nav .nav-columns .nav-column .nav-infos{justify-content:space-between}}nav .nav-columns .nav-column .nav-infos .nav-info{padding:0;width:50%}nav .nav-columns .nav-column .nav-infos .nav-info:first-child,nav .nav-columns .nav-column .nav-infos .nav-info:nth-child(2){margin-top:0}@media (max-width:425px){nav .nav-columns .nav-column .nav-infos .nav-info:nth-child(4){margin-top:0}}@media (max-width:654px){nav .nav-columns .nav-column .nav-infos .nav-info:nth-child(2),nav .nav-columns .nav-column .nav-infos .nav-info:nth-child(3){display:none}}nav .nav-columns .nav-column .nav-infos .nav-info .nav-info-label{font-weight:600}nav .nav-columns .nav-column .nav-infos .nav-info li{font-weight:300;list-style:none;font-size:1.4rem;margin-bottom:1.2rem}@media (max-width:425px){nav .nav-columns .nav-column .nav-infos .nav-info li:nth-of-type(3){display:none}}@media (max-width:768px){nav .nav-columns .nav-column .nav-infos .nav-info li{font-size:1.2rem;margin-bottom:1rem}}@media (max-width:425px){nav .nav-columns .nav-column .nav-infos .nav-info li{font-size:1rem;margin-bottom:.875rem}}nav .nav-columns .nav-column .nav-infos .nav-info li a{text-decoration:none;color:#000}.case-study-landing{position:relative;height:100vh;width:100%;overflow:hidden;background:#000}.case-study-landing img{position:absolute;height:100%;width:100%;object-fit:cover;opacity:.65;pointer-events:none}.case-study-landing .case-study-text-container{position:absolute;bottom:0;margin:10rem 2rem;font-weight:600;width:clamp(400px,50vw,1200px);color:#fff}@media (max-width:425px){.case-study-landing .case-study-text-container{margin:10rem 1rem}}.case-study-landing .case-study-text-container p{font-size:clamp(1.3rem,2vw,2.5rem);font-weight:500}.case-study-landing .case-study-text-container h2{position:relative;font-size:clamp(1.7rem,4vw,6rem);line-height:1.2;margin:0;font-weight:600}@media (max-width:425px){.case-study-landing .case-study-text-container h2{right:50%;transform:translate(50%);margin:1rem 0;font-weight:700}}.case-study-landing .case-study-text-container h2 .line{margin-bottom:clamp(1rem,4vw,2.5rem);height:clamp(32px,4vw,96px);position:relative;overflow:hidden}.case-study-landing .case-study-text-container h2 .line span{position:absolute}.case-study-landing .scroll-indicator{position:absolute;bottom:0;right:350px;margin:10rem 0;display:flex;justify-content:center;align-items:center;box-sizing:border-box;color:#fff;opacity:0;z-index:6;cursor:pointer}@media (max-width:1400px){.case-study-landing .scroll-indicator{right:50%;transform:translate(50%);margin:1rem 0}}.case-study-landing .scroll-indicator p{font-size:clamp(1.1rem,4vw,1.7rem);margin:0 clamp(1rem,4vw,2rem) 0 0}.case-study-landing .scroll-indicator .scroll-arrow{background:rgba(0,0,0,.4);height:clamp(50px,4vw,80px);width:clamp(50px,4vw,80px);border-radius:100%;display:flex;align-items:center;justify-content:center;pointer-events:all}.case-study-landing .scroll-indicator .scroll-arrow svg{color:#fff;height:clamp(25px,2vw,40px);width:clamp(25px,2vw,40px);transform:rotate(90deg)}.case-details{width:100%;overflow:hidden;display:flex;justify-content:center;padding:18rem 0}@media (max-width:768px){.case-details{padding:7rem 0}}.case-details .row{flex-wrap:wrap;justify-content:center}.case-details .row .text-container{width:clamp(10rem,50vw,70rem);color:#ccc;line-height:4rem;letter-spacing:-.1rem}@media (max-width:800px){.case-details .row .text-container{width:100%;margin-right:0}}.case-details .row .text-container.text-container-sm{width:clamp(10rem,50vw,28rem);margin-top:1rem}@media (max-width:800px){.case-details .row .text-container.text-container-sm{margin-top:0;width:100%}}.case-details .row .text-container.text-container-lg{margin-right:clamp(0,4vw,8rem)}.case-details .row .text-container.text-container-lg h2{color:#000;margin-top:clamp(1rem,4vw,7rem);margin-bottom:0}.case-details .row .text-container.text-container-lg p:nth-of-type(2){margin-top:0;color:#949494;font-size:clamp(1.3rem,5vw,2rem);line-height:clamp(1.5rem,5vw,3rem)}.case-details .row .text-container p{font-weight:500;font-size:clamp(1.5rem,5vw,3rem);line-height:clamp(1.8rem,5vw,4rem)}.case-details .row .text-container h2{margin-bottom:0;font-size:clamp(1.7rem,4vw,2rem);font-weight:600}.case-details .row .text-container ul{margin-top:0;margin-left:0;padding-left:0}.case-details .row .text-container ul li{font-size:clamp(1.5rem,4vw,2.5rem);line-height:clamp(2.3rem,4vw,4rem);font-weight:600;color:#000;list-style:none;margin-left:0}.case-details .row .text-container .btn-row{width:clamp(110px,20vw,190px);position:relative;z-index:2;font-size:clamp(1.1rem,2vw,2rem);color:#000;text-decoration:none;display:flex;align-items:center;font-weight:600;margin-top:5rem;cursor:pointer}@media (max-width:768px){.case-details .row .text-container .btn-row{margin-top:0}}.case-details .row .text-container .btn-row svg{margin-left:16px;border:2px solid #000;padding:12px;height:30px;width:30px;border-radius:100px;background:transparent;transition:background .4s ease-in-out,color .4s ease-in-out}@media (max-width:768px){.case-details .row .text-container .btn-row svg{padding:6px;width:20px;height:20px}}@media (max-width:425px){.case-details .row .text-container .btn-row svg{padding:4px;width:16px;height:16px}}.case-details .row .text-container .btn-row:hover svg{background:#000;color:#fff}.case-study-images{width:100%}.case-study-images img{width:100%;object-fit:cover;display:block}.next-case{position:relative;height:125vh;width:100%;overflow:hidden}.next-case a{color:#000;text-decoration:none}.next-case .wave{position:absolute;top:40%;fill:#bfebff;fill:#fff3d8;cursor:pointer;transition:opacity .3s ease-in-out;opacity:.6}.next-case .wave:nth-of-type(2){fill:#7bd5ff;fill:#ffe9b7;opacity:1}@media (max-width:800px){.next-case .wave{top:74%}}@media (max-width:425px){.next-case .wave{top:80%}}.next-case .scrolling-text{position:absolute;top:43%;left:50%;transform:translate(-50%);padding:0 1rem;height:clamp(3rem,10.2vw,16rem);text-align:center;overflow:hidden}@media (max-width:800px){.next-case .scrolling-text{top:75%}}@media (max-width:425px){.next-case .scrolling-text{top:80%}}.next-case .scrolling-text h2{position:relative;top:0;margin:0;font-weight:500;letter-spacing:-1.5rem;transition:top .5s;font-size:clamp(2rem,10vw,14rem)}@media (max-width:800px){.next-case .scrolling-text h2{letter-spacing:-.5rem}}@media (max-width:425px){.next-case .scrolling-text h2{letter-spacing:-.2rem}}.next-case .scroll-indicator{position:absolute;top:55%;left:50%;width:100%;transform:translate(-50%,-50%);margin:10rem 0;padding:20px 0;display:flex;justify-content:center;align-items:center;box-sizing:border-box;pointer-events:none;color:#000;z-index:6;letter-spacing:-.1rem}@media (max-width:800px){.next-case .scroll-indicator{top:75%}}@media (max-width:425px){.next-case .scroll-indicator{top:75%}}.next-case .scroll-indicator p{font-size:clamp(1.1rem,4vw,1.7rem);margin:0 clamp(1rem,4vw,1.2rem) 0 0}.next-case .scroll-indicator .scroll-arrow{height:clamp(35px,4vw,60px);width:clamp(35px,4vw,60px);border:2px solid #000;border-radius:100%;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:none;transition:background .4s ease-in-out,color .4s ease-in-out}.next-case .scroll-indicator .scroll-arrow svg{color:#000;height:clamp(25px,2vw,35px);width:clamp(25px,2vw,35px);transform:rotate(90deg)}.next-case .next-page-landing-image{position:relative;top:100%;height:100vh;width:100%;overflow:hidden;background:#000}.next-case .next-page-landing-image img{position:absolute;height:100%;width:100%;object-fit:cover;opacity:.65;pointer-events:none}.about-landing{position:relative;height:100vh;width:100%;overflow:hidden;background:#000}.about-landing img{position:absolute;height:100%;width:100%;object-fit:cover;opacity:.65;pointer-events:none}.about-landing .about-text-container{position:absolute;bottom:0;margin:25rem 2rem;font-weight:600;width:70%;color:#fff}@media (max-width:425px){.about-landing .about-text-container{margin:10rem 1rem}}.about-landing .about-text-container p{font-size:clamp(1.3rem,2vw,3rem);font-weight:500}.about-landing .about-text-container h2{position:relative;font-size:clamp(1.7rem,4vw,7rem);line-height:1.2;margin:0;font-weight:600}@media (max-width:425px){.about-landing .about-text-container h2{right:50%;transform:translate(50%);margin:1rem 0;font-weight:700}}.about-landing .about-text-container h2 .line{margin-bottom:clamp(1rem,4vw,2.5rem);height:clamp(32px,4vw,96px);position:relative;overflow:hidden}.about-landing .about-text-container h2 .line span{position:absolute}.about-landing .scroll-indicator{position:absolute;bottom:0;right:350px;margin:10rem 0;display:flex;justify-content:center;align-items:center;box-sizing:border-box;color:#fff;opacity:0;z-index:6;cursor:pointer}@media (max-width:1400px){.about-landing .scroll-indicator{right:50%;transform:translate(50%);margin:1rem 0}}.about-landing .scroll-indicator p{font-size:clamp(1.1rem,4vw,1.7rem);margin:0 clamp(1rem,4vw,2rem) 0 0}.about-landing .scroll-indicator .scroll-arrow{background:rgba(77,77,77,.4);height:clamp(50px,4vw,70px);width:clamp(50px,4vw,70px);border-radius:100%;display:flex;align-items:center;justify-content:center;pointer-events:all}.about-landing .scroll-indicator .scroll-arrow svg{color:#fff;height:clamp(25px,2vw,40px);width:clamp(25px,2vw,40px);transform:rotate(90deg)}.services{margin:0;padding:30rem 0;letter-spacing:-.1rem;font-weight:500}.services .services-category h2{font-size:4rem}.services .services-category .services-service{position:relative}.services .services-category .services-service .services-title{border:1px solid #dadada;border-right:none;border-left:none;color:#dadada;padding:0}.services .services-category .services-service .services-title h3{font-size:5rem;font-weight:500;margin:2rem 0}.services .services-category .services-service .services-content{background:#000;color:#dadada;padding:2rem 0;position:absolute;top:0;left:0;width:100%;overflow:hidden}.services .services-category .services-service .services-content p{font-size:2.3rem;line-height:3rem;width:55%;margin-left:22rem}body,html{visibility:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#fff;-ms-scroll-chaining:none;overscroll-behavior:none;margin:0;font-family:"Josefin Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%}.container{width:clamp(1560px,75vw,2000px);min-width:1560px;margin:0 auto;height:100%}@media (max-width:1560px){.container{width:1280px;min-width:1280px}}@media (max-width:1366px){.container{width:1080px;min-width:1080px}}@media (max-width:1080px){.container{width:100%;min-width:100%}}.container .row{display:flex;height:100%;padding:0 32px}@media (max-width:425px){.container .row{padding:0 16px}}.container .v-center{align-items:center}.container .space-between{justify-content:space-between}.container-fluid{width:100%;height:100%}.container-fluid .row{display:flex;height:100%}.App{z-index:2;transform:translateY(0);position:relative}.page{height:100vh;width:100%;background:#fff}.page .row{display:flex;align-items:center}a,a:focus,a:hover,a:visited{color:#000;text-decoration:none}
/*# sourceMappingURL=main.2216a926.chunk.css.map */