@keyframes GradMoveInCircle{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}@keyframes GradMoveVertical{0%{transform:translateY(-50%)}50%{transform:translateY(50%)}100%{transform:translateY(-50%)}}@keyframes GradMoveHorizontal{0%{transform:translateX(-50%) translateY(-10%)}50%{transform:translateX(50%) translateY(10%)}100%{transform:translateX(-50%) translateY(-10%)}}body{text-rendering:optimizeLegibility;margin:0;font-family:"Poppins",sans-serif;font-weight:400;font-style:normal}body ::-webkit-scrollbar{width:0px;background:rgba(0,0,0,0)}body .modal .modal-dialog{width:80%}body .modal .modal-dialog .modal-content{border-radius:20px;overflow:hidden;border:1px solid rgba(0,0,255,.1);box-shadow:none}body .modal .modal-dialog .modal-content .modal-header{display:flex;flex-direction:column;justify-content:space-between;background-size:cover;background-position:center;height:680px;padding:0;border-bottom:0}body .modal .modal-dialog .modal-content .modal-header .close{text-align:right;padding:20px}body .modal .modal-dialog .modal-content .modal-header .title{display:flex;flex-direction:column;justify-content:end;width:100%;height:100%;padding:60px 56px 20px 56px;background:linear-gradient(to bottom, rgba(255, 255, 255, 0) 25%, white 85%)}body .modal .modal-dialog .modal-content .modal-header .title h1{opacity:1;margin-top:0}body .modal .modal-dialog .modal-content .modal-header .title .metas{opacity:1;padding-top:12px;color:rgba(20,20,44,.6)}body .modal .modal-dialog .modal-content .modal-body{background:#fff;width:100%;padding:0 20px 40px 20px}body .modal .modal-dialog .modal-content .modal-body .modal-title{padding:12px 20px 4px 20px;border-bottom:2px solid blue}body .modal .modal-dialog .modal-content .modal-body .modal-title:not(:nth-child(1)){padding-top:36px}body .modal .modal-dialog .modal-content .modal-body h1,body .modal .modal-dialog .modal-content .modal-body h2,body .modal .modal-dialog .modal-content .modal-body h3,body .modal .modal-dialog .modal-content .modal-body h4{color:#14142c;padding-top:40px}body .modal .modal-dialog .modal-content .modal-body ul{margin:20px 0}body .modal .modal-dialog .modal-content .modal-body p{font-size:13px;line-height:22px;color:rgba(20,20,44,.85);margin:20px 0 0 0}body .modal .modal-dialog .modal-content .modal-body p a{color:blue;transition:.25s ease}body .modal .modal-dialog .modal-content .modal-body p a:hover{text-decoration:underline;transition:.25s ease}body .modal .modal-dialog .modal-content .modal-body p.lead{font-weight:700;font-size:15px;line-height:25px;padding-left:24px;margin-top:0;border-left:2px solid blue}body .modal .modal-dialog .modal-content .modal-body p.script{font-size:28px;font-family:"Birthstone",cursive;opacity:.35;text-align:right;padding-top:32px}body .modal .modal-dialog .modal-content .modal-body img{max-width:100%;height:auto;border-radius:12px}body .modal .modal-dialog .modal-content .modal-body img.img-dropshadow{border:1px solid rgba(20,20,44,.1);box-shadow:0 0 30px rgba(20,20,44,.15)}body .modal .modal-dialog .modal-content .modal-body .embed-responsive-900x506{padding-bottom:56.22%}body .modal .modal-dialog .modal-content .modal-body .embed-responsive-900x700{padding-bottom:77.78%}body .modal .modal-dialog .modal-content .modal-body .embed-responsive-900x320{padding-bottom:35.56%}body .modal .modal-dialog .modal-content .modal-body .embed-responsive-900x884{padding-bottom:98.22%}body .modal .modal-dialog .modal-content .modal-body iframe{width:100%}body .modal .modal-dialog .modal-content .modal-body figure{margin:0 0 24px 0}body .modal .modal-dialog .modal-content .modal-body .section .content{padding:20px}body .modal .modal-dialog .modal-content .modal-body .section .content h1,body .modal .modal-dialog .modal-content .modal-body .section .content h2,body .modal .modal-dialog .modal-content .modal-body .section .content h3,body .modal .modal-dialog .modal-content .modal-body .section .content h4{padding-top:8px}body .modal .modal-dialog .modal-content .modal-body .section .content img{margin-top:20px}body .modal .modal-dialog .modal-content .modal-body .post-footer{padding:0 32px 32px 32px}body .modal .modal-dialog .modal-content .modal-body .post-footer .footer-content{border-top:1px solid rgba(20,20,44,.075);text-align:right}body .modal .modal-dialog .modal-content .modal-body .post-footer .footer-content .sourceurl{display:inline-block;width:100%;padding-top:20px;color:blue}body .modal .modal-dialog .modal-content .modal-body em,body .modal .modal-dialog .modal-content .modal-body figcaption{color:rgba(20,20,44,.35);font-size:12px;line-height:18px;font-style:italic;padding-top:20px}body .modal .modal-dialog .modal-content .modal-body em a,body .modal .modal-dialog .modal-content .modal-body figcaption a{color:blue;line-height:14px}body .modal .modal-dialog .modal-content .modal-body .aligncenter{text-align:center !important}body .modal .modal-dialog .modal-content .modal-body.onepage-content{padding:0 56px 56px 56px}body .modal .modal-dialog .modal-content .modal-body.onepage-content h1,body .modal .modal-dialog .modal-content .modal-body.onepage-content h2,body .modal .modal-dialog .modal-content .modal-body.onepage-content h3,body .modal .modal-dialog .modal-content .modal-body.onepage-content h4{padding-top:20px}body .modal .modal-dialog .modal-content .modal-body.onepage-content figure{margin:24px 0}body .modal .modal-dialog .modal-content .modal-footer{display:none}body h1{font-size:25px !important;line-height:35px;font-family:"Unbounded",sans-serif;font-optical-sizing:auto;font-weight:600;margin-bottom:0;color:blue !important}body h2{font-size:21px;line-height:26px;font-family:"Unbounded",sans-serif;font-optical-sizing:auto;font-weight:600;font-style:normal;margin:0;padding:0}body h3{font-size:17px;line-height:23px;font-family:"Unbounded",sans-serif;font-optical-sizing:auto;font-weight:600;font-style:normal;margin:0;padding:0}body h4{font-size:15px;line-height:20px;font-family:"Unbounded",sans-serif;font-optical-sizing:auto;font-weight:600;font-style:normal;margin:0;padding:0}body p{color:#14142c;font-size:12px;line-height:18px;margin-bottom:0}body a{color:#14142c}body a:hover{color:#14142c;text-decoration:none;transition:.25s ease}body .btn{color:#fff;background:blue;border:1px solid blue;font-size:12px;font-weight:600;text-transform:uppercase;height:32px;padding:7px 12px 5px 12px;border-radius:4px}body .btn span{line-height:12px}body .btn.outline{color:blue;background:hsla(0,0%,100%,.5);border:1px solid blue}body .btn:hover,body .btn:focus,body .btn:active{background:blue;color:#fff;border:1px solid blue;transition:.25s ease}body .sectiontitle{display:flex;flex-direction:column;padding:16px 20px}body .sectiontitle h4{opacity:.75;text-transform:uppercase}body .jumbotron{background:rgba(0,0,0,0)}body .jumbotron p{font-size:12px;line-height:18px;margin-bottom:0}body .nopadding{padding:0 !important}body #content{padding-top:80px}body #content #content-jumbotron,body #content #content-container{padding:0;margin-bottom:0;background:#fff}body.sticky #header nav{transition:.25s ease;min-height:40px;padding:12px 0 60px 0}body.sticky #header nav .navbar-brand{transition:.25s ease;height:20px;padding-top:2px}body{background:linear-gradient(to bottom, white 0px, #0d0d15 1px);overflow-x:hidden}body #page-wrapper{background-color:#fff;transition:transform .8s cubic-bezier(0.19, 1, 0.22, 1);transform-origin:center center;border-radius:4px;transition-delay:0s}body.scaling-active #page-wrapper{transform:scale(0.925);border-radius:20px;opacity:.8;overflow:hidden;filter:blur(5px);transition-delay:.1s}body .modal-backdrop.in{opacity:.8;background:#8f8f97}body .modal-backdrop.in:before{display:block;content:"";width:100%;height:100%}.modal.fade .modal-dialog{transform:scale(1.1);opacity:0;transition:transform .6s cubic-bezier(0.19, 1, 0.22, 1),opacity .8s}.modal.in .modal-dialog{transform:scale(1);opacity:1}#header nav{padding:32px 0;margin:0;background:linear-gradient(rgba(0, 0, 255, 0.035), rgba(255, 255, 255, 0));-webkit-mask:linear-gradient(white, white, transparent);mask:linear-gradient(white, white, transparent);backdrop-filter:blur(8px);border:none;transition:.15s ease-out}#header nav .nav-container{padding:0 12px}#header nav .nav-container .navbar-brand{height:32px;padding:4px 0 0 0}#header nav .nav-container .navbar-header{margin:0;padding:0}#header nav .nav-container .navbar-menubar{text-align:right;padding:0}#header nav .nav-container .navbar-menubar .btn{margin-left:4px}#header nav .nav-container .navbar-menubar .btn svg{display:none}#footer{background:#fff}#footer .container{padding:32px 8px 48px 8px}#footer .container p{font-size:12px;color:rgba(20,20,44,.25)}#footer .container .textbox{display:flex;justify-content:space-between;padding:0 20px}#casestudies{padding:20px 0}#casestudies .sectiontitle h4{color:blue}#casestudies #casestudies-list{position:relative;padding:0;height:1000px;overflow:hidden}#casestudies #casestudies-list #casestudies-inner{display:inline-block}#casestudies #casestudies-list h3{color:blue;margin:4px 0 16px 0}#casestudies #casestudies-list .casestudy-card{display:block;height:100%;text-decoration:none;color:inherit}#casestudies #casestudies-list .casestudy{border-radius:12px;height:100%;background:rgba(0,0,255,.035);border:1px solid rgba(0,0,255,.035);cursor:pointer;transition:.25s ease}#casestudies #casestudies-list .casestudy img{min-width:100%;border-top-left-radius:12px;border-top-right-radius:12px}#casestudies #casestudies-list .casestudy .textblock{padding:16px 12px}#casestudies #casestudies-list .casestudy .textblock h2{font-size:15px;line-height:22px;font-family:"Unbounded",sans-serif;font-optical-sizing:auto;font-weight:600;font-style:normal}#casestudies #casestudies-list .casestudy .textblock p{font-size:12px;color:rgba(20,20,44,.75);text-wrap:auto;margin-top:6px}#casestudies #casestudies-list .casestudy .textblock p a{font-size:12px;color:#14142c;font-weight:600}#casestudies #casestudies-list .casestudy .textblock p a:hover{text-decoration:underline}#casestudies #casestudies-list .casestudy .textblock p span{color:rgba(20,20,44,.6)}#casestudies #casestudies-list .casestudy .textblock p.sourceinfo{line-height:18px}#casestudies #casestudies-list .casestudy.linkedin{display:flex;flex-direction:row;margin-top:12px;padding:4px 12px;transition:.15s ease-out}#casestudies #casestudies-list .casestudy.linkedin .icon{width:40px;padding-top:12px;text-align:center}#casestudies #casestudies-list .casestudy.linkedin .icon svg{width:28px;height:28px;fill:blue}#casestudies #casestudies-list .casestudy.linkedin .info .sourceinfo{line-height:16px}#casestudies #casestudies-list .casestudy.linkedin:hover *{color:blue;transition:.15s ease-out}#casestudies #casestudies-list .casestudy:hover{border:1px solid rgba(0,0,255,.25);transition:.15s ease-out}#casestudies #casestudies-list .viewmore{position:absolute;display:flex;flex-direction:column;justify-content:end;align-items:center;width:100%;height:150px;padding-bottom:28px;text-align:center;bottom:0;left:0;background:linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.65) 25%, white 75%);border:none;transition:.15s ease-out}#casestudies #casestudies-list.opened{height:auto;padding-bottom:60px;transition:.75s ease-out}#casestudies #casestudies-list.opened .viewmore{height:60px;padding:0}#works{margin-top:32px;padding:16px 12px;border-radius:12px;border-top:1px solid rgba(0,0,255,.05);background:linear-gradient(rgba(0, 0, 255, 0.04) 0%, rgba(20, 20, 44, 0.015) 3%, rgba(20, 20, 44, 0) 10%)}.contentbox{padding:8px;cursor:pointer;transition:.15s ease-out}.contentbox .content{width:100%;height:100%;padding:4px;border-radius:8px;background:linear-gradient(rgba(20, 20, 44, 0.035) 50%, rgba(20, 20, 44, 0.035) 100%);border:1px solid rgba(0,0,255,0);transition:.15s ease-out}.contentbox .content .thumb{height:152px;overflow:hidden;border-radius:8px;border:2px solid rgba(0,0,255,0);background-position:top center;background-repeat:no-repeat;background-size:cover;transition:.15s ease-out}.contentbox .content .thumb .view{opacity:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:rgba(0,0,255,.35);transition:.15s ease-out}.contentbox .content .thumb .view svg{fill:#fff;filter:drop-shadow(1px 1px 1px rgba(20, 20, 44, 0.05));transition:.25s ease}.contentbox .content .desc{padding:12px}.contentbox .content .desc h3{font-size:12px;color:#14142c;margin-bottom:4px;text-transform:uppercase}.contentbox .info{bottom:0;padding:20px 24px;max-width:100%}.contentbox .info .title{gap:12px;padding-bottom:4px}.contentbox .info .title h2{color:#14142c}.contentbox .info .btn{display:none;margin-top:12px;margin-left:0;color:#000;border-color:#000}.contentbox .info .bg{width:100%;height:100%;position:absolute;top:0;left:0;opacity:.75;z-index:0;background:#fff;backdrop-filter:blur(12px);-webkit-mask-image:linear-gradient(to top, black 10%, transparent 80%);mask-image:linear-gradient(to top, black 10%, transparent 80%)}.hoverbox:hover{transform:scale(1.02);transition:.15s ease-out}.hoverbox:hover h2,.hoverbox:hover h3{color:blue !important}.hoverbox:hover .casestudy .thumb{border-radius:8px;transform:scale(1.025);border:2px solid blue;transition:.15s ease-out;box-shadow:4px 4px 20px rgba(20,20,44,.35)}.hoverbox:hover .content{background:linear-gradient(rgba(0, 0, 255, 0.06) 50%, rgba(0, 0, 255, 0.085) 100%);border:1px solid rgba(0,0,255,.075);box-shadow:0 0 12px rgba(0,0,255,.15);padding:8px 4px 0 4px;transition:.15s ease-out}.hoverbox:hover .content .thumb{transform:scale(1.025);border:2px solid blue;transition:.15s ease-out;box-shadow:4px 4px 20px rgba(20,20,44,.25);margin-top:-4px}.hoverbox:hover .content .thumb .view{opacity:1;transition:.25s ease}#aboutme{border-radius:12px;overflow:hidden;padding:0;height:100%}#aboutme .content{align-items:center;transition:.15s ease-out}#aboutme .content .info{height:100%;top:0;padding:32px;background:rgba(0,0,0,0);backdrop-filter:none}#aboutme .content .info h1{color:blue;margin:0;padding:0;height:100%;align-items:center;display:flex;text-wrap:auto}#aboutme .content .info p{display:flex;flex-direction:column;justify-content:center;color:#fff;padding:24px 0;margin:0;text-wrap:auto;height:100%}#aboutme .content .info p strong{font-size:16px;line-height:22px}#aboutme .content#lead{opacity:1;display:inline-block;min-height:100%;padding-bottom:0;background:rgba(0,0,0,0)}#aboutme .content#more{opacity:0;position:absolute;top:0}#aboutme .gradient-bg{width:100%;height:100%;position:absolute;overflow:hidden;background:linear-gradient(40deg, #dff9fb, #ffffff);top:0;left:0;opacity:.25}#aboutme .gradient-bg svg{display:none}#aboutme .gradient-bg .gradients-container{filter:url(#goo) blur(40px);width:100%;height:100%}#aboutme .gradient-bg .g1{position:absolute;background:radial-gradient(circle at center, rgba(104, 109, 224, 0.8) 0, rgba(104, 109, 224, 0) 50%) no-repeat;mix-blend-mode:hard-light;width:200%;height:200%;top:-50%;left:-50%;transform-origin:center center;animation:GradMoveVertical 30s ease infinite;opacity:1}#aboutme .gradient-bg .g2{position:absolute;background:radial-gradient(circle at center, rgba(126, 214, 223, 0.8) 0, rgba(126, 214, 223, 0) 50%) no-repeat;mix-blend-mode:hard-light;width:200%;height:200%;top:-50%;left:-50%;transform-origin:calc(50% - 400px);animation:GradMoveInCircle 20s reverse infinite;opacity:1}#aboutme .gradient-bg .g3{position:absolute;background:radial-gradient(circle at center, rgba(223, 249, 251, 0.8) 0, rgba(223, 249, 251, 0) 50%) no-repeat;mix-blend-mode:hard-light;width:200%;height:200%;top:calc(-50% + 200px);left:calc(-50% - 500px);transform-origin:calc(50% + 400px);animation:GradMoveInCircle 40s linear infinite;opacity:1}#aboutme .gradient-bg .g4{position:absolute;background:radial-gradient(circle at center, rgba(255, 121, 121, 0.8) 0, rgba(255, 121, 121, 0) 50%) no-repeat;mix-blend-mode:hard-light;width:200%;height:200%;top:-50%;left:-50%;transform-origin:calc(50% - 200px);animation:GradMoveHorizontal 40s ease infinite;opacity:.7}#aboutme .gradient-bg .g5{position:absolute;background:radial-gradient(circle at center, rgba(149, 175, 192, 0.8) 0, rgba(149, 175, 192, 0) 50%) no-repeat;mix-blend-mode:hard-light;width:400%;height:400%;top:-150%;left:-150%;transform-origin:calc(50% - 800px) calc(50% + 200px);animation:GradMoveInCircle 20s ease infinite;opacity:1}#aboutme .gradient-bg .interactive{position:absolute;background:radial-gradient(circle at center, rgba(140, 100, 255, 0.8) 0, rgba(140, 100, 255, 0) 50%) no-repeat;mix-blend-mode:hard-light;width:100%;height:100%;top:-50%;left:-50%;opacity:.7}#aboutme:hover{background:blue;transition:.15s ease-out}#aboutme:hover h1{color:#fff !important;transition:.15s ease-out}#aboutme.opened .content{background:blue;transition:.25s ease}#aboutme.opened .content#lead{opacity:0}#aboutme.opened .content#more{opacity:1}@media(max-width: 480px){#footer .textbox{flex-direction:column}#header nav .nav-container .navbar-menubar .btn svg{display:block}#header nav .nav-container .navbar-menubar .btn span{display:none}}@media(max-width: 992px){.container{width:90%}.contentbox .content .thumb{height:240px}.modal .modal-header{max-height:420px}.modal .modal-dialog{min-width:calc(100% - 20px)}}@media(min-width: 992px)and (max-width: 1200px){.contentbox .info{padding:20px}.contentbox .info .title{display:flex;flex-direction:column;gap:4px}.contentbox .info .title h2{min-width:100%}.contentbox .info .title .taglist{min-width:100%;margin-bottom:4px}}