@import url(https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{display:flex;flex-direction:column;min-height:100vh;overflow:hidden}.App .layout{padding-top:123px;position:relative}@media(max-width:767px){.App .layout{padding-top:97px}}.Navbar{align-items:center;background:#191018;box-shadow:0 -8px 20px 11px rgba(0,0,0,.459);display:flex;justify-content:space-between;padding:29px 64px;position:fixed;width:100%;z-index:2}@media(max-width:767px){.Navbar{padding:29px 30px}}.Navbar>div.mobile-menu{background:linear-gradient(#191018 75%,#191018 0);display:flex;height:100vh;position:absolute;right:0;top:97px;width:100%;z-index:2}.Navbar>div.hamburger{display:none}@media(max-width:767px){.Navbar>div.hamburger{align-items:center;display:flex;flex-direction:column;height:40px;justify-content:space-evenly;width:40px}.Navbar>div.hamburger>div{background:#eceae6;height:1px;transition:transform .2s ease-in-out;width:60%}.Navbar>div.hamburger.open{justify-content:center}.Navbar>div.hamburger.open>div{transition:transform .2s ease-in-out}.Navbar>div.hamburger.open>div:first-of-type{position:relative;top:1px;transform:rotate(45deg)}.Navbar>div.hamburger.open>div:nth-of-type(3){transform:rotate(-45deg)}.Navbar>div.hamburger.open>div:nth-of-type(2){display:none}}.Navbar>div:not(.hamburger){display:flex}.Navbar>div:not(.hamburger)>img{height:40px;width:52px}.Navbar ul{display:flex;list-style:none}@media(max-width:767px){.Navbar ul.desktop{display:none}}.Navbar ul>li{color:#eceae6;cursor:pointer;font-size:24px;font-weight:300;position:relative}.Navbar ul>li.active{font-weight:500}.Navbar ul>li.active span{background:#fff;bottom:-9px;display:flex;height:6px;left:calc(50% - 12px);position:absolute;width:24px}.Navbar ul>li:not(:first-of-type){margin-left:52px}.Navbar ul.mobile{flex-direction:column}.Navbar ul.mobile>li{margin:0 0 20px;padding-left:12px}.Navbar ul.mobile>li>span{left:12px}.Footer{background:#191018;margin-top:auto}.Footer,.Footer>ul{display:flex;justify-content:center}.Footer>ul{align-items:center;list-style:none;padding:0}@media(max-width:767px){.Footer>ul{flex-direction:column}.Footer>ul>li{margin-bottom:8px}.Footer>ul>li.line{display:none}}.Footer>ul>li{text-wrap:nowrap;color:#eceae6;display:flex;justify-content:center}.Footer>ul>li.line{background:#fff;height:35px;margin:0 20px;width:2px}.Footer>ul>li>a{align-items:center;color:#eceae6;display:flex;text-decoration:none}.Footer>ul>li>a>img{margin-right:15px;max-height:16px;max-width:16px;width:100%}.Home{justify-content:center}.Home,.Home>header{display:flex;flex-direction:column}.Home>header{align-items:center;background:#eceae6;padding:0 32px}.Home>header>h1{color:#000;font-family:"Belagiano Serif";font-size:56px;margin-bottom:20px;margin-top:100px;text-align:center}.Home>header>p{color:#191018;font-family:Poppins,sans-serif;font-size:18px;font-style:normal;font-weight:300;max-width:753px;text-align:center}.Home>header button{background:#000;border:0;border-radius:18px;color:#eceae6;cursor:pointer;font-size:20px;height:65px;margin:50px auto 75px;width:223px}.Home>header button a{color:inherit;text-decoration:none}.Home>header button a:focus{outline:0}.Home>header div.apps{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:88px}.Home>header div.apps>img{margin:7px;max-width:61px;width:100%}.Home>section{align-items:center;display:flex;flex-direction:column;padding:44px 0 47px}.Home>section>h2{font-family:"Belagiano Serif";font-size:48px;margin:0}.Home>section>div{display:flex;flex-wrap:wrap;justify-content:center;max-width:1365px;padding-top:74px}.Home>section>div>div{align-items:center;cursor:pointer;display:flex;flex-direction:column;justify-content:center;margin:0 22.5px 90px;position:relative;transition:all .25s ease;z-index:0}.Home>section>div>div>div{display:flex;flex:1 1}.Home>section>div>div>div>img{max-width:330px;width:100%}.Home>section>div>div span{bottom:-10px;position:absolute}*{font-family:Nunito Sans,sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"wdth" 100,"YTLC" 500;font-weight:400}@font-face{font-family:"Belagiano Serif";src:url(/static/media/belgiano_serif.67c0252e14c31f3aa9fe.ttf)}.project{background:#fff;display:flex;flex-direction:column;margin:0 auto;max-width:1360px;padding:0 126px 60px}@media(max-width:1365px){.project{padding:0 8% 40px}}.project>header{align-items:center;display:flex;flex-direction:column;padding:52px 0 74px}.project>header>h1{font-family:"Belagiano Serif";font-size:56px;margin:0}.project>header>p{font-family:Poppins,sans-serif;font-size:18px;margin:0;max-width:691px;text-align:center}.project>header>p>span{font-weight:700}.project>section{align-items:center;display:flex;justify-content:center;margin-top:95px;width:100%}.project>section h3.title{font-family:"Belagiano Serif";font-size:38px;margin:0 0 17px}.project>section.about>div:first-of-type{display:flex;flex-direction:column;max-width:385px;width:100%}.project>section.about>div>p{font-family:Poppins,sans-serif;font-size:18px;font-weight:300;margin:0}.project>section.about>div>img{width:100%}@media(max-width:1365px){.project>section.about{flex-direction:column;flex-wrap:wrap;margin-top:45px}.project>section.about>div:first-of-type{margin-bottom:40px;max-width:90%}.project>section.about>div:first-of-type p,.project>section.about>div:first-of-type>h3{text-align:center}}.project>section.design{flex-direction:column;flex-wrap:wrap}.project>section.design>div{display:flex}.project>section.design>div.images{margin-top:16px}.project>section.design>div>img{max-height:536px;max-width:772px;width:100%}.project>section.design>div>img.c1-mobile{display:none}.project>section.design>div>img.text{margin-right:183px}.project>section.design>div>img.images{padding-right:125px}@media(max-width:1365px){.project>section.design>div{flex-direction:column-reverse;flex-wrap:wrap}.project>section.design>div>img.c1{display:none}.project>section.design>div>img.c1-mobile{display:inline;display:initial;margin:0 auto 25px;max-width:80%}.project>section.design>div>img.text{margin-right:0}.project>section.design>div>img.images{padding-right:0}}.project>section.design.jh{flex-direction:row;justify-content:space-around;padding-top:60px;width:100%}@media(max-width:1442px){.project>section.design.jh{flex-wrap:wrap-reverse}}.project>section.design.jh .first{margin-right:47px}.project>section.design.jh .first img{width:562px}.project>section.design.jh .second{margin-right:51px}.project>section.design.jh .second img{width:109px}.project>section.design.jh .third{display:flex;flex-direction:column}.project>section.design.jh .third img{margin-left:57px;width:364px}.project>section.design.jh .third .text{max-width:385px;padding-right:36px}@media(max-width:1442px){.project>section.design.jh .third{flex-direction:column-reverse}.project>section.design.jh .third>div{text-align:center}.project>section.design.jh .third img{margin-left:0;margin-top:29px;max-width:364px;width:100%}.project>section.design.jh .third .text{max-width:560px;padding-right:0;text-align:center}.project>section.design.jh .nowrap{display:flex;flex-direction:row;flex-wrap:nowrap;margin-top:36px}.project>section.design.jh .nowrap>div{margin:0}.project>section.design.jh .nowrap>div.first{margin-right:23px}.project>section.design.jh .nowrap>div img{width:100%}}.project>section.design.techdesk{flex-direction:row;flex-wrap:nowrap;justify-content:center}.project>section.design.techdesk>div.images{margin-right:140px}.project>section.design.techdesk>div.images>img:first-of-type{margin-right:135px}.project>section.design.techdesk>div.text{display:flex;flex-direction:column;justify-content:center;max-width:385px}@media(max-width:1365px){.project>section.design.techdesk{position:relative}.project>section.design.techdesk>div.images{margin-right:20px}.project>section.design.techdesk>div.images>img:first-of-type{margin-right:0}.project>section.design.techdesk>div.images>img.c1-mobile{bottom:0;margin-bottom:0;position:absolute;right:20px;width:50%}}@media(max-width:768px){.project>section.design.techdesk{align-items:baseline;flex-direction:column-reverse}.project>section.design.techdesk>div.text{max-width:530px;z-index:2}.project>section.design.techdesk>div.images{flex-direction:row;margin:0;width:100%}.project>section.design.techdesk>div.images>img{z-index:1}.project>section.design.techdesk>div.images>img:first-of-type{margin-bottom:20px;margin-left:auto;margin-top:20px;position:relative;right:0}.project>section.design.techdesk>div.images>img.c1-mobile{display:inline;display:initial;position:absolute;right:0;top:7px;width:40%}}.project>section.description:not(.fibon){margin-top:140px}.project>section.description:not(.fibon)>div{position:relative}.project>section.description:not(.fibon)>div.text{max-width:486px}.project>section.description:not(.fibon)>div>p{background:#fff;font-family:Poppins,sans-serif;font-size:18px;font-weight:300;margin:0}.project>section.description:not(.fibon)>div>img{max-width:858px;width:100%}@media(max-width:1365px){.project>section.description:not(.fibon){flex-wrap:wrap}.project>section.description:not(.fibon)>div.text{margin-right:auto}.project>section.description:not(.fibon)>div.image{margin-left:auto}}@media(max-width:767px){.project>section.description:not(.fibon).techdesk{margin-top:40px}}.project>section.description:not(.fibon).techdesk>.image{margin:0}@media(max-width:767px){.project>section.description:not(.fibon).techdesk>.image>img{transform:scale(1.5)}}.project>section.description.fibon{display:flex;justify-content:flex-start;margin-top:140px;width:100%}.project>section.description.fibon>div.text{margin-bottom:216px;max-width:486px}.project>section.description.fibon>div>p{background:#fff;font-family:Poppins,sans-serif;font-size:18px;font-weight:300;margin:0}.project>section.description.fibon>div>img{bottom:67px;max-width:833px;position:absolute;right:0;width:100%}@media(max-width:768px){.project>section.description.fibon>div>img{bottom:122px}}@media(max-width:1365px){.project>section.description.fibon>div>img{width:50%}}@media(max-width:998px){.project>section.description.fibon{margin-top:60px}.project>section.description.fibon>div>img{width:65%}}@media(max-width:465px){.project>section.description.fibon>div>img{width:100%}}.project>section.examples{padding-top:41px}.project>section.examples>div:first-child{margin-right:109px}.project>section.examples>div:first-child>img{position:relative;top:-13px}@media(max-width:1442px){.project>section.examples{flex-direction:column-reverse;margin-top:23px;padding-top:0}.project>section.examples>div>img{width:100%}.project>section.examples>div:first-child{display:flex;justify-content:center;margin-right:0;margin-top:64px}.project>section.examples>div:first-child>img{top:0;width:75%}}.project>section.fcover div{display:flex;justify-content:center}.project>section.fcover div img{width:100%}@media(max-width:1442px){.project>section.fcover div img{width:125%}}#design-system,#design-system>div.header{display:flex;flex-direction:column}#design-system>div.header{align-items:flex-start;margin-bottom:35px;width:100%}#design-system>div.header h3{font-family:"Belagiano Serif";font-size:38px;margin:0 0 58px}#design-system>div.header img{max-width:456px;width:100%}#design-system .main{align-items:flex-start;display:flex;flex-wrap:wrap-reverse}#design-system .main img{margin-bottom:20px;max-width:100%}#design-system .main .dsjh1,#design-system .main .dsl1{margin-right:65px;margin-top:111px}#design-system .main .dsjh1,#design-system .main .dsjh2{max-width:562px}@media(max-width:14411px){#design-system .main .dsjh1,#design-system .main .dsjh2{max-width:400px}}@media(max-width:1001px){#design-system>div.header{align-items:center;margin-bottom:45px}#design-system>div.header h3{margin:0 0 28px}#design-system>div.header>img{max-width:260px}#design-system .main{justify-content:center}}@media(max-width:1001px)and (max-width:600px){#design-system .main img{max-width:220px}}@media(max-width:1001px){#design-system .main .dsjh1,#design-system .main .dsl1{margin:22px 0 0 68px}#design-system .main .dsjh2,#design-system .main .dsl2{margin:0 68px 0 0}}@media(max-width:1001px)and (max-width:480px){#design-system .main .dsjh1,#design-system .main .dsjh2{max-width:220px}}#jhtextsectoin{display:flex;justify-content:flex-start;position:relative;width:100%}#jhtextsectoin p{font-family:Poppins,sans-serif;font-size:18px;font-weight:300;margin:152px 0 126px;max-width:814px}@media(max-width:768px){#jhtextsectoin p{margin:80px 0 60px;text-align:center}}#jhtextsectoin img{max-width:518px;position:absolute;right:100px}@media(max-width:768px){#jhtextsectoin img{max-width:360px;right:-50px}}
/*# sourceMappingURL=main.cfe3775a.css.map*/