@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,600;1,400;1,900&family=Open+Sans:ital,wght@0,400;0,600;1,800&display=swap);*{font-family:Open Sans,sans-serif}*,h1,h2,h3,h4,h5{line-height:1.5em}h1,h2,h3,h4,h5{font-family:Montserrat,sans-serif;margin:0}body:not(.detach) h1{font-size:64px;font-weight:900;font-style:italic}@media screen and (max-width:1023px){body:not(.detach) h1{font-size:48px}}@media screen and (max-width:599px){body:not(.detach) h1{font-size:32px}}body:not(.detach) h2{font-size:48px;font-weight:900;font-style:italic;line-height:60px}@media screen and (max-width:1023px){body:not(.detach) h2{font-size:32px;line-height:48px}}@media screen and (max-width:599px){body:not(.detach) h2{font-size:24px;line-height:36px}}body:not(.detach) h3{font-size:32px;font-weight:900;font-style:italic}@media screen and (max-width:1023px){body:not(.detach) h3{font-size:24px}}@media screen and (max-width:599px){body:not(.detach) h3{font-size:18px}}body:not(.detach) h4{font-size:24px;font-weight:600;font-style:normal}@media screen and (max-width:1023px){body:not(.detach) h4{font-size:18px}}body:not(.detach) button,body:not(.detach) h5{font-size:18px;font-weight:600;font-style:normal}@media screen and (max-width:599px){body:not(.detach) button,body:not(.detach) h5{font-size:16px}}body:not(.detach) h6{font-size:16px;font-weight:600;font-style:normal}body:not(.detach) p{font-size:16px}body:not(.detach) p .bold{font-weight:600}body:not(.detach) p .prompt{font-weight:900;font-style:italic}@media screen and (max-width:599px){body:not(.detach) p{font-size:14px}}body:not(.detach) button{font-family:Montserrat,sans-serif}.container{margin:auto;max-width:1920px;padding:0 64px}@media screen and (min-width:834px){.container .col-1{width:calc(8.33333% - 14.66667px)}.container .col-2{width:calc(16.66667% - 13.33333px)}.container .col-3{width:calc(25% - 12px)}.container .col-4{width:calc(33.33333% - 10.66667px)}.container .col-5{width:calc(41.66667% - 9.33333px)}.container .col-6{width:calc(50% - 8px)}.container .col-7{width:calc(58.33333% - 6.66667px)}.container .col-8{width:calc(66.66667% - 5.33333px)}.container .col-9{width:calc(75% - 4px)}.container .col-10{width:calc(83.33333% - 2.66667px)}.container .col-11{width:calc(91.66667% - 1.33333px)}.container .col-12{width:100%}}@media screen and (max-width:833px)and (min-width:600px){.container{padding:0 32px}.container .col-l-1{width:calc(16.66667% - 13.33333px)}.container .col-l-2{width:calc(33.33333% - 10.66667px)}.container .col-l-3{width:calc(50% - 8px)}.container .col-l-4{width:calc(66.66667% - 5.33333px)}.container .col-l-5{width:calc(83.33333% - 2.66667px)}.container .col-l-6{width:100%}}@media screen and (max-width:599px){.container{padding:0 16px}.container .col-m-1{width:calc(25% - 12px)}.container .col-m-2{width:calc(50% - 8px)}.container .col-m-3{width:calc(75% - 4px)}.container .col-m-4{width:100%}}.container.small{max-width:1489px}body{min-width:100vw;min-height:100vh;margin:0;position:relative;-webkit-font-smoothing:antialiased}body.loading{overflow:hidden}.loader{position:fixed;width:100vw;height:100vh;background-color:#0b1d3f;left:0;top:0;z-index:200000;align-items:center;justify-content:center;display:flex}.loader .loading{width:128px}.loading-enter-active,.loading-leave-active{transition:transform 1s,opacity 1s}.loading-enter-from,.loading-leave-to{opacity:0}.loading-enter-to,.loading-leave-from{opacity:1}.pre-enter-active,.pre-leave-active{transition:opacity .5s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1)}.pre-enter-from{opacity:0;transform:translate(-10%)}.pre-leave-to{opacity:0;transform:translate(10%)}.next-enter-active,.next-leave-active{transition:opacity .5s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1)}.next-enter-from{opacity:0;transform:translate(10%)}.next-leave-to{opacity:0;transform:translate(-10%)}a{text-decoration:none}body:not(.detach){background:#0b1d3f}body:not(.detach) p{margin:0}body:not(.detach) button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;margin:0;padding:0;cursor:pointer;font-weight:900;font-style:italic}body:not(.detach) button.primary{width:auto;height:50px;padding:0 32px;position:relative;color:#fff;z-index:0}body:not(.detach) button.primary:after{content:" ";position:absolute;width:100%;height:calc(100% - 4px);left:0;top:0;border:2px solid #fff;border-radius:8px;transform:skewX(-15.642deg);z-index:-1}body:not(.detach) button.primary.download{display:flex;align-items:center}body:not(.detach) button.primary.download img,body:not(.detach) button.primary.download svg{margin-left:2px}body:not(.detach) button.primary:hover{color:#0b1d3f}body:not(.detach) button.primary:hover:after{background-color:#fff}body:not(.detach) button.primary:hover.download svg path{stroke:#0b1d3f;fill:#0b1d3f}body:not(.detach) button.secondary{width:auto;height:50px;padding:0 32px;position:relative;color:#fff;z-index:0;font-weight:400;font-style:normal}body:not(.detach) button.secondary:after{content:" ";position:absolute;width:100%;height:calc(100% - 4px);left:0;top:0;border:2px solid #fff;border-radius:8px;transform:skewX(-15.642deg);z-index:-1;background-color:#0b1d3f}body:not(.detach) button.secondary.download{display:flex;align-items:center}body:not(.detach) button.secondary.download img,body:not(.detach) button.secondary.download svg{margin-left:2px}body:not(.detach) button.secondary:hover:after{background-color:#3c4a65}body:not(.detach) button.highlight{width:180px;height:60px;background-image:url(/img/text-mask.6cba09da.svg),url(/img/button-bg.003851d5.svg);background-repeat:no-repeat;background-size:157px auto,cover;background-position:calc(100% + 15px) bottom,0 0;color:#0b1d3f;transition:background-size .5s,background-position .5s;-webkit-mask-image:url(/img/button-bg.003851d5.svg);-webkit-mask-position:left top;-webkit-mask-repeat:no-repeat;-webkit-mask-size:100%;mask-image:url(/img/button-bg.003851d5.svg);mask-position:left top;mask-repeat:no-repeat;mask-size:100%}body:not(.detach) button.highlight:hover{background-size:250px auto,cover;background-position:calc(100% + 60px) calc(100% + 40px),0 0}body:not(.detach):not(.custom-color) nav>.container .links a,body:not(.detach):not(.custom-color) nav>.container .mobile-menu-container .mobile-menu-panel a{font-size:18px;font-weight:600;font-style:normal}@media screen and (max-width:599px){body:not(.detach):not(.custom-color) nav>.container .links a,body:not(.detach):not(.custom-color) nav>.container .mobile-menu-container .mobile-menu-panel a{font-size:16px}}.footer{font-size:16px}.footer .bold{font-weight:600}.footer .prompt{font-weight:900;font-style:italic}@media screen and (max-width:599px){.footer{font-size:14px}}.footer,body:not(.detach):not(.custom-color) nav>.container .links a,body:not(.detach):not(.custom-color) nav>.container .mobile-menu-container .mobile-menu-panel a{font-family:Montserrat,sans-serif}body:not(.detach):not(.custom-color) nav>.container .links a.active,body:not(.detach):not(.custom-color) nav>.container .mobile-menu-container .mobile-menu-panel a.active{background-color:#6cffb0;background-image:url(/img/text-mask.6cba09da.svg);background-size:50px auto;background-repeat:no-repeat;background-position:calc(100% + 5px) -5px;-webkit-background-clip:text;-webkit-text-fill-color:transparent}body:not(.detach):not(.custom-color) nav{position:sticky;top:0;padding:16px 0;background-color:rgba(11,29,63,.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100000}body:not(.detach):not(.custom-color) nav>.container{display:flex;align-items:center;justify-content:space-between}body:not(.detach):not(.custom-color) nav>.container .logos{display:flex;align-items:center}body:not(.detach):not(.custom-color) nav>.container .logos img{width:48px;height:48px}body:not(.detach):not(.custom-color) nav>.container .logos h4{font-weight:900;font-style:italic;color:#fff;margin-left:8px}body:not(.detach):not(.custom-color) nav>.container .links a{font-style:italic;font-weight:400;margin-left:48px;color:#fff}body:not(.detach):not(.custom-color) nav>.container .links a:hover:not(.active){color:#9da5b2}body:not(.detach):not(.custom-color) nav>.container .links a.active{cursor:default;font-weight:900;position:relative}body:not(.detach):not(.custom-color) nav>.container .links a.active:before{content:" ";margin:auto;position:absolute;width:43px;height:7px;background-image:url(/img/nav-selected.24e8626c.svg);background-repeat:no-repeat;background-size:cover;bottom:-10px;left:0;right:0}@media screen and (max-width:833px){body:not(.detach):not(.custom-color) nav>.container .links{display:none}}body:not(.detach):not(.custom-color) nav>.container>a{z-index:100000}body:not(.detach):not(.custom-color) nav>.container .mobile-menu{z-index:100000;display:none}body:not(.detach):not(.custom-color) nav>.container .mobile-menu .line-bottom,body:not(.detach):not(.custom-color) nav>.container .mobile-menu .line-top{transition:transform .3s;transform-origin:center}body:not(.detach):not(.custom-color) nav>.container .mobile-menu.active .line-top{transform:rotate(45deg) translateY(5.27px) scale(.9)}body:not(.detach):not(.custom-color) nav>.container .mobile-menu.active .line-bottom{transform:rotate(-45deg) translateY(-5.27px) scale(.9)}@media screen and (max-width:833px){body:not(.detach):not(.custom-color) nav>.container .mobile-menu{display:block}}body:not(.detach):not(.custom-color) nav>.container .mobile-menu-container{position:fixed;width:100vw;height:100vh;left:0;top:0;overflow:hidden}body:not(.detach):not(.custom-color) nav>.container .mobile-menu-container .mobile-menu-panel{width:100%;height:100%;background-color:#03112b;z-index:10000;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:transform .3s,opacity .3s}body:not(.detach):not(.custom-color) nav>.container .mobile-menu-container .mobile-menu-panel a{transition:transform .6s;font-style:italic;font-weight:400;margin-bottom:48px;color:#fff}body:not(.detach):not(.custom-color) nav>.container .mobile-menu-container .mobile-menu-panel a:hover:not(.active){color:#9da5b2}body:not(.detach):not(.custom-color) nav>.container .mobile-menu-container .mobile-menu-panel a.active{cursor:default;font-weight:900;position:relative}body:not(.detach):not(.custom-color) nav>.container .mobile-menu-container .mobile-menu-panel a.active:before{content:" ";margin:auto;position:absolute;width:43px;height:7px;background-image:url(/img/nav-selected.24e8626c.svg);background-repeat:no-repeat;background-size:cover;bottom:-10px;left:0;right:0}.menu-enter-from .mobile-menu-panel{transform:translate(10%);opacity:0}.menu-enter-from .mobile-menu-panel a{transform:translate(120px)}.menu-enter-to .mobile-menu-panel{transform:translate(0);opacity:1}.menu-enter-to .mobile-menu-panel a{transform:translate(0)}.menu-leave-from .mobile-menu-panel{transform:translate(0);opacity:1}.menu-leave-from .mobile-menu-panel a{transform:translate(0)}.menu-leave-to .mobile-menu-panel{transform:translate(0);opacity:0}.menu-leave-to .mobile-menu-panel a{transform:translate(0)}.footer{position:relative;padding:60px 0 120px 0;text-align:center;font-weight:400;font-style:italic;color:#9da5b2}@media screen and (max-width:833px){.footer{padding:30px 0 60px 0}}body:not(.custom-color) .footer{background-color:#0b1d3f}.contact-section h1{font-size:64px;font-weight:900;font-style:italic}@media screen and (max-width:1023px){.contact-section h1{font-size:48px}}@media screen and (max-width:599px){.contact-section h1{font-size:32px}}.contact-section h2{font-size:48px;font-weight:900;font-style:italic;line-height:60px}@media screen and (max-width:1023px){.contact-section h2{font-size:32px;line-height:48px}}@media screen and (max-width:599px){.contact-section h2{font-size:24px;line-height:36px}}.contact-section h3{font-size:32px;font-weight:900;font-style:italic}@media screen and (max-width:1023px){.contact-section h3{font-size:24px}}@media screen and (max-width:599px){.contact-section h3{font-size:18px}}.contact-section h4{font-size:24px;font-weight:600;font-style:normal}@media screen and (max-width:1023px){.contact-section h4{font-size:18px}}.contact-section button,.contact-section h5{font-size:18px;font-weight:600;font-style:normal}@media screen and (max-width:599px){.contact-section button,.contact-section h5{font-size:16px}}.contact-section h6{font-size:16px;font-weight:600;font-style:normal}.contact-section button{font-family:Montserrat,sans-serif}.contact-section{background-color:#0b1d3f;padding:80px 0;margin-top:80px;z-index:0}.contact-section button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;margin:0;padding:0;cursor:pointer;font-weight:900;font-style:italic}.contact-section button.primary{width:auto;height:50px;padding:0 32px;position:relative;color:#fff;z-index:0}.contact-section button.primary:after{content:" ";position:absolute;width:100%;height:calc(100% - 4px);left:0;top:0;border:2px solid #fff;border-radius:8px;transform:skewX(-15.642deg);z-index:-1}.contact-section button.primary.download{display:flex;align-items:center}.contact-section button.primary.download img,.contact-section button.primary.download svg{margin-left:2px}.contact-section button.primary:hover{color:#0b1d3f}.contact-section button.primary:hover:after{background-color:#fff}.contact-section button.primary:hover.download svg path{stroke:#0b1d3f;fill:#0b1d3f}.contact-section button.secondary{width:auto;height:50px;padding:0 32px;position:relative;color:#fff;z-index:0;font-weight:400;font-style:normal}.contact-section button.secondary:after{content:" ";position:absolute;width:100%;height:calc(100% - 4px);left:0;top:0;border:2px solid #fff;border-radius:8px;transform:skewX(-15.642deg);z-index:-1;background-color:#0b1d3f}.contact-section button.secondary.download{display:flex;align-items:center}.contact-section button.secondary.download img,.contact-section button.secondary.download svg{margin-left:2px}.contact-section button.secondary:hover:after{background-color:#3c4a65}.contact-section button.highlight{width:180px;height:60px;background-image:url(/img/text-mask.6cba09da.svg),url(/img/button-bg.003851d5.svg);background-repeat:no-repeat;background-size:157px auto,cover;background-position:calc(100% + 15px) bottom,0 0;color:#0b1d3f;transition:background-size .5s,background-position .5s;-webkit-mask-image:url(/img/button-bg.003851d5.svg);-webkit-mask-position:left top;-webkit-mask-repeat:no-repeat;-webkit-mask-size:100%;mask-image:url(/img/button-bg.003851d5.svg);mask-position:left top;mask-repeat:no-repeat;mask-size:100%}.contact-section button.highlight:hover{background-size:250px auto,cover;background-position:calc(100% + 60px) calc(100% + 40px),0 0}.contact-section a{text-decoration:none}.contact-section h2.section-title{color:#fff;margin-bottom:32px}.contact-section h2.section-title.dark{color:#0b1d3f}.contact-section .group{position:relative;z-index:0}.contact-section .group .content{background-color:#e0e8f9;padding:48px}.contact-section .group .content .infos{display:flex;align-items:flex-start}.contact-section .group .content .infos .left{margin-right:24px;margin-top:6px}.contact-section .group .content .infos .right{color:#0b1d3f}.contact-section .group .content .infos .right .job{margin-top:24px;margin-bottom:16px}.contact-section .group .content .infos .right .info{margin-top:32px}.contact-section .group .content .infos .right .info .title{font-style:italic;font-weight:900}.contact-section .group .content .infos .right .info .link{margin-top:8px;position:relative;color:#0b1d3f}.contact-section .group .content .infos .right .info .link:after{content:" ";width:60px;height:12px;background-image:url(/img/deco-arrow-link.7ed7e964.svg);position:absolute;top:3px;right:-66px}.contact-section .group .content .infos .right .info .link:hover{font-weight:600;color:#3c4a65}.contact-section .group .content .infos .right .info .link:hover:after{right:-70px}@media screen and (max-width:599px){.contact-section .group .content .infos .right .info .link{text-decoration:underline}.contact-section .group .content .infos .right .info .link:after{display:none}}.contact-section .group .content .infos .right .info button{margin-top:12px;margin-right:16px}.contact-section .group .content .infos .right .enquiry{margin-top:64px}.contact-section .group .portrait-container{position:relative}.contact-section .group .portrait-container .portrait{position:absolute;padding:inherit;bottom:0;right:0;max-width:740px}.contact-section .group:before{content:" ";position:absolute;width:100%;height:100%;left:0;top:0;background:linear-gradient(90deg,transparent 0,transparent 50%,#e0e8f9 0,#e0e8f9);z-index:-1}@media screen and (max-width:1023px){.contact-section .group .content{padding:16px;position:relative}.contact-section .group .content .infos{flex-direction:column}.contact-section .group .content .infos .left{margin-bottom:16px;margin-top:0}.contact-section .group .content .infos .right{width:100%;text-align:center}.contact-section .group .content .infos .right>div,.contact-section .group .content .infos .right>h2,.contact-section .group .content .infos .right>h4{text-align:left}.contact-section .group .content:after{content:" ";position:absolute;width:50%;height:1px;background-color:#0b1d3f;left:0;top:115px;opacity:.2}.contact-section .group .portrait-container{position:absolute;top:-85px;right:0}.contact-section .group .portrait-container .portrait{height:200px;width:auto;top:0;bottom:unset}.contact-section .group:after{content:" ";position:absolute;width:50%;height:1px;background-color:#0b1d3f;right:0;top:115px;opacity:.2}}.contact-section .new-line-mobile{display:none}@media screen and (max-width:833px){.contact-section{margin-top:64px}.contact-section .new-line-mobile{display:block}}@media screen and (max-width:599px){.contact-section .group .content:after{top:106px}.contact-section .group .portrait-container{top:-69px}.contact-section .group .portrait-container .portrait{height:175px}.contact-section .group:after{top:106px}}.home .landing h4 span{font-family:Montserrat,sans-serif}.home{background:#0b1d3f;margin-top:32px}.home .landing{position:relative}.home .landing .video{width:49.468%;position:absolute;right:0;top:0;z-index:1;-webkit-mask-image:url(/img/landing-mask.66bc3823.svg);-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:100%;mask-image:url(/img/landing-mask.66bc3823.svg);mask-position:center;mask-repeat:no-repeat;mask-size:100%;transform-origin:right top}.home .landing .slogan{width:64.73%;padding-top:3.29%;position:relative;z-index:2}.home .landing .slogan-mobile{display:none}.home .landing h4{margin-top:16px;color:#fff}.home .landing h4 span{background:linear-gradient(to right bottom,#6cffb0,#fff96c);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.home .landing h4 .new-line-for-pad{display:none}@media screen and (max-width:1279px){.home .landing h4 .new-line-for-pad{display:block}}.home .landing button{margin-top:32px}.home .landing .indicator{display:block;margin-top:32px;animation-name:more;animation-duration:1s;animation-fill-mode:both;animation-timing-function:linear;animation-iteration-count:infinite;transform:translate(0)}@keyframes more{0%{transform:translate(0)}26%{transform:translateY(32px)}53%{transform:translateY(-16px)}80%{transform:translate(0)}to{transform:translate(0)}}@media screen and (max-width:833px){.home .landing{text-align:center}.home .landing .video{position:relative;width:72.6%;margin:auto;z-index:1}.home .landing .slogan{display:none}.home .landing .slogan-mobile{display:block;position:absolute;width:100%;margin:auto;left:0;right:0;top:50%;transform:translateY(-50%);z-index:3}.home .landing .mobile-video-container{position:relative;max-width:600px;margin:auto}.home .landing h4{margin-top:24px}.home .landing .indicator{margin:auto;margin-top:16px;height:100px;width:12px;-o-object-fit:cover;object-fit:cover;-o-object-position:bottom;object-position:bottom}}.home .works{margin-top:160px;color:#fff}.home .works .list{display:flex;z-index:2}.home .works .list .left{align-self:flex-start;position:sticky;top:112px;transition:transform 1s,opacity 1s;transform:translate(-32px);opacity:0}.home .works .list .left p{margin:0;margin-top:32px;margin-bottom:32px}.home .works .list .left p .prompt{color:#6cffb0}.home .works .list .left img{display:block;margin-top:32px}.home .works .list .left h2{z-index:0}.home .works .list .left h2:after{content:" ";width:976px;max-width:calc(100vw + 64px);height:326px;position:absolute;background-size:976px;background-repeat:no-repeat;background-image:url(/img/deco-green.c97d0d4c.svg);left:-128px;top:-103px;opacity:.1;z-index:-1}.home .works .list .right{z-index:2;margin-left:16px;opacity:0;transition:transform 1s,opacity 1s;transform:translate(-32px)}.home .works .list .right .work{cursor:pointer;display:block;color:#fff}.home .works .list .right .work .cover{width:100%;padding-top:56.25%;background-size:100%;background-position:50%;transition:background-size .5s}.home .works .list .right .work h5{margin-top:12px}.home .works .list .right .work p{margin-top:2px;margin-bottom:0;color:#9da5b2}.home .works .list .right .work:not(:first-of-type){margin-top:40px}.home .works .list .right .work.right{margin-left:calc(41.66667% + 6.66667px)}.home .works .list .right .work.mid{margin-left:calc(16.66667% + 2.66667px)}.home .works .list .right .work.mid .cover{position:relative}.home .works .list .right .work:hover .cover{background-size:120%}@media screen and (max-width:1279px){.home .works .list .right{margin-left:32px;flex-shrink:2}.home .works .list .right .work{width:100%}.home .works .list .right .work.mid,.home .works .list .right .work.right{margin-left:0}}.home .works .list.show .left,.home .works .list.show .right{transform:translate(0);opacity:1}@media screen and (max-width:833px){.home .works{margin-top:64px}.home .works .list{flex-direction:column}.home .works .list .left{position:relative;top:0}.home .works .list .left .indicator{display:none}.home .works .list .left p{margin-top:24px;margin-bottom:24px}.home .works .list .right{margin-top:40px!important;margin-left:-32px;margin-right:-32px}.home .works .list .right .work .client,.home .works .list .right .work .title{padding:0 32px}.home .works .list .right .work .title{margin-top:16px}.home .works .list .right .work .client{margin-top:6px}}@media screen and (max-width:599px){.home .works .list .right{margin-left:-16px;margin-right:-16px}.home .works .list .right .work .client,.home .works .list .right .work .title{padding:0 16px}}.home .exp{margin-top:160px;text-align:center;transform:translateY(-36px);opacity:0;transition:transform 1s,opacity 1s}.home .exp .adv-title{color:#fff;height:128px;line-height:128px;position:relative;display:inline-block;margin-bottom:48px}.home .exp .adv-title:before{width:41px;height:128px;background-image:url(/img/deco-advleft.110e956f.svg);top:0;left:-89px}.home .exp .adv-title:after,.home .exp .adv-title:before{content:" ";position:absolute;background-repeat:no-repeat}.home .exp .adv-title:after{width:64px;height:146px;background-image:url(/img/deco-advright.4fb4c4bd.svg);top:6px;right:-104px}.home .exp .exp-block{margin-top:24px;display:grid;grid-template-columns:200px 1fr auto;-moz-column-gap:24px;column-gap:24px;color:#fff;position:relative}.home .exp .exp-block:not(:last-of-type):before{content:" ";position:absolute;width:2px;height:130px;left:16px;bottom:0;background-color:#3c4a65}.home .exp .exp-block img{width:100%;padding-bottom:154px}.home .exp .exp-block .description{text-align:left}.home .exp .exp-block .description h3{margin-top:1px;margin-bottom:24px}.home .exp .exp-block .description h3 span{font-size:18px;margin-left:12px}@media screen and (max-width:599px){.home .exp .exp-block .description h3 span{font-size:12px;margin-left:6px}}.home .exp .exp-block .description p{color:#ced2d9}.home .exp .exp-block .description p span.design{color:#6cffb0}.home .exp .exp-block .description p span.dev{color:#fff96c}.home .exp .exp-block .description p span.join{background:linear-gradient(to right bottom,#6cffb0,#fff96c);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.home .exp .exp-block .date p{color:#9da5b2}@media screen and (max-width:1023px){.home .exp .exp-block{row-gap:6px;padding-bottom:96px;grid-template-columns:1fr}.home .exp .exp-block:last-of-type{padding-bottom:0}.home .exp .exp-block:not(:last-of-type):before{height:72px;left:0;right:0;margin:auto}.home .exp .exp-block img{height:32px;width:auto;padding-bottom:0}.home .exp .exp-block .date{position:absolute;right:0;top:0}.home .exp .exp-block .date p{line-height:32px}.home .exp .exp-block .description h3{margin-bottom:12px}}.home .exp.show{transform:translate(0);opacity:1}@media screen and (max-width:833px){.home .exp{margin-top:64px}.home .exp .adv-title{margin-bottom:8px;width:100%}.home .exp .adv-title:before{left:-32px;background-position:-18px 0}.home .exp .adv-title:after{right:-32px;background-position:24px 0}}@media screen and (max-width:599px){.home .exp .adv-title:before{left:-16px}.home .exp .adv-title:after{right:-16px}}.work-view .main-container{margin-top:32px;padding-bottom:120px}.work-view .main-container h2{color:#fff}.work-view .main-container .list{margin-top:48px;display:grid;grid-template-columns:1fr 1fr;-moz-column-gap:16px;column-gap:16px;row-gap:32px}.work-view .main-container .list .block{cursor:pointer}.work-view .main-container .list .block .cover{width:100%;padding-top:56.25%;background-size:100% auto;background-repeat:no-repeat;background-position:50%;transition:background-size .5s}.work-view .main-container .list .block h5{margin-top:16px;color:#ced2d9}.work-view .main-container .list .block:hover .cover{background-size:120%}.work-view .main-container .list .block:hover h5{color:#fff}@media screen and (max-width:1023px){.work-view .main-container .list{grid-template-columns:1fr;margin-top:24px;row-gap:40px}.work-view .main-container .list .block{margin-left:-32px;margin-right:-32px}.work-view .main-container .list .block h5{padding:0 32px}}@media screen and (max-width:599px){.work-view .main-container .list .block{margin-left:-16px;margin-right:-16px}.work-view .main-container .list .block h5{padding:0 16px}.work-view .main-container{padding-bottom:0}}.resume-view .main-container .left .cover-container:after{font-size:48px;font-weight:900;font-style:italic;line-height:60px}@media screen and (max-width:1023px){.resume-view .main-container .left .cover-container:after{font-size:32px;line-height:48px}}@media screen and (max-width:599px){.resume-view .main-container .left .cover-container:after{font-size:24px;line-height:36px}}.resume-view .main-container .right .exp-chart .exp-block .title span{font-size:18px;font-weight:600;font-style:normal}@media screen and (max-width:599px){.resume-view .main-container .right .exp-chart .exp-block .title span{font-size:16px}}.resume-view .main-container .left .cover-container:after{font-family:Montserrat,sans-serif}.resume-view .main-container{margin-top:32px;padding-bottom:120px;display:flex}.resume-view .main-container .left{align-self:flex-start;position:sticky;top:112px}.resume-view .main-container .left .cover-container{position:relative}.resume-view .main-container .left .cover-container .cover{width:100%;display:block}.resume-view .main-container .left .cover-container:after{display:none;content:"Han Wang";position:absolute;color:#fff;left:0;bottom:0;width:100%;white-space:nowrap;line-height:36px}.resume-view .main-container .left .resume-download-btn-group{width:100%;display:grid;grid-template-columns:1fr 1fr}.resume-view .main-container .left .resume-download-btn-group button{display:flex;width:100%}.resume-view .main-container .left p{color:#ced2d9;margin-top:12px}.resume-view .main-container .left p span{color:#6cffb0}.resume-view .main-container .left p:first-of-type{margin-top:24px}.resume-view .main-container .left button{margin-top:32px}.resume-view .main-container .right{color:#fff;margin-left:64px}.resume-view .main-container .right .skills-chart{margin-top:32px;display:inline-grid;grid-template-columns:auto auto auto auto;-moz-column-gap:48px;column-gap:48px;row-gap:16px}.resume-view .main-container .right .skills-chart>*{margin:0;display:inline-block}.resume-view .main-container .right .skills-chart .title{grid-column:span 4;color:#9da5b2}.resume-view .main-container .right .skills-chart .title:not(:first-of-type){margin-top:24px}.resume-view .main-container .right .exp-title{line-height:72px;margin-top:64px}.resume-view .main-container .right .exp-subtitle{margin-top:16px;line-height:1em;color:#ced2d9}.resume-view .main-container .right .exp-subtitle h4:not(:first-of-type){margin-top:8px}.resume-view .main-container .right .exp-subtitle span.design{color:#6cffb0}.resume-view .main-container .right .exp-subtitle span.dev{color:#fff96c}.resume-view .main-container .right .exp-chart{margin-top:32px}.resume-view .main-container .right .exp-chart .exp-block{position:relative;display:block;padding-left:32px;padding-bottom:64px}.resume-view .main-container .right .exp-chart .exp-block:before{content:" ";width:16px;height:16px;border-radius:16px;background-color:#9da5b2;position:absolute;left:0;top:4px}.resume-view .main-container .right .exp-chart .exp-block:after{content:" ";width:2px;height:100%;position:absolute;left:7px;top:4px;bottom:0;background-color:#9da5b2}.resume-view .main-container .right .exp-chart .exp-block:first-of-type{height:calc(100% - 4px)}.resume-view .main-container .right .exp-chart .exp-block .date{color:#9da5b2;font-weight:400}.resume-view .main-container .right .exp-chart .exp-block .logo{margin-top:16px;margin-bottom:-4px;width:200px}.resume-view .main-container .right .exp-chart .exp-block .title{margin-top:16px;margin-bottom:8px}.resume-view .main-container .right .exp-chart .exp-block .title span{margin-left:8px}.resume-view .main-container .right .exp-chart .exp-block .description{color:#ced2d9}.resume-view .main-container .right .exp-chart .exp-block .description .prompt.design{color:#6cffb0}.resume-view .main-container .right .exp-chart .exp-block .description .prompt.dev{color:#fff96c}.resume-view .main-container .right .exp-chart .exp-block .description .prompt.join{background:linear-gradient(to right bottom,#6cffb0,#fff96c);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media screen and (max-width:1023px){.resume-view .main-container .right{margin-left:32px}}@media screen and (max-width:833px){.resume-view .main-container{flex-direction:column;padding-bottom:0}.resume-view .main-container .left{position:relative;top:unset;text-align:center;margin-bottom:48px}.resume-view .main-container .left .cover-container{width:100%;overflow:hidden;position:relative;padding-top:56.25%}.resume-view .main-container .left .cover-container .cover{position:absolute;width:100%;height:auto;left:0;top:0;margin-top:-4%}.resume-view .main-container .left button{margin:auto;margin-top:32px}.resume-view .main-container .left p{text-align:left}.resume-view .main-container .right{margin-left:0}}.enquiry-view .content .form-bg .form .input-group input:-moz-placeholder-shown~label{font-size:18px;font-weight:600;font-style:normal}.enquiry-view .content .form-bg .form .input-group input:placeholder-shown~label{font-size:18px;font-weight:600;font-style:normal}@media screen and (max-width:599px){.enquiry-view .content .form-bg .form .input-group input:-moz-placeholder-shown~label{font-size:16px}.enquiry-view .content .form-bg .form .input-group input:placeholder-shown~label{font-size:16px}}.enquiry-view .content .form-bg .form .sub-group.slider-container .vue-slider .vue-slider-mark-label{font-size:16px;font-weight:600;font-style:normal}.enquiry-view .content .form-bg .form textarea{font-size:16px}.enquiry-view .content .form-bg .form textarea .bold{font-weight:600}.enquiry-view .content .form-bg .form textarea .prompt{font-weight:900;font-style:italic}@media screen and (max-width:599px){.enquiry-view .content .form-bg .form textarea{font-size:14px}}.enquiry-view .content .form-bg .form .input-group input{font-size:18px}.enquiry-view .content .form-bg .form .input-group input .bold{font-weight:600}.enquiry-view .content .form-bg .form .input-group input .prompt{font-weight:900;font-style:italic}.enquiry-view .content .form-bg .form h4{font-family:Montserrat,sans-serif}.enquiry-view{margin-top:32px}.enquiry-view .submit-result{position:fixed;width:100vw;height:100vh;left:0;top:0;background-color:rgba(11,29,63,.75);z-index:10000000;align-items:center;justify-content:center;display:flex}.enquiry-view .submit-result img{width:128px}.enquiry-view .submit-result .result-panel{background-color:#0b1d3f;padding:48px;border-radius:12px;width:100%;max-width:400px;text-align:center;color:#fff;position:relative}.enquiry-view .submit-result .result-panel:after{content:" ";position:absolute;width:153px;height:88px;left:0;right:0;top:66px;background-size:100%;background-image:url(/img/success-pattern.9781b880.svg);margin:auto;opacity:0;transform:scale(.6);transition-delay:.3s;transition:opacity .5s,transform .5s}.enquiry-view .submit-result .result-panel.animated:after{opacity:1;transform:scale(1)}.enquiry-view .submit-result .result-panel .result-icon{width:80px;margin-top:48px}.enquiry-view .submit-result .result-panel h2{margin-top:12px}.enquiry-view .submit-result .result-panel p{max-width:400px;text-align:left;margin-top:12px}.enquiry-view .container{display:flex;flex-direction:row}.enquiry-view .cover{position:sticky;top:112px;align-self:flex-start}.enquiry-view .cover img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;display:block}.enquiry-view .content{width:100%;text-align:center;flex-shrink:100;color:#fff}.enquiry-view .content h2{padding-left:64px;padding-bottom:32px;max-width:824px;text-align:left}.enquiry-view .content .form-bg{background-color:#e0e8f9}.enquiry-view .content .form-bg .form{padding:24px 64px 48px 64px;color:#0b1d3f;max-width:800px;text-align:left}.enquiry-view .content .form-bg .form h4{font-style:italic;font-weight:900}.enquiry-view .content .form-bg .form h4:not(:first-of-type){margin-top:48px}.enquiry-view .content .form-bg .form h4 span{font-size:16px;margin-left:8px}.enquiry-view .content .form-bg .form .input-group{position:relative;width:100%;box-sizing:content-box;cursor:text}.enquiry-view .content .form-bg .form .input-group label{position:absolute;left:8px;color:#6d778c;top:50%;transform:translateY(-50%);margin-top:-18px;font-size:14px;font-weight:400;transition:margin-top .5s,font-size .5s}.enquiry-view .content .form-bg .form .input-group input{width:calc(100% - 16px);padding:0 8px;height:36px;margin-top:14px;outline:none;color:#0b1d3f;font-weight:600;border:0;background-color:transparent;border-bottom:1px solid #6d778c}.enquiry-view .content .form-bg .form .input-group input:-moz-placeholder-shown~label{margin-top:0}.enquiry-view .content .form-bg .form .input-group input:placeholder-shown~label{margin-top:0}.enquiry-view .content .form-bg .form .input-group input:hover{border-bottom:1px solid #0b1d3f}.enquiry-view .content .form-bg .form .input-group input:focus{border-bottom:2px solid #0b1d3f}.enquiry-view .content .form-bg .form .input-group input:focus~label{margin-top:-18px;font-size:14px;font-weight:400}.enquiry-view .content .form-bg .form .input-group input::-moz-placeholder{color:transparent}.enquiry-view .content .form-bg .form .input-group input::placeholder{color:transparent}.enquiry-view .content .form-bg .form .input-group .err{display:none;position:absolute;bottom:0;color:#a33e3e;left:0;width:100%;font-size:14px;font-weight:600;transform:translateY(calc(100% + 4px))}.enquiry-view .content .form-bg .form .input-group.error .err{display:block}.enquiry-view .content .form-bg .form .input-group.error input{border-bottom:1px solid #a33e3e}.enquiry-view .content .form-bg .form .input-group.required label:after{content:" *"}.enquiry-view .content .form-bg .form .sub-group{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;row-gap:32px;-moz-column-gap:24px;column-gap:24px}.enquiry-view .content .form-bg .form .sub-group.option-container{row-gap:16px;-moz-column-gap:16px;column-gap:16px;margin-top:24px;grid-template-columns:1fr 1fr 1fr}.enquiry-view .content .form-bg .form .sub-group.option-container .options{display:flex;justify-content:center;align-items:center;cursor:pointer;border:1px solid #9da5b2;border-radius:4px;padding:16px;text-align:center;font-weight:400;color:#3c4a65}.enquiry-view .content .form-bg .form .sub-group.option-container .options.selected{background-color:#0b1d3f;border:2px solid #9da5b2;color:#fff;font-weight:600;font-style:italic}.enquiry-view .content .form-bg .form .sub-group.option-container .options.selected.dev{background-color:#fff96c;border:2px solid #d2c900;color:#0b1d3f}.enquiry-view .content .form-bg .form .sub-group.option-container .options.selected.design{background-color:#6cffb0;border:2px solid #00d261;color:#0b1d3f}.enquiry-view .content .form-bg .form .sub-group.option-container .options:hover:not(.selected){border:1px solid #0b1d3f;font-weight:600}.enquiry-view .content .form-bg .form .sub-group.nested{margin-top:0}.enquiry-view .content .form-bg .form .sub-group.slider-container{grid-template-columns:1fr}.enquiry-view .content .form-bg .form .sub-group.slider-container .vue-slider{margin-bottom:16px}.enquiry-view .content .form-bg .form .sub-group.slider-container .vue-slider .vue-slider-marks .vue-slider-mark:first-of-type .vue-slider-mark-label{transform:translateX(0)}.enquiry-view .content .form-bg .form .sub-group.slider-container .vue-slider .vue-slider-marks .vue-slider-mark:last-of-type .vue-slider-mark-label{transform:translateX(-100%)}.enquiry-view .content .form-bg .form textarea{width:calc(100% - 16px);height:144px;padding:8px;margin-top:16px;resize:none;outline:none;background-color:rgba(202,212,230,.5);border:1px solid #9da5b2;border-radius:4px}.enquiry-view .content .form-bg .form textarea:focus{border:1px solid #0b1d3f}.enquiry-view .content .form-bg .form .btn-container{text-align:right;margin-top:32px}.enquiry-view .content .form-bg .form .services-err{font-size:14px;color:#a33e3e;font-weight:600;display:none}.enquiry-view .content .form-bg .form .services-err.error{display:block}@media screen and (max-width:1023px){.enquiry-view .cover{display:none}.enquiry-view .content h2{padding-left:32px}.enquiry-view .content .form-bg .form{padding-left:32px;padding-right:32px}}@media screen and (max-width:599px){.enquiry-view .content h2{padding-left:16px}.enquiry-view .content .form-bg .form{padding-left:16px;padding-right:16px}.enquiry-view .content .form-bg .form .sub-group{grid-template-columns:1fr!important}.enquiry-view .content .form-bg .form .vue-slider{margin-bottom:40px!important}.enquiry-view .content .form-bg .form .vue-slider .vue-slider-mark .vue-slider-mark-label{margin-top:24px;transform:translate(-50%) rotate(-45deg)}.enquiry-view .content .form-bg .form .vue-slider .vue-slider-mark:first-of-type .vue-slider-mark-label{transform:translate(-15%) rotate(-45deg)!important}.enquiry-view .content .form-bg .form .vue-slider .vue-slider-mark:last-of-type .vue-slider-mark-label{transform:translate(calc(-50% - 8px)) rotate(-45deg)!important}}