body{margin:0;font-family:-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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}@font-face{font-family:"Gilroy";src:url(/static/media/Gilroy-ExtraBold.50766f17.woff2) format("woff2"),url(/static/media/Gilroy-ExtraBold.adf79ad8.woff) format("woff");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:"Cera";src:url(/static/media/CeraPro-Medium.153de2b7.woff2) format("woff2"),url(/static/media/CeraPro-Medium.1678c073.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@keyframes bounce{0%{transform:translate(0)}75%{transform:translateY(5px)}to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes emphasis{0%{color:#7b899b}to{color:#00142c}}@keyframes beacon{0%{transform:scale(1);opacity:1}to{transform:scale(3);opacity:0}}@keyframes background-pulse{40%{background:#f1f1f1}to{background:#f6f6f6}}@keyframes beacon-shadow{0%{box-shadow:0 0 0 0 rgba(0,20,44,.2)}75%{box-shadow:0 0 0 12px rgba(0,20,44,.25)}to{box-shadow:0 0 0 20px rgba(0,20,44,0)}}@keyframes beacon-shadow-inversed{0%{box-shadow:0 0 0 0 hsla(0,0%,100%,.2)}75%{box-shadow:0 0 0 12px hsla(0,0%,100%,.25)}to{box-shadow:0 0 0 20px hsla(0,0%,100%,0)}}body,html{margin:0;padding:0;font-size:1rem;font-family:"Gilroy";font-weight:800;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#00142c}body{min-height:100vh;min-height:-webkit-fill-available}html{height:-webkit-fill-available}.container{max-width:100vw;overflow:hidden}p{font-family:"Cera",sans-serif;font-weight:500;color:#00142c}.circle-action{border-radius:50%;background:#00142c;display:flex;width:3.5rem;height:3.5rem;align-items:center;justify-content:center;transition:.5s}.circle-action svg{width:1.125rem}.circle-action svg path{fill:#fff}.circle-action:hover{animation:beacon-shadow .75s ease-out infinite;background:#fff}.circle-action:hover svg path{fill:#00142c}.circle-action.inversed{background:#fff}.circle-action.inversed svg path{fill:#00142c}.circle-action.inversed:hover{animation:beacon-shadow-inversed .75s ease-out infinite;background:#00142c}.circle-action.inversed:hover svg path{fill:#fff}.button{color:#00142c;font-size:1.125rem;padding:1rem 4rem 1rem 1rem;text-decoration:none;position:relative;background:#f6f6f6;display:inline-block;transition:.2s}.button:after{content:"";position:absolute;width:24px;height:12px;right:1rem;top:1.25rem;background:url(/static/media/arrow.450de4f2.svg) no-repeat 100%;transition:.2s}.button:hover:after{right:.75rem}.actions{display:flex;align-items:center}.actions a{margin-right:1rem}.actions .scroll-trigger{display:flex;margin-left:.5rem;margin-top:-.5rem;align-items:center}@media (max-width:760px){.actions .scroll-trigger{left:89%}}.actions .scroll-trigger svg{width:1.5rem;animation:bounce 1s ease infinite}@media (max-width:760px){.actions .scroll-trigger svg{width:1.5rem}}.actions .scroll-trigger span{font-size:1rem;margin-left:.25rem;margin-top:.5rem}.loader{position:fixed;width:100%;height:100vh;top:0;left:0;background:#00142c;display:flex;justify-content:center;align-items:center;z-index:199;flex-direction:column;transform:translate(0);transition:.45s}.loader h3{color:#fff;font-size:1rem;margin:0 0 -.75rem}.loader.false{transform:translateY(-100%);pointer-events:none}.intro{display:flex;height:100vh;max-height:100vh;background:#f6f6f6;align-items:center}@media (max-width:768px){.intro{flex-direction:column-reverse;align-items:flex-start;height:auto;max-height:none}}.intro .headshot{width:63vw;height:63vw;max-width:1190px;max-height:1190px;border-radius:50%;margin-top:5rem;border:1px solid #ddd;margin-left:-18%;position:relative;animation:background-pulse 3.5s ease-out infinite}@media (max-width:768px){.intro .headshot{margin-left:-264px;margin-top:-12.5rem;width:560px;height:560px;margin-bottom:-5rem}}.intro .headshot img{width:45.5vw;max-width:859px;transform:translate(37.5%,9.2%)}@media (max-width:768px){.intro .headshot img{width:400px;transform:translate(39%,10%)}}.intro .headshot .outer-border{width:100%;height:100%;border:1px solid #ddd;position:absolute;top:0;left:0;border-radius:50%;animation:beacon 3.5s ease-out infinite}.intro .headline{margin-left:-3rem;margin-top:-2rem;position:relative}@media (max-width:768px){.intro .headline{margin:0;padding:2.5rem 2.5rem 0}}.intro .headline h1{font-size:6.5vh;color:#00142c;width:13ch;line-height:150%;opacity:0;animation:fadeIn 1.5s ease;animation-delay:.3s;animation-fill-mode:forwards;z-index:10;margin-bottom:3rem}.intro .headline h1 strong{color:#7b899b;animation:emphasis 3s ease;animation-delay:1.6s;animation-fill-mode:forwards}@media (max-width:768px){.intro .headline h1{font-size:2.125rem;margin-bottom:2rem;width:auto}}.intro .shapes{position:absolute;left:0;right:0;height:100%;width:100%;overflow:hidden;pointer-events:none}@media (max-width:768px){.intro .shapes{display:none}}.intro .shapes img{position:absolute}.intro .shapes .O{top:5%;right:-32px}.intro .shapes .M{top:34%;right:12%}.intro .shapes .A{top:62%;right:-20px}.intro .shapes .R{top:89%;right:25%}.intro .content-right{width:50%;display:flex;height:100vh;position:relative;flex-direction:column}@media (max-width:760px){.intro .content-right{width:20%;position:static}}.intro .content-right .header{display:flex;padding:3rem 2rem 0 0;align-items:center}@media (max-width:760px){.intro .content-right .header{padding:0;margin-top:2.75rem}}.intro .content-right .header .logo{display:flex;align-items:center;z-index:100;margin-left:-6rem}.intro .content-right .header .logo img{width:16rem}@media (max-width:760px){.intro .content-right .header .logo{position:absolute;left:2rem;margin-left:0}.intro .content-right .header .logo img{width:12.5rem}}.intro .content-right .header .logo .name{text-transform:uppercase;letter-spacing:3px;font-size:.75rem;color:#00142c;display:none;margin-left:1rem}@media (max-width:760px){.intro .content-right .header .logo .name{display:block}}.intro .content-right .header .name{text-transform:uppercase;letter-spacing:4px;font-size:1.125rem;color:#00142c}@media (max-width:760px){.intro .content-right .header .name{display:none}}.intro .content-right .header nav{margin-left:auto}.intro .content-right .header nav ul{list-style:none;display:flex;align-items:center;padding:0;margin:0}@media (max-width:760px){.intro .content-right .header nav ul{flex-direction:column}}.intro .content-right .header nav ul li a{font-family:"Cera",sans-serif;text-decoration:none;color:#00142c;font-size:1rem;padding:0 .875rem}.intro .content-right .header nav ul li a svg{width:20px;height:20px}@media (max-width:760px){.intro .content-right .header nav ul li a{padding:0 .5rem;margin:.25rem 0;display:flex}}.intro .content-right .header nav ul li.mail{margin-top:2px}.intro .content-right .header nav ul li.mail svg{width:18px}.intro .content-right h1{font-size:6.4vh;color:#00142c;width:13ch;line-height:150%;margin-left:-6rem;opacity:0;animation:fadeIn 1.5s ease;animation-delay:.3s;animation-fill-mode:forwards;position:absolute;z-index:10;top:45%;transform:translateY(-50%)}.intro .content-right h1 strong{color:#7b899b;animation:emphasis 3s ease;animation-delay:1.6s;animation-fill-mode:forwards}@media (max-width:760px){.intro .content-right h1{top:13rem;left:2rem;margin-left:0;transform:translateY(-50%);text-align:left;font-size:34px;width:14ch}}.intro .content-right .shapes .O{position:absolute;right:50%;top:20%;opacity:0;animation:fadeIn 1.5s ease;animation-delay:.5s;animation-fill-mode:forwards}@media (max-width:760px){.intro .content-right .shapes .O{width:40px;right:-3%;top:22%}}.intro .content-right .shapes .M{position:absolute;right:8%;top:37%;opacity:0;animation:fadeIn 1.25s ease;animation-delay:.8s;animation-fill-mode:forwards}@media (max-width:760px){.intro .content-right .shapes .M{top:48%;right:16%;width:3rem}}.intro .content-right .shapes .A{position:absolute;right:35%;top:57%;opacity:0;animation:fadeIn 1s ease;animation-delay:1s;animation-fill-mode:forwards}@media (max-width:960px){.intro .content-right .shapes .A{right:25%;top:64%}}@media (max-width:760px){.intro .content-right .shapes .A{top:61%;right:-2%;width:3rem}}.intro .content-right .shapes .R{position:absolute;right:65%;top:75%;opacity:0;animation:fadeIn 1s ease;animation-delay:1.2s;animation-fill-mode:forwards}@media (max-width:760px){.intro .content-right .shapes .R{top:79%;right:27%;width:2rem}}.work{padding-bottom:1.5rem;max-width:1440px;margin:0 auto}.work>header{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:10rem 0 9rem}@media (max-width:760px){.work>header{padding:9rem 1.5rem 6rem}}.work>header h2{font-size:4rem;margin:0;position:relative}.work>header p{margin-top:.5rem;font-size:1.25rem;text-align:center}.work .case{display:flex;padding:0 4rem;margin-bottom:14rem;align-items:center}.work .case:nth-child(2n){flex-direction:row-reverse}.work .case:nth-child(2n) .case-information{margin-left:0;margin-right:2rem}@media (max-width:960px){.work .case{padding:0 1.5rem;align-items:flex-start;margin-bottom:10rem}.work .case,.work .case:nth-child(2n){flex-direction:column}}.work .case .image{border:1px solid #ddd;border-radius:50%;padding:2rem}@media (max-width:768px){.work .case .image{padding:1rem}}.work .case .image .image-background{border-radius:50%;background:#13c892;overflow:hidden;width:40vw;height:40vw;box-shadow:0 5px 60px 0 rgba(0,0,0,.05);position:relative;max-width:720px;max-height:720px}@media (max-width:960px){.work .case .image .image-background{width:70vw;height:70vw}}@media (max-width:768px){.work .case .image .image-background{width:80vw;height:80vw}}.work .case .image .image-background img{justify-content:flex-end;transition:.3s;max-width:620px;position:absolute;right:0;bottom:0;width:35vw}@media (max-width:960px){.work .case .image .image-background img{width:60vw}}@media (max-width:768px){.work .case .image .image-background img{width:70vw}}.work .case .image .image-background.gn-case{background:#6fcfc3}.work .case .image .image-background.regtech-case{background:#55b0cd}.work .case .case-information{margin-left:6rem;display:flex;flex-direction:column;justify-content:flex-start;margin-top:-3rem}@media (max-width:960px){.work .case .case-information{margin-left:0;margin-top:3rem}}.work .case .case-information h2{font-size:2.5rem;margin:0}.work .case .case-information h3{font-size:1.75rem;margin-bottom:.75rem;color:#00142c;margin-top:1.5rem}.work .case .case-information p{line-height:190%;font-size:1.25rem;margin-top:0}.work .case .case-information .tags{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:1.25rem 0 0}.work .case .case-information .tags li{border-radius:40px;border:1px solid #00142c;padding:.6125rem 1.5rem;margin-right:.5rem;margin-bottom:.5rem;font-family:"Cera",sans-serif;font-size:1rem;font-weight:500}@media (max-width:960px){.work .case .case-information .tags li{font-size:.875rem;padding:.5rem 1rem}}.work .case .case-information .introduction{margin-top:1rem}.work .case .case-information .introduction .view-case{display:flex;color:#00142c;align-items:center;text-decoration:none;font-size:1rem}.work .case .case-information .introduction .view-case .circle-action{margin-right:.75rem;width:2.5rem;height:2.5rem}.work .case .case-information .introduction .view-case .circle-action svg{margin-left:.5rem;width:.875rem}.work .case .case-information .introduction .view-case:hover .circle-action{animation:beacon-shadow .75s ease-out infinite;background:#fff}.work .case .case-information .introduction .view-case:hover .circle-action svg path{fill:#00142c}@media (max-width:960px){.work .case .case-information .introduction{margin-top:0}}.work .case .case-information .introduction .button{margin-top:.5 rem}.case-container{max-height:100vh;overflow:auto;margin-bottom:3rem;position:relative}.case-container h1{font-size:3rem}.case-container h2{font-size:2.5rem;margin:0}.case-container h3{font-size:2rem}.case-container p{font-size:1.375rem;line-height:190%}.case-container article{max-width:768px;margin:0 auto 5rem}.case-container article:last-child{margin-bottom:0}.case-container section{padding:5rem 2rem}.case-container .image-section{background:#f6f6f6;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem 0}.case-container .image-section figure{margin:0 0 3rem}.case-container .image-section figure figcaption{font-size:.875rem;color:#7b899b;font-family:"Cera";margin-bottom:.5rem;font-weight:500}.case-container .image-section figure img{width:100%;max-width:960px;box-shadow:0 4px 52px 0 rgba(0,0,0,.05)}.case-container .close{background:#f6f6f6;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;position:fixed;right:1.5rem;top:1.5rem;transition:.2s;z-index:9}.case-container .close svg{width:1rem;fill:#00142c;transition:.2s}.case-container .close:hover{background:#00142c}.case-container .close:hover svg{fill:#fff}.case-container .case-introduction .intro-wrapper{height:100vh;display:flex;justify-content:center;align-items:center;padding:0 2rem}@media (max-width:760px){.case-container .case-introduction .intro-wrapper{padding-top:2rem}}.case-container .case-introduction .intro-wrapper article{transform:translateY(-4rem)}@media (max-width:760px){.case-container .case-introduction .intro-wrapper article{transform:translate(0)}}.case-container .case-introduction .intro-wrapper.stippl-case{background:url(/static/media/background.63cffaec.png) no-repeat 50%;background-size:cover}.case-container .case-introduction .header-image{background:#f6f6f6;display:flex;justify-content:center}.case-container .case-introduction .header-image figure{margin:0}.case-container .case-introduction .header-image .image-wrapper{padding:0 2rem}.case-container .case-introduction .header-image img{width:100%;max-width:960px;transform:translateY(-8rem);box-shadow:0 4px 52px 0 rgba(0,0,0,.1)}@media (max-width:760px){.case-container .case-introduction .header-image img{transform:translateY(-2rem)}}.cta{background:#00142c;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:7rem 1.5rem 10rem}.cta>img{margin-bottom:3rem}.cta h3{color:#fff;margin:0;font-size:2.5rem}.cta p{color:#fff;max-width:800px;font-size:1.625rem;line-height:150%}.white-btn{background:#fff;border-radius:4px;color:#00142c;padding:1rem 1.5rem;font-size:1.25rem;text-decoration:none;transition:.2s}.white-btn:hover{box-shadow:inset 0 0 0 2px #fff;background:transparent;color:#fff}.white-btn.black{background:#00142c;color:#fff}.white-btn.black:hover{box-shadow:inset 0 0 0 2px #fff;background:transparent;color:#fff}.react-router-modal__container .case-modal{top:0;left:0;transform:translateY(100%);width:100%;transition:.3s;border:none;height:100%;background:#fff}.react-router-modal__container .case-modal.react-router-modal__modal--in{transform:translateY(2rem)}.react-router-modal__container .react-router-modal__backdrop{transition:.3s;opacity:0}.react-router-modal__container .react-router-modal__backdrop.react-router-modal__backdrop--in{opacity:1}.react-router-modal__container .react-router-modal__backdrop.react-router-modal__backdrop--out{opacity:0}
/*# sourceMappingURL=main.67531123.chunk.css.map */