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}.nav{z-index:99}.nav,.navbar{background:transparent;position:fixed}.navbar{justify-content:space-between;left:0;padding:1em 10%;top:0;width:100%}.logo,.navbar{align-items:center;display:flex}.logo{border:2px solid #292929;border-radius:10px;font-family:Monument-Regular;font-size:12px;justify-content:center;padding:10px 20px;z-index:9}.logo,.logo a{background:#131315}.logo a{color:#e8e8e8}.nav-btn{background:transparent}.nav-btn button{background:#131315;border:2px solid #292929;border-radius:60px;color:#e8e8e8;cursor:pointer;font-family:Monument-Regular;font-size:12px;letter-spacing:1.5px;padding:12px 20px;transition:all .3s ease-in}.nav-btn button:hover{background:#19191b}.nav-btn button a{color:#e8e8e8;width:100%}.menu-toggle{background:none;display:none}.hamBox{background:#131315;border:2px solid #292929;border-radius:10px;cursor:pointer;padding:1.1em;position:relative;transition:.3s ease;z-index:3}.lineBottom,.lineTop{background:#e8e8e8;border-radius:10px;display:block;height:2px;left:0;margin:0 auto;position:absolute;right:0;-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:all .4s;width:24px}.lineTop{top:.8em}.lineBottom{bottom:.8em}.lineTop.spin{top:1.1em;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.lineBottom.spin{top:1.1em;-webkit-transform:rotate(225deg);transform:rotate(225deg)}.fixed-component{background:#292929;border-radius:30px;display:flex;font-family:Monument-Regular;font-size:24px;height:auto;left:0;margin:75px auto 0;padding:6px;position:fixed;right:0;top:0;width:90%;z-index:1000}@media screen and (max-width:900px){.navbar{padding:1em 7%}.nav-item{list-style:none;margin-bottom:30px;position:relative}.nav-btn button{background:#292929;border:none;border-radius:60px;color:#e8e8e8;cursor:pointer;display:none;font-family:Monument-Regular;font-size:12px;letter-spacing:1.5px;padding:12px 20px;transition:all .3s ease-in}.menu-toggle{display:block}.menu-con{background:#131315;border-radius:25px;display:flex;flex-direction:column;gap:30px;padding:20px;width:100%;z-index:1000}.menu-con p{color:#aaa;font-size:14px}.menu-con a{background:transparent;color:#e4e4e4}.menu-con button{background:#292929;border:none;border-radius:10px;color:#e8e8e8;font-family:Monument-Regular;font-size:12px;padding:12px 0}.menu-con a li{color:#8b8b8b;font-family:Briskolage-Regular;font-size:24px;list-style:none}.menu-con a li.active{color:#c21420;font-family:Briskolage-SemiBold}}.footer{font-family:Monument-Regular;padding:5% 10%}.footer,.footer div{background:#412e70}.send-btn{background:#c7b0f5;border:none;border-radius:60px;color:#412e70;font-family:Monument-Regular;font-size:12px;margin-top:20px;padding:10px 18px}.send-btn a{color:#412e70;width:100%}.footer span{background:#412e70;color:#a28ec9}.footer-con{display:flex;font-size:10px;justify-content:space-between;margin-top:100px}.footer-con,.footer-con div,.footer-links{background:#412e70}.footer-links{display:flex;gap:20px;margin-top:15px}.fliptext{background:#412e70;border:2px solid #a28ec9;border-radius:20px;color:#a28ec9;display:inline-block;font-size:10px;padding:5px;position:relative;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.fliptext:before{align-items:center;background:#6e18bb;border:1px solid #6e18bb;border-radius:20px;color:#fff;content:attr(data-hover);display:flex;height:100%;justify-content:center;left:0;position:absolute;text-align:center;top:100%;-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg);-webkit-transform-origin:50% 0;transform-origin:50% 0;transition:color .5s;width:100%}.fliptext:hover{-webkit-transform:rotateX(90deg) translateY(-22px);transform:rotateX(90deg) translateY(-22px)}.copyright{align-items:flex-end;display:flex;gap:30px}.copyright,.copyright div,.copyright div p{background:#412e70}.copyright div p{color:#a28ec9;font-size:12px;margin-top:15px}.copyright div span{background:#412e70;font-size:10px}.copyright p{background:#412e70;font-size:16px;font-size:12px}@media screen and (max-width:900px){.footer{background:#412e70;font-family:Monument-Regular;padding:10% 7%}.footer span{background:#412e70;color:#a28ec9;font-size:12px}.footer-con{flex-direction:column}.footer-links{background:#412e70;display:flex;flex-wrap:wrap;gap:15px;margin-top:15px}.copyright{align-items:flex-start;flex-direction:column;margin-top:50px}}.hero{background:#412e70;overflow:hidden;padding:120px 10% 60px}.head-flex,.hero-head{background:#412e70;display:flex;justify-content:space-between}.hero-head{flex-basis:46%;flex-direction:column;width:100%}.hero-head h2{font-size:40px;line-height:60px}.hero-head h2,.hero-head p{background:#412e70;color:#c7b0f5;font-family:Monument-Regular}.hero-head p{font-size:12px;font-weight:200;line-height:24px;margin-top:10px}.hero-text{background:#412e70;flex-basis:46%;height:100%}.insight{overflow:hidden;position:relative}.insight-2022{transition:opacity 1s ease-in-out;width:100%}.insight-2022 img{width:100%}.insight button{align-items:center;background:rgba(0,0,0,.5);border:2px solid #fff;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-family:Monument-Regular;font-size:10px;height:70px;justify-content:center;left:20px;padding:20px;position:absolute;top:20px;transition:all .5s ease-in;width:70px}.insight button:hover{background:rgba(65,46,112,.7)}.carousel{display:none;gap:10px;overflow-x:hidden;overflow-y:hidden;white-space:nowrap}.carousel-box{border:1px solid #ccc;display:inline-block;width:390px}.carousel-box img{width:390px}@media screen and (max-width:900px){.hero{flex-direction:column;padding:120px 7% 60px}.hero-head h2{font-family:Monument-Bold;font-size:32px;line-height:48px;text-align:left}.head-flex{background:#412e70;display:flex;flex-direction:column;justify-content:space-between}.hero-head,.hero-text{background:#412e70;flex-basis:100%}.hero-text{margin-top:10px}.hero-head p{background:#412e70;color:#c7b0f5}.insight{margin-top:40px;max-height:none;overflow:hidden;position:relative}.insight button{align-items:center;background:rgba(0,0,0,.5);border:2px solid #fff;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:80px;justify-content:center;left:15px;padding:20px;position:absolute;top:15px;transition:all .5s ease-in;width:80px}}.work{background:#131315;color:#aaa;margin:0 auto;overflow:hidden;padding:100px 10%}.work-con h2{background:transparent;font-size:40px}.work-con h2,.work-con h4{font-family:Monument-Regular}.work-con h4{color:#b6b6b6;font-size:14px;margin-top:5px}.filters{background:#131315;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:40px;margin-top:30px}.filters button{background:#131315;border:2px solid #202020;border-radius:30px;color:#aaa;cursor:pointer;font-family:Monument-Regular;font-size:12px;padding:10px 20px;transition:background-color .3s ease,color .3s ease}.filters button:hover{background-color:#161616;color:#161616}.filters button.active{background-color:#e8e8e8;border:2px solid #161616;color:#161616}.filters button:hover:not(.active){color:#e8e8e8}.main-grid{display:flex;flex-wrap:wrap;gap:50px;justify-content:space-between;margin-top:50px}.grid-card{box-sizing:border-box;flex-basis:calc(45.55% - 10px);flex-grow:1;flex-shrink:1}.grid-card img{object-fit:cover;width:100%}.pro-con{display:flex;flex-direction:column;gap:0;justify-content:space-between;padding-top:20px}.pro-text p{color:#d3d3d3;font-family:Monument-Regular;font-size:18px;letter-spacing:1.5px;line-height:28px;margin-bottom:10px}.view-project{border-top:1px solid #636363;display:flex;justify-content:space-between;padding-top:15px}.view-project span{font-family:Monument-Regular;font-size:12px}.view-project button{background:transparent;border:none;color:#aaa;cursor:pointer;font-family:Monument-Regular;font-size:10px;text-decoration:underline}.modal{align-items:center;background-color:rgba(0,0,0,.8);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.modal-content{background:#131315;border:2px solid #292929;border-radius:20px;font-family:Monument-Regular;font-weight:200;max-width:85%;padding:15px;position:relative;width:400px}.modal-content h2{color:#f8f8ff;font-size:14px;font-weight:300;margin-top:30px}.modal-content p{font-size:10px;line-height:24px;margin-bottom:30px;margin-top:30px}.modal-content a{background-color:#1f1e1e;border-radius:5px;color:#fff;display:inline-block;font-size:10px;font-weight:200;padding:14px 0;text-align:center;text-decoration:none;transition:all .3s ease-in;width:100%}.modal-content a:hover{background-color:#242323}.close{background-color:#1f1e1e;border-radius:2px;cursor:pointer;font-family:Aeonik-Regular;font-size:24px;font-weight:500;padding:1px 6px;position:absolute;right:15px;top:20px}@media screen and (max-width:900px){.work{padding:60px 7%}.work-box{flex-direction:column}.work-con h2{font-size:32px}.work-con h4{font-size:14px;margin-top:15px}.filters button{font-size:10px}.pro-text p{letter-spacing:1.5px;margin-bottom:10px}.pro-text span,.view-project span{font-family:Monument-Regular;font-size:10px}}.cta{background:#131315;color:#aaa;display:flex;font-family:Monument-Regular;gap:100px;margin:0 auto;overflow:hidden;padding:100px 10% 0}.cta-con{display:flex;flex-direction:column;height:100%;justify-content:space-between;width:100%}.cta-con h2{background:transparent;font-size:40px}.cta-con h2,.cta-con p{font-family:Monument-Regular}.cta-con p{font-size:18px;line-height:38px}.cta-con p strong{color:#f8f8f8;font-family:Monument-Regular;font-weight:400;letter-spacing:2px}.cta-body,.cta-head{width:100%}.cta-body{font-family:Monument-Regular;font-size:12px;line-height:28px}@media screen and (max-width:900px){.cta{display:flex;flex-direction:column;gap:30px;padding:60px 7% 0}.cta-con{gap:20px}.cta-con h2{font-size:32px}.cta-con p{font-size:16px;line-height:36px}.cta-body{font-size:12px;line-height:24px;width:100%}}.skill{align-items:flex-start;background:#131315;color:#aaa;display:flex;font-family:Monument-Regular;gap:10px;margin:0 auto;overflow:hidden;padding:100px 10% 0}.skill-card,.strength-card{background:#292929;border-radius:40px;display:flex;flex-direction:column;flex-grow:1;padding:5px;width:100%}.skill-con,.strength-con{background:#131315;border-radius:35px;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:20px}.skill-con p,.strength-con p{font-family:Monument-Regular;font-size:12px;line-height:24px}.skills,.strengths{display:flex;flex-direction:column;gap:20px;margin-top:20px}.skills span,.strengths span{background:#292929;border:1px solid #3b3b3b;border-radius:20px;color:#e8e8e8;font-family:Monument-Regular;font-size:10px;font-weight:100;line-height:24px;opacity:0;padding:20px;-webkit-transform:translateY(500px);transform:translateY(500px)}@media screen and (max-width:900px){.skill{flex-direction:column;gap:40px;padding:60px 7% 0}.skill-card,.strength-card{background:#292929;border-radius:40px;display:flex;flex-direction:column;flex-grow:1;max-width:100%;padding:5px}.skill-con p,.strength-con p{font-size:12px;margin-top:10px}.skills,.strengths{display:flex;flex-direction:column;font-size:12px;gap:20px;line-height:24px;margin-top:20px}}.about{padding-top:150px}.stack{margin:0 auto;text-align:center;width:90%}.stack span{font-family:Satoshi-Bold;font-size:14px;text-align:center;text-transform:uppercase}.stack-box{margin:30px auto 0;width:60%}.stack-box p{font-family:Satoshi-Medium;font-size:24px;text-align:center}.job{margin:100px auto 0;width:90%}.job h2{font-size:36px}.job h2,.job span{font-family:Satoshi-Bold}.job span{font-size:14px;text-align:center;text-transform:uppercase}.job-box{align-items:center;display:flex;justify-content:space-between;margin-top:40px;text-align:left}.job-left{flex-basis:45%}.headphone{margin-left:100px;width:70%}.design span{color:#b6b6b6}.design p{font-family:Satoshi-Medium;font-size:24px;margin-top:10px}.development{margin-top:60px}.development span{color:#b6b6b6}.development p{color:#e8e8e8;font-family:Satoshi-Medium;font-size:24px;margin-top:10px}.interest{margin:100px auto 0;text-align:center;width:90%}.interest span{font-family:Satoshi-Bold;font-size:14px;text-align:center;text-transform:uppercase}.interest-box{margin:30px auto 0;width:60%}.interest-box p{color:#e8e8e8;font-family:Satoshi-Medium;font-size:24px;text-align:center}@media screen and (max-width:900px){.stack-box{margin:30px auto 0;width:80%}.job{margin:50px auto 0;text-align:center;width:90%}.job-box{flex-direction:column}.job-left{flex-basis:100%}.design,.development{text-align:center}.interest{margin-top:50px}.interest-box{margin:0 auto;width:80%}}*{box-sizing:border-box;letter-spacing:1.5px;margin:0;padding:0;text-decoration:none}@font-face{font-family:Monument-Bold;src:url(/static/media/MonumentExtended-Ultrabold.9db16afed1996befff6b.otf) format("opentype")}@font-face{font-family:Monument-Regular;src:url(/static/media/MonumentExtended-Regular.db74f7a563ec017311bc.otf) format("opentype")}.detail-con{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:150px 15% 0;text-align:center}.detail-con h2{font-family:Monument-Bold;font-size:40px;text-align:center}.detail-con p{color:#b6b6b6;font-family:Satoshi-Medium;font-size:20px;line-height:34px;margin-top:30px;text-align:center}.more-detail{display:flex;gap:100px;margin-top:30px}.more-detail div{display:flex;flex-direction:column}.more-detail div p{color:#b6b6b6;font-size:16px;margin-top:0}.more-detail div p,.more-detail div span{font-family:Satoshi-Medium;text-align:center}.more-detail div span{color:#e8e8e8}.first-deetImg{margin-top:120px}.first-deetImg img{width:100%}.approach{margin-top:120px}.approach h2{font-size:40px;margin-top:0;text-align:center}.approach div{margin-top:30px}.approach div p{margin-top:10px;text-align:center}.approach div span{font-family:Satoshi-Medium;text-align:center}@media screen and (max-width:900px){.detail-con{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:150px 8% 0;text-align:center}.detail-con h2{font-family:Monument-Bold;font-size:28px;text-align:center}.more-detail{display:flex;flex-direction:column;gap:30px;margin-top:30px}.approach,.first-deetImg{margin-top:60px}.approach h2{font-size:28px;margin-top:0;text-align:center}}.splitting .char,.splitting .word{display:inline-block}.splitting .char{position:relative}.splitting .char:after,.splitting .char:before{content:attr(data-char);left:0;position:absolute;top:0;transition:inherit;-webkit-user-select:none;user-select:none;visibility:hidden}.splitting{--word-center:calc((var(--word-total) - 1)/2);--char-center:calc((var(--char-total) - 1)/2);--line-center:calc((var(--line-total) - 1)/2)}.splitting .word{--word-percent:calc(var(--word-index)/var(--word-total));--line-percent:calc(var(--line-index)/var(--line-total))}.splitting .char{--char-percent:calc(var(--char-index)/var(--char-total));--char-offset:calc(var(--char-index) - var(--char-center));--distance:calc((var(--char-offset)*var(--char-offset))/var(--char-center));--distance-sine:calc(var(--char-offset)/var(--char-center));--distance-percent:(var(--distance)/var(--char-center))}.splitting.cells img{display:block;width:100%}@supports (display:grid){.splitting.cells{background-size:cover;overflow:hidden;position:relative;visibility:hidden}.splitting .cell-grid{background:inherit;display:grid;grid-template:repeat(var(--row-total),1fr) /repeat(var(--col-total),1fr);height:100%;left:0;position:absolute;top:0;width:100%}.splitting .cell{background:inherit;overflow:hidden;position:relative}.splitting .cell-inner{background:inherit;height:calc(100%*var(--row-total));left:calc(-100%*var(--col-index));position:absolute;top:calc(-100%*var(--row-index));visibility:visible;width:calc(100%*var(--col-total))}.splitting .cell{--center-x:calc((var(--col-total) - 1)/2);--center-y:calc((var(--row-total) - 1)/2);--offset-x:calc(var(--col-index) - var(--center-x));--offset-y:calc(var(--row-index) - var(--center-y));--distance-x:calc((var(--offset-x)*var(--offset-x))/var(--center-x));--distance-y:calc((var(--offset-y)*var(--offset-y))/var(--center-y))}}
/*# sourceMappingURL=main.29c36e1d.css.map*/