html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-family:"Inter"}:root{font-size:16px}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a{-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-webkit-transition:all .3s ease-out;-ms-transition:all .3s ease-out;transition:all .3s ease-out;text-decoration:none}a:hover,a:focus{text-decoration:none}html{font-size:18px}body{color:hsla(0,0%,100%,.7);font-family:"Inter",sans-serif;font-weight:400;font-optical-sizing:auto}h1{font-family:"Cal Sans";font-size:28px;font-weight:400;color:#fff}h1 span{font-weight:300;color:#14c7e7}h2{font-family:"Cal Sans";font-size:3.3rem;font-weight:400;color:#fff;margin-bottom:2rem}h3{font-family:"Cal Sans";font-size:2.22rem;font-weight:400;color:#fff;margin-bottom:1.5rem}h4{font-family:"Cal Sans";font-size:1.44rem;font-weight:400;color:#fff;margin-bottom:1.5rem}p{line-height:1.5rem;margin-bottom:2rem}p.lead{font-size:1.45rem;line-height:2rem}a{color:#14c7e7}a:hover{color:#fff}blockquote{border-left:4px solid #14c7e7;padding-left:16px;margin-left:0;font-style:italic;color:hsla(0,0%,100%,.7)}ul.list{list-style:none}ul.list li{position:relative;padding-left:20px;margin-bottom:10px;line-height:1.5rem}ul.list li:before{width:8px;height:8px;border-radius:50%;position:absolute;left:2px;top:10px;border:2px solid #14c7e7;content:""}.text-danger{color:#ff5868 !important}.icon{display:inline-block;background-repeat:no-repeat}.ph{display:inline-block;overflow:hidden;line-height:1;display:inline-block;color:inherit;width:1em;height:1em;aspect-ratio:1/1}.ph svg{stroke-width:2.5;fill:currentColor}body{background:#0e1036 url("/assets/img/page_bg.png") bottom no-repeat fixed;background-size:cover;position:relative}body.drawer-open{overflow:hidden;height:100%}.page.scrolled .page-header{background:rgba(14,16,54,.9) url("/assets/img/page_bg.png") center no-repeat fixed;background-size:cover;border-bottom:1px solid rgba(50,98,218,.5)}.page.scrolled video{opacity:0}@media(min-width: 992px){.page.scrolled .header-main .brand h1{line-height:1.8rem}}.page.scrolled .header-main .nav-main{transform:translateY(60px)}.page.scrolled .header-main .nav-main ul li a{line-height:3.9rem}@media(min-width: 992px){.page.scrolled .header-main .nav-main{transform:translateY(0px)}}.page.scrolled .header-main .nav-social{opacity:0}@media(min-width: 992px){.page.scrolled .header-main{padding-top:0;border-bottom:1px solid rgba(0,0,0,0)}}.page.scrolled .mouse-wrapper{opacity:0;pointer-events:none}.page.scrolled-away video{display:none;visibility:hidden}.page.scrolled-away .nav-social{display:none !important}.page-header{-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;-webkit-transition:all .5s ease-out;-ms-transition:all .5s ease-out;transition:all .5s ease-out;position:fixed;top:0;left:0;right:0;z-index:100;border-bottom:1px solid rgba(0,0,0,0);backdrop-filter:blur(10px)}.page-header .header-main{-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;-webkit-transition:all .5s ease-out;-ms-transition:all .5s ease-out;transition:all .5s ease-out;border-bottom:1px solid rgba(50,98,218,.5)}.page-header .header-main .brand{float:left}.page-header .header-main .brand h1{line-height:2.6rem;padding-top:8px;font-weight:500}.page-header .header-main .brand .profession{display:none;letter-spacing:.5px;font-family:"Inter",sans-serif}@media(min-width: 992px){.page-header .header-main .brand .profession{font-size:18px;display:block}}.page-header .header-main .brand span{-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-webkit-transition:all .3s ease-out;-ms-transition:all .3s ease-out;transition:all .3s ease-out;font-family:"Cal Sans",sans-serif}.page-header .header-main .brand:hover span{color:#fff}@media(min-width: 992px){.page-header .header-main{padding-top:20px}}.sections{padding-top:190px;display:block}.sections .section{min-height:80%;height:85vh;display:flex;position:relative}.sections .section>.col{display:flex}.sections .section.section-home{text-align:center}.sections .section.section-home>.col{flex-direction:row;flex-wrap:wrap;align-content:center;align-items:center}@media(min-width: 992px){.sections .section.section-home{text-align:left}}.sections .section.section-portfolio{height:auto;overflow:visible}.sections .section.section-portfolio h2{text-align:center;margin-bottom:1rem}@media(min-width: 992px){.sections .section.section-portfolio h2{text-align:left}}.sections .section.section-portfolio .nav{margin-bottom:20px;text-align:center;display:flex;flex-wrap:wrap;justify-content:center}.sections .section.section-portfolio .nav li{margin-right:30px;display:inline-block}.sections .section.section-portfolio .nav li a{padding:10px 0;border-bottom:2px solid rgba(0,0,0,0);display:inline-block}.sections .section.section-portfolio .nav li a.active{color:#fff;border-bottom:2px solid #14c7e7}.sections .section.section-portfolio .nav li a:hover{color:#fff;border-bottom:2px solid #14c7e7}.sections .section.section-portfolio .nav li:last-child{margin-right:0}.sections .section.section-portfolio .nav:after{content:"";display:block;clear:both}@media(min-width: 992px){.sections .section.section-portfolio .nav{justify-content:flex-start}}.sections .section.section-about{padding-top:60px}.sections .section.section-about>.container{display:flex}.sections .section.section-about h2{text-align:center}@media(min-width: 768px){.sections .section.section-about h2{text-align:left}}.sections .section.section-about p{text-align:center}@media(min-width: 768px){.sections .section.section-about p{text-align:left}}.sections .section.section-about .btn{text-align:center}@media(min-width: 768px){.sections .section.section-about .btn{text-align:left}}.sections .section.section-about .about-skillset{overflow:hidden;margin-bottom:40px;text-align:center}@media(min-width: 992px){.sections .section.section-about .about-skillset{text-align:left}}.sections .section.section-about .skillset-resume-title{margin-bottom:15px;margin-top:30px;text-align:center}@media(min-width: 768px){.sections .section.section-about .skillset-resume-title{text-align:left}}.sections .section.section-about .skills-tools{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-content:flex-start;align-items:flex-start}@media(min-width: 992px){.sections .section.section-about .skills-tools{justify-content:flex-start}}.sections .section.section-about .skills-tools .badge{font-size:16px}@media(min-width: 768px){.sections .section.section-about .skills-tools .badge{font-size:14px}}@media(min-width: 992px){.sections .section.section-about{padding-top:0}}@media(min-width: 768px){.sections .section{min-height:700px}}@media(min-width: 1200px){.sections .section{min-height:800px}}.page-content{width:100%}.profile-photo{width:160px;height:160px;-webkit-box-shadow:0 10px 20px 0 rgba(14,16,54,.5);-moz-box-shadow:0 10px 20px 0 rgba(14,16,54,.5);box-shadow:0 10px 20px 0 rgba(14,16,54,.5);-moz-transition:all 1.2s ease-out;-o-transition:all 1.2s ease-out;-webkit-transition:all 1.2s ease-out;-ms-transition:all 1.2s ease-out;transition:all 1.2s ease-out;display:block;border-radius:50%;overflow:hidden;margin:0 auto 30px auto}.profile-photo img{-moz-transition:all 1.2s ease-out;-o-transition:all 1.2s ease-out;-webkit-transition:all 1.2s ease-out;-ms-transition:all 1.2s ease-out;transition:all 1.2s ease-out;width:160px;height:160px}.profile-photo:hover img{-moz-transform:scale(1.3);-webkit-transform:scale(1.3);transform:scale(1.3)}@media(min-width: 768px){.profile-photo{margin:0;width:150px;height:150px}.profile-photo img{width:150px;height:150px}}@media(min-width: 992px){.profile-photo{margin:0;width:130px;height:130px}.profile-photo img{width:130px;height:130px}}@media(min-width: 1200px){.profile-photo{margin:0;width:160px;height:160px}.profile-photo img{width:160px;height:160px}}input,button{-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-webkit-transition:all .3s ease-out;-ms-transition:all .3s ease-out;transition:all .3s ease-out}.btn{border-radius:2px;font-family:Cal Sans;font-size:18px;font-weight:400;color:#fff;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-webkit-transition:all .3s ease-out;-ms-transition:all .3s ease-out;transition:all .3s ease-out;cursor:pointer;letter-spacing:.05em;display:inline-flex;align-items:center;gap:8px}.btn.btn-default{font-family:Cal Sans;font-size:18px;font-weight:400;color:#fff;border:2px solid #14c7e7;background:rgba(0,0,0,0);border-radius:15px;height:46px;padding:0 16px;align-content:center}.btn.btn-default:hover{-webkit-box-shadow:0 4px 15px 0 rgba(14,16,54,.7);-moz-box-shadow:0 4px 15px 0 rgba(14,16,54,.7);box-shadow:0 4px 15px 0 rgba(14,16,54,.7);border-color:#fff}.btn.btn-success{border-radius:8px}.btn.btn-danger{border-radius:8px}.btn.btn-white{color:#14c7e7;border:1px solid #fff;background:#fff}.btn.btn-clear{color:#14c7e7;background:none}.btn.btn-primary{background:#14c7e7;border:1px solid #14c7e7;padding:8px 20px 10px 20px}.btn.btn-primary:hover,.btn.btn-primary:active:focus,.btn.btn-primary:focus{background:#9e1d21;border:1px solid #9e1d21;outline:none}.btn span{font-family:Cal Sans;font-size:18px;font-weight:400;color:#fff;display:inline-block;letter-spacing:.05em}.btn i.ph{font-size:1.5rem;display:inline-block}.btn i.icon-arrow-right{float:right;margin-top:2px;margin-left:3px}.btn i.icon-arrow-down{float:right;margin-left:3px}.btn i.icon-arrow-up{float:right;margin-left:3px}.btn i.icon-arrow-left{float:left;margin-top:2px;margin-right:3px}.btn:active,.btn:focus{outline:none;box-shadow:none}.form-control{font-family:Inter;font-size:14px;font-weight:400;color:#868695;font-optical-sizing:auto;border:1px solid #fff;border-radius:2px;box-shadow:none;min-height:46px}.form-control[type=text]{background:#fff;box-shadow:none}.form-control .input-caret{position:absolute;top:11px;right:6px;pointer-events:none}.form-control.clean{color:#6c6c6c}.form-control.clean sup{color:#6c6c6c}.form-control:placeholder{color:#dbdbea}.form-control:active,.form-control:focus{border:1px solid #fff;box-shadow:none}a.form-control{padding-top:10px}a.form-control:focus{text-decoration:none}.input-group{position:relative}.input-group>.input-group-addon{border:1px solid #fff;border-radius:0;padding-right:0}.input-group>.input-group-addon:first-child{background-color:#fff}.input-group .input-caret{position:absolute;top:11px;right:6px;pointer-events:none;z-index:5}.input-group.block{display:block}.input-group:after{content:"";display:block;clear:both}.checkbox{font-family:Inter;font-size:14px;font-weight:400;color:#868695;font-optical-sizing:auto;background:#fff;margin:0;height:46px;padding:16px 12px;cursor:pointer}.checkbox input[type=checkbox]{visibility:hidden}.checkbox input[type=checkbox]+i{position:relative}.checkbox input[type=checkbox]+i:after{-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-ms-transition:all .2s ease-out;transition:all .2s ease-out;width:0px;height:0px;position:absolute;content:"";top:50%;left:50%;background-size:0 0;opacity:0}.checkbox input[type=checkbox]:checked+i:after{width:24px;height:24px;content:"";top:0;left:0;background-image:url("assets/img/checkbox.svg");background-size:24px 24px;opacity:1}.checkbox i{float:right;margin-top:-5px}.dropdown .dropdown-menu{border-radius:2px;border:0}.dropdown .dropdown-menu li a{font-family:Inter;font-size:16px;font-weight:400;color:#868695;font-optical-sizing:auto;padding:10px 16px}.dropdown .dropdown-menu li a:hover{background:#f2f2f2}.dropdown ul.dropdown-menu{border-radius:0;border:1px solid #fff;border-top-left-radius:0;border-top-right-radius:0}.dropdown ul.dropdown-menu li a{font-family:Inter;font-size:16px;font-weight:normal;color:#868695;font-optical-sizing:auto;padding:12px 20px}.dropdown ul.dropdown-menu li strong{font-family:Inter;font-size:16px;font-weight:normal;color:#14c7e7;font-optical-sizing:auto;padding:12px 20px 6px;border-bottom:1px solid rgba(20,199,231,.2);display:block}.dropdown.open>.dropdown-toggle.btn-primary{background-color:#14c7e7;border-color:#14c7e7}.content-page .btn-clear{color:#14c7e7}.progress{border:1px solid #3262da;background:rgba(0,0,0,0);overflow:hidden}.progress .progress-bar{-moz-transition:all 1.5s ease-out;-o-transition:all 1.5s ease-out;-webkit-transition:all 1.5s ease-out;-ms-transition:all 1.5s ease-out;transition:all 1.5s ease-out;background-color:#14c7e7;border-radius:5px;height:9px}.controls .btn .ph{display:inline-block;height:1rem}.controls .btn span{display:inline-block;line-height:1rem;vertical-align:middle}.controls .btn-prev,.controls .btn-next{height:30px;display:inline-block;text-align:center;padding:0px 10px;margin-right:10px}.controls .btn-prev .ph{float:left;padding-right:6px;vertical-align:middle;line-height:1}.controls .btn-next .ph{float:right;padding-left:6px;vertical-align:middle;line-height:1}@keyframes infiniteBounce{0%{opacity:0;transform:translateY(-10px)}50%{opacity:1}100%{opacity:0;transform:translateY(10px)}}@keyframes scrollUp{0%{transform:translateY(0px);text-shadow:0 0 0 rgba(71,212,239,0),0 0 0 rgba(71,212,239,0)}3%{transform:translateY(0px);text-shadow:0 0 0 rgba(71,212,239,0),0 0 0 rgba(71,212,239,0)}10%{transform:translateY(-486px);text-shadow:0 0 0 rgba(71,212,239,0),0 0 0 rgba(71,212,239,0)}13%{transform:translateY(-486px);text-shadow:0 0 0 rgba(71,212,239,0),0 0 0 rgba(71,212,239,0)}20%{transform:translateY(-1026px);text-shadow:0 0 0 rgba(71,212,239,0),0 0 0 rgba(71,212,239,0)}23%{transform:translateY(-1026px);text-shadow:0 0 0 rgba(71,212,239,0),0 0 0 rgba(71,212,239,0)}30%{transform:translateY(-1566px)}33%{transform:translateY(-1566px)}40%{transform:translateY(-2106px)}43%{transform:translateY(-2106px)}50%{transform:translateY(-2646px)}53%{transform:translateY(-2646px)}60%{transform:translateY(-2106px)}63%{transform:translateY(-2106px)}70%{transform:translateY(-1566px)}73%{transform:translateY(-1566px)}80%{transform:translateY(-1026px)}83%{transform:translateY(-1026px)}90%{transform:translateY(-486px)}93%{transform:translateY(-486px)}100%{transform:translateY(0px)}}@keyframes scrollCilinder{0%{transform:rotateX(0deg)}100%{transform:rotateX(10deg)}}@keyframes wheelScroll{0%{transform:translateY(4px)}50%{transform:translateY(4px)}100%{transform:translateY(8px)}}@keyframes ph-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.ph-spin{animation:ph-spin 1s linear infinite}.hidden-first{visibility:hidden}.hidden-first.slideInUp,.hidden-first.fadeInUp,.hidden-first.bounce,.hidden-first.flash,.hidden-first.pulse,.hidden-first.rubberBand,.hidden-first.shake,.hidden-first.headShake,.hidden-first.swing,.hidden-first.tada,.hidden-first.wobble,.hidden-first.jello,.hidden-first.bounceIn,.hidden-first.bounceInDown,.hidden-first.bounceInLeft,.hidden-first.bounceInRight,.hidden-first.bounceInUp,.hidden-first.bounceOut,.hidden-first.bounceOutDown,.hidden-first.bounceOutLeft,.hidden-first.bounceOutRight,.hidden-first.bounceOutUp,.hidden-first.fadeIn,.hidden-first.fadeInDown,.hidden-first.fadeInDownBig,.hidden-first.fadeInLeft,.hidden-first.fadeInLeftBig,.hidden-first.fadeInRight,.hidden-first.fadeInRightBig,.hidden-first.fadeInUp,.hidden-first.fadeInUpBig,.hidden-first.fadeOut,.hidden-first.fadeOutDown,.hidden-first.fadeOutDownBig,.hidden-first.fadeOutLeft,.hidden-first.fadeOutLeftBig,.hidden-first.fadeOutRight,.hidden-first.fadeOutRightBig,.hidden-first.fadeOutUp,.hidden-first.fadeOutUpBig,.hidden-first.flipInX,.hidden-first.flipInY,.hidden-first.flipOutX,.hidden-first.flipOutY,.hidden-first.lightSpeedIn,.hidden-first.lightSpeedOut,.hidden-first.rotateIn,.hidden-first.rotateInDownLeft,.hidden-first.rotateInDownRight,.hidden-first.rotateInUpLeft,.hidden-first.rotateInUpRight,.hidden-first.rotateOut,.hidden-first.rotateOutDownLeft,.hidden-first.rotateOutDownRight,.hidden-first.rotateOutUpLeft,.hidden-first.rotateOutUpRight,.hidden-first.hinge,.hidden-first.jackInTheBox,.hidden-first.rollIn,.hidden-first.rollOut,.hidden-first.zoomIn,.hidden-first.zoomInDown,.hidden-first.zoomInLeft,.hidden-first.zoomInRight,.hidden-first.zoomInUp,.hidden-first.zoomOut,.hidden-first.zoomOutDown,.hidden-first.zoomOutLeft,.hidden-first.zoomOutRight,.hidden-first.zoomOutUp,.hidden-first.slideInDown,.hidden-first.slideInLeft,.hidden-first.slideInRight,.hidden-first.slideInUp,.hidden-first.slideOutDown,.hidden-first.slideOutLeft,.hidden-first.slideOutRight,.hidden-first.slideOutUp{visibility:visible}.delay-quarter{animation-delay:.25s}.delay-third{animation-delay:.33s}.delay-half{animation-delay:.5s}.delay-1{animation-delay:1s}.delay-2{animation-delay:2s}.delay-3{animation-delay:3s}@keyframes progressGrow{from{transform:scaleX(-1)}to{transform:scaleX(1)}}.home-video-bg{-moz-transition:all 1s ease-out;-o-transition:all 1s ease-out;-webkit-transition:all 1s ease-out;-ms-transition:all 1s ease-out;transition:all 1s ease-out;position:fixed;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;z-index:-100;transform:translateX(-50%) translateY(-50%);background:url("/assets/img/page_bg.png") no-repeat;background-size:cover;transition:1s opacity;opacity:1}.badge.badge-secondary{-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-webkit-transition:all .3s ease-out;-ms-transition:all .3s ease-out;transition:all .3s ease-out;background:rgba(20,199,231,.05);margin-right:8px;margin-bottom:8px;padding:8px 10px;font-weight:400}@media(max-width: 992px){.page-header>.container{max-width:100%;padding:0}.page-header>.container .header-main{padding-left:15px;padding-right:15px;padding-bottom:5px}}.page-header .btn-nav-mobile{background-color:rgba(0,0,0,0);border:0;width:32px;height:32px;padding:0;float:right;margin-top:15px}.page-header .btn-nav-mobile>div{-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-webkit-transition:all .3s ease-out;-ms-transition:all .3s ease-out;transition:all .3s ease-out;background-color:#fff;width:100%;height:3px;margin-bottom:6px;border-radius:3px}.page-header .btn-nav-mobile>div:last-child{margin-bottom:0}@media(min-width: 992px){.page-header .btn-nav-mobile{display:none}}.page-header .nav-main{-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-webkit-transition:all .3s ease-out;-ms-transition:all .3s ease-out;transition:all .3s ease-out;height:0;visibility:hidden;position:absolute;left:0;right:0;transform:translateY(62px);z-index:100;overflow:hidden}.page-header .nav-main ul{-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-webkit-transition:all .3s ease-out;-ms-transition:all .3s ease-out;transition:all .3s ease-out;list-style:none;margin-bottom:-1px;background-color:rgba(14,16,54,.9);padding:0 30px;display:block}.page-header .nav-main ul li{position:relative;margin-bottom:10px}.page-header .nav-main ul li a{-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-webkit-transition:all .3s ease-out;-ms-transition:all .3s ease-out;transition:all .3s ease-out;display:block;font-size:1.3rem;font-family:"Cal Sans",sans-serif;font-weight:400;line-height:3.5rem;border-left:2px solid rgba(0,0,0,0);display:block;outline:none;padding:0;padding-left:20px}.page-header .nav-main ul li a.active{border-left-color:#14c7e7;color:#fff}.page-header .nav-main ul li a:hover,.page-header .nav-main ul li a:focus{border-left-color:#14c7e7;color:#fff;animation:pulseShine 1s infinite}@media(min-width: 992px){.page-header .nav-main ul li a{line-height:6rem;display:inline-block;border-left:0;padding-left:0;border-bottom:2px solid rgba(0,0,0,0)}.page-header .nav-main ul li a.active{border-left:0;border-bottom:2px solid #14c7e7;color:#fff}.page-header .nav-main ul li a:hover,.page-header .nav-main ul li a:focus{border-left:0;border-bottom:2px solid #14c7e7;color:#fff;animation:pulseShine 1s infinite}}.page-header .nav-main ul li:last-child{margin-right:0}@media(min-width: 992px){.page-header .nav-main ul li{float:left;margin-right:60px;margin-bottom:0}}@media(min-width: 992px){.page-header .nav-main{position:relative;height:auto;top:inherit;right:inherit;left:inherit;float:right;visibility:visible;transform:translateY(0px)}}.page-header .nav-social{-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-webkit-transition:all .3s ease-out;-ms-transition:all .3s ease-out;transition:all .3s ease-out;position:absolute;bottom:-50px}.page-header .nav-social ul{list-style:none}.page-header .nav-social ul li{float:left;margin-right:30px}.page-header .nav-social ul li a{display:flex;align-items:center}.page-header .nav-social ul li a>i{font-size:2.5rem}.page-header .nav-social ul li a span{-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;-webkit-transition:all .5s ease-out;-ms-transition:all .5s ease-out;transition:all .5s ease-out;opacity:0;display:inline-block}.page-header .nav-social ul li a:hover span{opacity:1;transform:translateX(15px)}@media(max-width: 992px){.page-header .nav-social ul li a span{opacity:1;transform:translateX(15px)}}.nav-mobile-open .nav-main{height:260px;visibility:visible}@media(min-width: 992px){.nav-mobile-open .nav-main{height:auto}}.nav-mobile-open .btn-nav-mobile{width:32px;height:32px;transform:rotate(180deg)}.nav-mobile-open .btn-nav-mobile>div:nth-child(1){height:3px;transform:rotate(45deg) scaleX(0.6) translate(13px, 17px)}.nav-mobile-open .btn-nav-mobile>div:nth-child(2){height:3px;transform:rotate(90deg)}.nav-mobile-open .btn-nav-mobile>div:nth-child(3){height:3px;transform:rotate(-45deg) scaleX(0.6) translate(7px, 4px)}@media(min-width: 992px){.nav-mobile-open .btn-nav-mobile{display:none}}.mouse-wrapper{position:fixed;bottom:30px;width:100%}.mouse-wrapper .mouse{width:16px;height:28px;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-webkit-transition:all .3s ease-out;-ms-transition:all .3s ease-out;transition:all .3s ease-out;border:2px solid #fff;border-radius:8px;margin-left:auto;margin-right:auto;display:none;margin-top:50px}.mouse-wrapper .mouse .mouse-wheel{width:2px;height:6px;border:1px dotted #fff;border-radius:2px;margin-left:auto;margin-right:auto;transform:translateY(4px);animation:wheelScroll 1.5s 1s ease-out infinite}@media(min-width: 992px){.mouse-wrapper .mouse{display:block}}.scroll{width:100%;padding-bottom:100px;flex:0 1 100%}.scroll .scroll-action{font-family:"Cal Sans";font-size:54px;font-weight:400;color:#fff;line-height:54px}.scroll .scroll-cta{margin-top:30px;display:none;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-webkit-transition:all .3s ease-out;-ms-transition:all .3s ease-out;transition:all .3s ease-out}@media(min-width: 768px){.scroll .scroll-cta{display:block}}.scroll .scroll-items{height:162px;overflow:hidden}.scroll .scroll-items ul{list-style:none;animation:scrollUp 20s 3s infinite}.scroll .scroll-items ul li{animation:scrollCilinder 5s 3s infinite;perspective:300px;perspective-origin:50% 50%;transform-style:preserve-3d;font-family:"Cal Sans";font-size:44px;font-weight:300;color:#fff;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-webkit-transition:all .3s ease-out;-ms-transition:all .3s ease-out;transition:all .3s ease-out;color:#14c7e7;opacity:.2;line-height:54px}.scroll .scroll-items ul li:first-child{opacity:1}.scroll .scroll-items ul li:hover{color:#fff}@media(min-width: 768px){.scroll .scroll-items ul li{font-size:38px}}.scroll .scroll-items ul:first-child li{opacity:.2}.scroll .scroll-items ul:first-child li:first-child{opacity:.2}.scroll .scroll-items ul:first-child li:nth-child(2){opacity:1 !important}@media(min-width: 768px){.scroll .scroll-items ul{margin-left:20px}}@media(min-width: 768px){.scroll .scroll-items{margin-top:-38px}}.accordion{margin-bottom:40px}.accordion .accordion-item .item-header h5{font-weight:500;line-height:4rem}.accordion .accordion-item .item-header h5 a{color:#fff}.accordion .accordion-item .item-header h5 .ph{float:right;display:inline-block;line-height:1;vertical-align:middle}.accordion .accordion-item .item-header{border-bottom:1px solid rgba(50,98,218,.3)}.accordion .accordion-item .item-body{padding-top:1rem;padding-bottom:2rem}.accordion .accordion-item .collapse .item-body{-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-webkit-transition:all .3s ease-out;-ms-transition:all .3s ease-out;transition:all .3s ease-out;opacity:0}.accordion .accordion-item .collapse.show .item-body{opacity:1}.slick-slide{height:auto}.slick-dots{text-align:center}.slick-dots li{display:inline-block;margin-right:.5rem;border-radius:50%;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-webkit-transition:all .3s ease-out;-ms-transition:all .3s ease-out;transition:all .3s ease-out}.slick-dots li button{background:none;text-indent:9999px;overflow:hidden;padding:10px;border:none;cursor:pointer;width:28px;height:28px;border-radius:50%;outline:none;position:relative}.slick-dots li button:after{width:8px;height:8px;background:rgba(20,199,231,.7);border-radius:50%;content:"";display:block;position:absolute;top:10px}.slick-dots li:last-child{margin-right:0}.slick-dots li.slick-active button::after{background:#fff}.slick-dots li:hover{background-color:rgba(20,199,231,.9)}.slick-dots li:hover button::after{background:#fff}.projects-app-items .slick-dots{margin-top:50px}@media(min-width: 992px){.projects-web-items .slick-dots{margin-top:50px}}.project-item{outline:none;margin-bottom:30px;padding:0 5px}.project-item .project-info{width:100%}.project-item .project-title{margin-top:.8rem;margin-bottom:.5rem;text-align:center}@media(min-width: 992px){.project-item .project-title{margin-bottom:1.5rem;text-align:left}}.project-item .project-meta{list-style:none;margin-bottom:1.5rem;text-align:center}.project-item .project-meta li{font-family:Cal Sans;font-size:16px;font-weight:400;color:#fff;display:inline-block}.project-item .project-meta li:after{content:"/";display:inline-block;padding-left:5px;padding-right:5px;color:#14c7e7}.project-item .project-meta li:last-child:after{display:none}.project-item .project-meta:after{content:"";clear:both;display:block}@media(min-width: 992px){.project-item .project-meta{margin-bottom:2rem;text-align:left}}.project-item .project-description p{margin-bottom:1.5rem;text-align:center}@media(min-width: 768px){.project-item .project-description p{margin-bottom:2rem}}@media(min-width: 992px){.project-item .project-description p{text-align:left}}.project-item .project-link{padding-bottom:5px;text-align:center;margin-bottom:30px}.project-item .project-link .btn{margin-bottom:5px}@media(min-width: 992px){.project-item .project-link{text-align:left;margin-bottom:0}}.project-item .project-web-outline{-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-webkit-transition:all .3s ease-out;-ms-transition:all .3s ease-out;transition:all .3s ease-out;position:relative;width:290px;margin:0 auto}.project-item .project-web-outline img{width:100%;height:auto}.project-item .project-web-outline .project-screen{-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-webkit-transition:all .3s ease-out;-ms-transition:all .3s ease-out;transition:all .3s ease-out;width:220px;height:138px;position:absolute;top:10px;left:35px;background:rgba(0,0,0,.5);overflow:hidden}@media(min-width: 768px){.project-item .project-web-outline .project-screen{width:524px;height:328px;top:24px;left:82px}}@media(min-width: 992px){.project-item .project-web-outline .project-screen{width:465px;height:290px;top:22px;left:73px}}@media(min-width: 1200px){.project-item .project-web-outline .project-screen{width:554px;height:346px;top:26px;left:87px}}@media(min-width: 768px){.project-item .project-web-outline{width:690px}}@media(min-width: 992px){.project-item .project-web-outline{width:612px}}@media(min-width: 1200px){.project-item .project-web-outline{width:100%}}.project-item .project-mobile-outline{-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-webkit-transition:all .3s ease-out;-ms-transition:all .3s ease-out;transition:all .3s ease-out;position:relative;margin:0 auto;width:290px}.project-item .project-mobile-outline img{width:100%;height:auto}.project-item .project-mobile-outline .project-screen{width:248px;height:444px;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-webkit-transition:all .3s ease-out;-ms-transition:all .3s ease-out;transition:all .3s ease-out;position:absolute;top:77px;left:21px;background:rgba(0,0,0,.5);overflow:hidden}@media(min-width: 768px){.project-item .project-mobile-outline .project-screen{width:258px;height:462px}}@media(min-width: 768px){.project-item .project-mobile-outline{width:300px}}.project-item .project-carousel-inner+.controls{margin-top:2rem}.project-item .project-carousel-inner+.controls a{font-family:Cal Sans;font-size:.8rem;font-weight:400;color:#fff;padding:8px 0;border-bottom:2px solid hsla(0,0%,100%,0);outline:none}.project-item .project-carousel-inner+.controls a+a{margin-left:30px}.project-item .project-carousel-inner+.controls a:hover,.project-item .project-carousel-inner+.controls a.active{border-bottom:2px solid #14c7e7}.projects .controls{display:flex;justify-content:center}@media(min-width: 992px){.projects .controls{justify-content:flex-start}}.modal{backdrop-filter:blur(16px)}.modal .modal-content{border-radius:10px}.modal .modal-dialog{min-height:calc(100vh - 60px);display:flex;flex-direction:column;justify-content:center}.modal .modal-dialog .modal-content{border:0}.modal .modal-dialog .modal-content .modal-header{padding:0 20px;border-bottom:0}.modal .modal-dialog .modal-content .modal-header .modal-title{font-family:Cal Sans;font-size:36px;font-weight:400;color:#0e1036}@media(min-width: 768px){.modal .modal-dialog .modal-content .modal-header .modal-title{position:absolute;top:-60px;color:#fff}}.modal .modal-dialog .modal-content .modal-header .close{right:0;width:38px;height:38px;opacity:1;font-weight:normal;border-radius:5px;cursor:pointer;display:flex;align-items:center;justify-content:center}.modal .modal-dialog .modal-content .modal-header .close:focus{box-shadow:0px 0px 0px 3px rgba(20,199,231,.5);outline:none}.modal .modal-dialog .modal-content .modal-header .close:hover{background-color:hsla(0,0%,100%,.1)}.modal .modal-dialog .modal-content .modal-header .close span{font-size:28px}@media(min-width: 768px){.modal .modal-dialog .modal-content .modal-header .close{position:absolute;top:-50px;color:#fff}}@media(min-width: 768px){.modal .modal-dialog .modal-content .modal-header{padding:0}}.modal .modal-dialog .modal-content .modal-body{padding-top:0;padding-bottom:0}.modal .modal-dialog .modal-content .modal-body .contact-form{padding:20px 20px 30px 20px}.modal .modal-dialog .modal-content .modal-body .contact-form p{color:#403c3d;margin-bottom:15px}.modal .modal-dialog .modal-content .modal-body .contact-form strong{font-weight:500}.modal .modal-dialog .modal-content .modal-body .contact-form .form-control{font-family:Inter;font-size:16px;font-weight:400;color:#403c3d;font-optical-sizing:auto;border:1px solid #dbdbea;box-shadow:inset 0px 1px 4px rgba(219,219,234,.35);border-radius:5px}.modal .modal-dialog .modal-content .modal-body .contact-form .form-control:placeholder{color:#868695}.modal .modal-dialog .modal-content .modal-body .contact-form .form-control:focus{border:1px solid #868695;outline:none}@media(min-width: 992px){.modal .modal-dialog .modal-content .modal-body .contact-form{padding:20px 20px 15px 20px}}.modal .modal-dialog .modal-content .modal-body .contact-info{padding-top:30px;padding-bottom:30px;background-color:#1a225b;color:#fff;display:flex;border-bottom-left-radius:8px;border-bottom-right-radius:8px;padding-left:20px;padding-right:20px}.modal .modal-dialog .modal-content .modal-body .contact-info h6{font-family:Cal Sans;font-size:18px;font-weight:400;color:#fff;margin-bottom:40px;letter-spacing:.5px}.modal .modal-dialog .modal-content .modal-body .contact-info h6 a{color:#14c7e7}.modal .modal-dialog .modal-content .modal-body .contact-info .contact-items{list-style:none}.modal .modal-dialog .modal-content .modal-body .contact-info .contact-items li{margin-bottom:25px;display:flex;gap:8px}.modal .modal-dialog .modal-content .modal-body .contact-info .contact-items li i{font-size:1.5rem}.modal .modal-dialog .modal-content .modal-body .contact-info .contact-items li span{font-size:15px;padding-top:5px;display:block}.modal .modal-dialog .modal-content .modal-body .contact-info .contact-items li a{display:inline-flex;align-items:center}@media(min-width: 992px){.modal .modal-dialog .modal-content .modal-body .contact-info{border-top-right-radius:8px;border-bottom-left-radius:0;padding-left:18px;padding-right:15px}}.modal .modal-dialog .modal-content .modal-body .btn-primary{font-family:Cal Sans;font-size:18px;font-weight:500;color:#fff;background-color:#14c7e7;border-radius:8px;border:0;padding:14px 20px;box-shadow:0px 2px 5px rgba(14,16,54,.15)}.modal .modal-dialog .modal-content .modal-body .btn-primary i{font-size:1.5rem}.modal .modal-dialog .modal-content .modal-body .btn-primary:hover{outline:none;box-shadow:0px 2px 8px rgba(14,16,54,.45)}.modal .modal-dialog .modal-content .modal-body .btn-primary:focus{outline:none;box-shadow:inset 0px 2px 4px rgba(15,147,171,.7)}@media(min-width: 992px){.modal .modal-dialog .modal-content .modal-body .btn-primary{margin-bottom:-40px}.modal .modal-dialog .modal-content .modal-body .btn-primary:focus{margin-bottom:-43px}}@media(max-width: 768px){.modal .modal-dialog{min-height:calc(100vh - 20px)}}.modal-backdrop{background-color:#0e1036;backdrop-filter:blur(20px)}.modal-backdrop.show{opacity:.85}[data-tooltip]{position:relative;z-index:2;cursor:pointer}[data-tooltip]:before,[data-tooltip]:after{visibility:hidden;opacity:0;pointer-events:none;transition:all .3s ease-out}[data-tooltip]:before{position:absolute;bottom:150%;left:50%;margin-bottom:5px;margin-left:-80px;padding:7px;width:160px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background-color:rgba(20,199,231,.7);color:#fff;content:attr(data-tooltip);text-align:center;font-size:14px;line-height:1.2}[data-tooltip]:after{position:absolute;bottom:150%;left:50%;margin-left:-5px;width:0;border-top:5px solid #14c7e7;border-top:5px solid rgba(20,199,231,.7);border-right:5px solid rgba(0,0,0,0);border-left:5px solid rgba(0,0,0,0);content:" ";font-size:0;line-height:0}[data-tooltip]:hover:before,[data-tooltip]:hover:after{visibility:visible;opacity:1}.drawer{-moz-transition:all .4s ease-out;-o-transition:all .4s ease-out;-webkit-transition:all .4s ease-out;-ms-transition:all .4s ease-out;transition:all .4s ease-out;position:fixed;top:0;right:0;bottom:0;background-color:#0e1036;z-index:99999;transform:translateX(130%);box-shadow:0px 0px 20px #0e1036;overflow-y:auto;width:100vw}.drawer.open{transform:translateX(0%)}.drawer .drawer-header{display:flex;flex-flow:row nowrap;justify-content:space-between;padding:10px 30px;border-bottom:1px solid rgba(20,199,231,.3)}.drawer .drawer-header .drawer-title{font-family:Cal Sans;font-size:24px;font-weight:400;color:#fff;padding:15px 0}.drawer .drawer-header .drawer-close .btn{font-size:24px}.drawer .drawer-header .drawer-close .btn:focus{box-shadow:0px 0px 0px 3px rgba(20,199,231,.5)}.drawer .drawer-body{padding:30px}.drawer .drawer-body .drawer-content{display:none}.drawer .drawer-body .active{display:block}.drawer .drawer-body h3{font-family:Cal Sans;font-size:20px;font-weight:400;color:#fff;text-shadow:0px 1px 4px rgba(14,16,54,.7)}.drawer .drawer-body h4{font-family:Cal Sans;font-size:18px;font-weight:400;color:#fff;text-shadow:0px 1px 3px rgba(14,16,54,.7)}.drawer .drawer-body p{font-size:.84rem;color:hsla(0,0%,100%,.8);text-shadow:0px 1px 2px rgba(14,16,54,.6)}@media(min-width: 992px){.drawer{width:60vw;backdrop-filter:blur(20px);background-color:rgba(14,16,54,.8)}}@media(min-width: 1200px){.drawer{width:50vw}}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:rgba(0,0,0,0);display:none}.drawer-backdrop.active{display:block;cursor:pointer}#portfolio-access-form input[type=password]{font-family:"Inter",sans-serif;font-optical-sizing:auto;font-size:16px;border:1px solid #ccc;border-radius:5px;padding:10px;box-shadow:inset 0px 1px 4px rgba(0,0,0,.1)}#portfolio-access-form button[type=submit]{font-family:"Cal Sans",sans-serif}#portfolio-access-form button[type=submit]:focus{border-color:#666;outline:none}#portfolio-access-form button[type=submit]{background-color:#007bff;color:#fff;cursor:pointer}#portfolio-access-form button[type=submit]:hover{background-color:#0056b3}.portfolio-menu-intro{max-width:920px}.portfolio-card-grid{margin-top:20px}@keyframes fadeInSlideUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.portfolio-card-link{display:block;text-decoration:none;color:inherit;height:100%;animation:fadeInSlideUp .5s ease-out forwards}.portfolio-card-link:nth-child(1){animation-delay:0s}.portfolio-card-link:nth-child(2){animation-delay:.1s}.portfolio-card-link:nth-child(3){animation-delay:.2s}.portfolio-card-link:nth-child(4){animation-delay:.3s}.portfolio-card-link:nth-child(5){animation-delay:.4s}.portfolio-card-link:nth-child(6){animation-delay:.5s}.portfolio-card{background:linear-gradient(140deg, rgba(20, 199, 231, 0.14), rgba(11, 15, 43, 0.92));border:1px solid hsla(0,0%,100%,.12);border-radius:12px;height:100%;overflow:hidden;display:flex;flex-direction:column;box-shadow:0px 16px 24px rgba(0,0,0,.1);position:relative;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-webkit-transition:all .3s ease-out;-ms-transition:all .3s ease-out;transition:all .3s ease-out;cursor:pointer}.portfolio-card:hover{transform:scale(1.05) translateY(-8px);box-shadow:0px 24px 36px rgba(0,0,0,.2)}.portfolio-card .portfolio-card-thumb{aspect-ratio:16/9;overflow:hidden;background:rgba(0,0,0,.25)}.portfolio-card .portfolio-card-thumb img{width:100%;height:100%;object-fit:cover;display:block}.portfolio-card .portfolio-card-content{padding:18px;display:flex;flex-direction:column;gap:10px;flex:1;position:relative;z-index:1}.portfolio-card .portfolio-card-content::before{content:"";position:absolute;top:-40px;left:-18px;right:-18px;bottom:-18px;background-image:var(--thumb-image);background-size:cover;background-position:center;filter:blur(16px);opacity:.15;z-index:-1;pointer-events:none}.portfolio-card-tag{font-family:"Cal Sans";font-size:13px;font-weight:500;color:#0e1036;display:inline-block;background:#14c7e7;border-radius:999px;padding:4px 10px;align-self:flex-start;text-transform:uppercase;letter-spacing:.03em;margin-bottom:4px}.portfolio-card-title{font-family:"Cal Sans";font-size:1.25rem;font-weight:400;color:#fff;margin:0;line-height:1.25}.portfolio-card-client{font-family:"Cal Sans";font-size:.92rem;font-weight:500;color:#14c7e7;margin:0}.portfolio-card-description{margin:0;font-size:.9rem;line-height:1.45;color:hsla(0,0%,100%,.85);flex:1}.case-study-body{background:#0e1036}.case-study-shell{min-height:100vh}.case-study-header{padding-top:36px;padding-bottom:20px;border-bottom:1px solid hsla(0,0%,100%,.12)}.case-study-header-row{margin-bottom:18px}.case-study-back-link{font-family:"Cal Sans";font-size:.95rem;font-weight:500;color:#14c7e7}.case-study-back-link i{margin-right:6px}.project-navigation{display:flex;flex-wrap:wrap;gap:10px}.project-navigation-item{font-family:"Cal Sans";font-size:.86rem;font-weight:500;color:#fff;padding:8px 12px;border:1px solid hsla(0,0%,100%,.25);border-radius:999px;line-height:1.2}.project-navigation-item.active,.project-navigation-item:hover{border-color:#14c7e7;color:#14c7e7}.case-study-main{padding-top:28px;padding-bottom:90px;font-family:"Inter",sans-serif}.case-study-hero{display:grid;grid-template-columns:1fr;gap:24px;margin-bottom:4rem;align-items:center}.case-study-hero-media{border-radius:14px;overflow:hidden;border:1px solid hsla(0,0%,100%,.15)}.case-study-hero-media img{width:100%;display:block}.case-study-client{font-family:"Cal Sans";font-size:1rem;font-weight:500;color:#14c7e7;margin:8px 0 12px}.case-study-subtitle{font-family:"Cal Sans";font-size:1.2rem;font-weight:300;color:hsla(0,0%,100%,.95);margin:6px 0 8px}.case-study-overview{margin:0;max-width:920px}.case-study-prototype-btn{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:10px 16px;border:1px solid rgba(20,199,231,.5);border-radius:8px;background:rgba(20,199,231,.08);color:#14c7e7;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);cursor:pointer}.case-study-prototype-btn i{font-size:1rem}.case-study-prototype-btn:hover{border-color:rgba(20,199,231,.8);background:rgba(20,199,231,.16);color:#2dd9f4}.case-study-summary,.case-study-highlights{border:1px solid hsla(0,0%,100%,.12);border-radius:14px;background:linear-gradient(140deg, rgba(20, 199, 231, 0.14), rgba(11, 15, 43, 0.92));padding:20px;margin-bottom:20px}.case-study-summary h2,.case-study-highlights h2{font-family:"Cal Sans";font-size:1.25rem;font-weight:500;color:#fff;margin:0 0 10px}.case-study-summary p,.case-study-summary li,.case-study-highlights p,.case-study-highlights li{font-size:.96rem;line-height:1.62;color:hsla(0,0%,100%,.92)}.case-study-summary p,.case-study-highlights p{margin-bottom:12px}.case-study-summary ul,.case-study-highlights ul{margin:0;padding-left:18px}.case-study-highlight-question{border:1px solid rgba(20,199,231,.3);border-radius:14px;background:rgba(11,15,43,.88);padding:24px;margin:20px 0}.case-study-highlight-question p{font-family:inherit;font-size:1.5rem;font-weight:500;color:#fff;line-height:1.7;color:hsla(0,0%,100%,.95);margin:0;font-style:italic}.case-study-mobile-tabs{position:sticky;top:0;z-index:30;margin:0 -12px 18px;padding:8px 12px;background:rgba(12,15,46,.94);border-top:1px solid hsla(0,0%,100%,.1);border-bottom:1px solid hsla(0,0%,100%,.12);backdrop-filter:blur(8px)}.case-study-layout{display:grid;grid-template-columns:1fr;gap:18px}.case-study-sidebar{display:none}.case-study-sidebar-inner{position:sticky;top:24px}.case-study-sidebar-title{font-family:"Cal Sans";font-size:.77rem;font-weight:400;color:hsla(0,0%,100%,.78);letter-spacing:.08em;margin:0 0 10px;text-transform:uppercase}.case-study-section-links{display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin}.case-study-section-link{font-family:"Cal Sans";font-size:.9rem;font-weight:400;color:hsla(0,0%,100%,.84);border-radius:999px;border:1px solid rgba(0,0,0,0);padding:8px 12px;white-space:nowrap}.case-study-section-link:hover,.case-study-section-link.active{color:#14c7e7;border-color:rgba(20,199,231,.9);background:rgba(20,199,231,.12)}.case-study-article{min-width:0}.case-study-longform{margin-top:0}.case-study-longform .case-study-block{margin-bottom:4rem}.case-study-footer{padding-top:32px;display:flex;justify-content:space-between}.case-study-footer .case-study-prototype-btn{margin-top:0}@media(min-width: 992px){.case-study-footer{padding-left:280px}}.case-study-footer-actions{display:flex;flex-direction:row;gap:12px;align-items:center;width:fit-content;justify-content:space-between;width:100%}.case-study-next-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid rgba(20,199,231,.5);border-radius:8px;background:rgba(20,199,231,.08);color:#14c7e7;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);cursor:pointer;width:fit-content}.case-study-next-btn i{font-size:1rem}.case-study-next-btn:hover{border-color:rgba(20,199,231,.8);background:rgba(20,199,231,.16);color:#2dd9f4}.case-study-placeholder{margin:8px 0 16px}.case-study-canvas{border:1px solid rgba(20,199,231,.45);border-radius:12px;background:rgba(10,13,39,.9);overflow:hidden;display:flex;flex-direction:column;position:relative}.case-study-canvas.is-modal{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;border:none;border-radius:0;z-index:9999}.case-study-canvas-overlay{position:absolute;bottom:8px;left:8px;right:8px;padding:8px;background:rgba(0,0,0,.5);border:1px solid rgba(0,0,0,.1);border-radius:24px;opacity:0;transition:opacity .2s ease-in-out;pointer-events:none;backdrop-filter:blur(4px)}.case-study-canvas:hover .case-study-canvas-overlay{opacity:1;pointer-events:auto}.case-study-canvas-toolbar{display:flex;align-items:center;gap:8px;padding-right:8px}.case-study-canvas-btn{font-family:"Cal Sans";font-size:.82rem;font-weight:400;color:#fff;border:1px solid rgba(0,0,0,.28);background:rgba(0,0,0,.08);border-radius:999px;min-width:42px;height:34px;padding:0 10px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;letter-spacing:.05em}.case-study-canvas-btn:hover{border-color:#14c7e7;color:#14c7e7}.case-study-canvas-btn svg{display:block}.case-study-canvas-btn.case-study-canvas-btn-close{position:fixed;top:16px;right:16px;z-index:10000}.case-study-canvas-zoom{font-family:"Cal Sans";font-size:.8rem;font-weight:400;color:hsla(0,0%,100%,.85);margin-left:auto;flex-shrink:0}.case-study-canvas-help{margin:0;padding:0;font-size:.5rem;line-height:1.3;color:hsla(0,0%,100%,.65);display:none}@media(min-width: 768px){.case-study-canvas-help{display:block}}.case-study-canvas-viewport{position:relative;width:100%;height:clamp(240px,62vw,560px);cursor:grab;touch-action:none;flex:1}.case-study-canvas-viewport.is-dragging{cursor:grabbing}.case-study-canvas.is-modal .case-study-canvas-viewport{height:100%}.case-study-canvas-viewport canvas{display:block;width:100%;height:100%}.case-study-block{border:0;border-radius:0;padding:0;background:rgba(0,0,0,0)}.case-study-block h2{font-family:"Cal Sans";font-size:2rem;font-weight:500;color:#fff;margin-bottom:1rem;line-height:1.2;margin-top:2rem}.case-study-block p,.case-study-block li{font-size:1.02rem;line-height:1.75;color:hsla(0,0%,100%,.7)}.case-study-block ul,.case-study-block ol{margin-bottom:1.5rem;padding-left:20px}@media(min-width: 992px){.case-study-mobile-tabs{display:none}.case-study-layout{grid-template-columns:minmax(210px, 250px) minmax(0, 1fr);gap:30px}.case-study-sidebar{display:block}.case-study-section-links{display:flex;flex-direction:column;gap:10px;max-height:calc(100vh - 120px);overflow-y:auto;overflow-x:hidden}.case-study-section-link{border-radius:10px;white-space:normal;line-height:1.35}.case-study-hero{grid-template-columns:minmax(0, 1fr) minmax(0, 1.1fr);align-items:center}.case-study-footer-actions{gap:16px}}input[name=website_url]{display:none !important;visibility:hidden !important;position:absolute !important;left:-9999px !important;top:-9999px !important;width:0 !important;height:0 !important;opacity:0 !important;z-index:-9999 !important;pointer-events:none !important}@view-transition{navigation:auto}
/*# sourceMappingURL=main.css.map */