@charset "UTF-8";.home[data-v-5723d95b]{--font-primary: "Arapey", serif;--font-heading: "Abril Fatface", cursive;--color-black: #000;--color-white: #fff;--color-dark: #111;--color-overlay: #00000097;margin:0;font-family:var(--font-primary);font-weight:300;color:var(--color-black);-webkit-font-smoothing:antialiased}.home h1[data-v-5723d95b],.home h2[data-v-5723d95b],.home h3[data-v-5723d95b],.home h4[data-v-5723d95b],.home h5[data-v-5723d95b],.home h6[data-v-5723d95b]{font-family:var(--font-heading);font-weight:400;letter-spacing:.05em;color:var(--color-black)}.home h1[data-v-5723d95b]{font-size:min(9.6vw,43.2px)}.home h3[data-v-5723d95b]{font-size:min(7.467vw,33.6px)}.home h5[data-v-5723d95b]{font-size:min(5.333vw,24px)}.home p[data-v-5723d95b]{font-size:min(4.8vw,21.6px)}.home a[data-v-5723d95b]{cursor:pointer;transition:all .3s ease;text-decoration:none}.home a[data-v-5723d95b]:hover,.home a[data-v-5723d95b]:focus{cursor:pointer;transition:all .3s ease;text-decoration:none}.preloader[data-v-5723d95b]{position:fixed;z-index:100000;bottom:0;left:0;overflow:hidden;width:100%;height:100%;background:var(--color-white)}.preloader.hide-preloader[data-v-5723d95b]{height:0;transition:.7s ease .3s}.preloader.hide-preloader .spinner[data-v-5723d95b]{opacity:0;transition:.3s ease}.preloader .spinner[data-v-5723d95b]{position:absolute;top:50%;left:50%;display:block;width:50px;height:50px;margin-top:-25px;margin-left:-25px;border-radius:100%;background-color:var(--color-dark);animation:spinner-pulse-5723d95b .6s infinite ease-in-out}@keyframes spinner-pulse-5723d95b{0%{transform:scale(0)}to{transform:scale(1);opacity:0}}.image-container[data-v-5723d95b]{position:fixed;z-index:10;top:0;left:0;width:50%;height:100%}.image-container .background-img[data-v-5723d95b]{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background:url(/code-lab/assets/background-Z0tfSHE_.webp) no-repeat top/cover}.content-area[data-v-5723d95b]{position:relative;left:0;width:100%}.content-area .content-area-inner[data-v-5723d95b]{position:relative;left:50%;width:50%;padding:0 20px;box-sizing:border-box;overflow-x:hidden}.content-area .content-area-inner section[data-v-5723d95b]{max-width:530px;min-height:100vh;margin:0 auto 18vh;display:flex;flex-direction:column;justify-content:center}.content-area .content-area-inner section[data-v-5723d95b]:last-child{margin-bottom:10vh}.content-area .content-area-inner section h3.headline[data-v-5723d95b]{margin-bottom:1.2em}#intro[data-v-5723d95b]{position:relative}#intro .container-mid[data-v-5723d95b]{position:relative;width:100%}#intro .container-mid p.subline[data-v-5723d95b]{font-size:min(4vw,24px);line-height:1.6em;margin-top:2em;margin-bottom:2.2em;position:relative;padding:0 1.8em}#intro .container-mid p.subline[data-v-5723d95b]:before{content:"“"}#intro .container-mid p.subline[data-v-5723d95b]:after{content:"”"}#intro .container-mid a[data-v-5723d95b]{font-size:min(5.867vw,26.4px);line-height:2.92em;position:relative;display:inline-block;padding:0 2.6em;transition:transform .2s ease .05s;transform-origin:left center;color:var(--color-white);border-radius:100px;background:var(--color-dark)}#intro .container-mid a[data-v-5723d95b]:hover{transform:rotate(15deg)}#intro .container-mid a[data-v-5723d95b]:before{position:absolute;top:45%;left:min(5.333vw,24px);width:min(1.867vw,8.4px);height:min(1.867vw,8.4px);content:"";border-radius:100px;background:#fff;box-shadow:0 0 4px}#intro .container-mid a .el-icon[data-v-5723d95b]{font-size:.85em;margin-left:.7em}.animation-container[data-v-5723d95b]{transition:.5s ease}.animation-container.animation-fade-up[data-v-5723d95b]{transform:translateY(10vh);opacity:0}.animation-container.animation-fade-up.run-animation[data-v-5723d95b]{transform:translateY(0);opacity:1}.animation-container.animation-fade-down[data-v-5723d95b]{transform:translateY(-10vh);opacity:0}.animation-container.animation-fade-down.run-animation[data-v-5723d95b]{transform:translateY(0);opacity:1}.animation-container.animation-fade-left[data-v-5723d95b]{transform:translate(10vh);opacity:0}.animation-container.animation-fade-left.run-animation[data-v-5723d95b]{transform:translate(0);opacity:1}.typewriter-cursor[data-v-5723d95b]{display:inline-block;margin-left:2px;color:var(--color-black);animation:cursor-blink-5723d95b .8s step-end infinite}@keyframes cursor-blink-5723d95b{0%,to{opacity:1}50%{opacity:0}}#service .services-list[data-v-5723d95b]{margin-bottom:0;padding:0;list-style:none}#service .services-list li[data-v-5723d95b]{font-size:min(5.333vw,24px);line-height:3.4em}#service .services-list li .icon-circle[data-v-5723d95b]{display:inline-flex;align-items:center;justify-content:center;width:3em;height:3em;margin-right:1.5em;border-radius:100px;background:var(--color-dark);flex-shrink:0;vertical-align:middle}#service .services-list li .icon-circle .el-icon[data-v-5723d95b]{font-size:min(5.333vw,24px);color:var(--color-white)}#work .showcase .item[data-v-5723d95b]{position:relative;overflow:hidden;width:100%;height:min(53.333vw,240px);margin-bottom:6vh;cursor:pointer;border-radius:min(5.333vw,24px);background:var(--color-dark)}#work .showcase .item[data-v-5723d95b]:last-child{margin-bottom:0}#work .showcase .item .info[data-v-5723d95b]{position:absolute;z-index:100;top:0;left:0;width:0;height:100%;transition:.25s ease;color:var(--color-white);background:var(--color-overlay)}#work .showcase .item .info .container-mid[data-v-5723d95b]{position:absolute;top:50%;left:0;width:100%;padding:0 min(16vw,72px);transform:translateY(-50%);box-sizing:border-box}#work .showcase .item .info .container-mid h5[data-v-5723d95b]{transform:translate(4vh);opacity:0;color:var(--color-white)}#work .showcase .item .info .container-mid p[data-v-5723d95b]{position:relative;transform:translate(4vh);letter-spacing:.025em;opacity:0;font-size:min(4vw,16px)}#work .showcase .item:hover .info[data-v-5723d95b]{width:100%}#work .showcase .item:hover .info .container-mid h5[data-v-5723d95b]{transition:.2s ease .2s;transform:translate(0);opacity:1}#work .showcase .item:hover .info .container-mid p[data-v-5723d95b]{transition:.2s ease .3s;transform:translate(0);opacity:1}#work .showcase .item .background-image[data-v-5723d95b]{position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover}.scroll-animated-from-right[data-v-5723d95b]{transform:translate(20vh);opacity:0;transition:transform .6s ease,opacity .6s ease}.scroll-animated-from-right.revealed[data-v-5723d95b]{transform:translate(0);opacity:1}#contact .contact-list[data-v-5723d95b]{margin-top:3em;margin-bottom:3.4em;padding:0;list-style:none}#contact .contact-list li[data-v-5723d95b]{font-size:min(5.333vw,24px);line-height:2.4em}#contact .contact-list li .el-icon[data-v-5723d95b]{line-height:1.2em;width:1.2em;height:1.2em;margin-right:1em;text-align:center;border-radius:100px}.image-container[data-v-5723d95b]{transition:width .4s ease}.content-area .content-area-inner[data-v-5723d95b]{transition:left .4s ease,width .4s ease}.hover-right .image-container[data-v-5723d95b]{width:35%}.hover-right .content-area .content-area-inner[data-v-5723d95b]{left:35%;width:65%}@media (max-width: 767px){.home[data-v-5723d95b]{color:var(--color-white)}.home[data-v-5723d95b]:before{content:"";position:fixed;z-index:-2;top:0;left:0;width:100%;height:100%;background:url(/code-lab/assets/background-Z0tfSHE_.webp) no-repeat center/cover}.home[data-v-5723d95b]:after{content:"";position:fixed;z-index:-1;top:0;left:0;width:100%;height:100%;background:#0009}.home h1[data-v-5723d95b],.home h2[data-v-5723d95b],.home h3[data-v-5723d95b],.home h4[data-v-5723d95b],.home h5[data-v-5723d95b],.home h6[data-v-5723d95b]{color:var(--color-white)}.image-container[data-v-5723d95b]{display:none}.content-area .content-area-inner[data-v-5723d95b]{left:0;width:100%;padding:0 20px}.content-area .content-area-inner section[data-v-5723d95b]{max-width:530px;margin:0 auto;flex-direction:column;justify-content:center;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:min(5.333vw,24px);margin-bottom:4vh;min-height:auto;padding:min(10.667vw,48px) min(5.333vw,24px);border:1px solid #2d2d2d;margin-top:4vh;min-height:30vh}.content-area .content-area-inner section h3.headline[data-v-5723d95b]{margin-bottom:1em}#intro .container-mid p.subline[data-v-5723d95b]{line-height:1.6em;margin-top:1.5em;margin-bottom:1.8em}#intro .container-mid a[data-v-5723d95b]{line-height:2.92em;display:inline-flex;align-items:center;padding:0 2.2em}#intro .container-mid a[data-v-5723d95b]:active{transform:scale(.95)}.typewriter-cursor[data-v-5723d95b]{color:var(--color-white)}#service .services-list li[data-v-5723d95b]{line-height:3em;display:flex;align-items:center}#service .services-list li .icon-circle[data-v-5723d95b]{width:2.8em;height:2.8em;margin-right:1em}#service .services-list li .icon-circle .el-icon[data-v-5723d95b]{font-size:1.3em}#work .showcase .item[data-v-5723d95b]{margin-bottom:3vh}#work .showcase .item .info[data-v-5723d95b]{bottom:0;left:0;width:100%;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,transparent 60%);padding:min(5.333vw,24px) min(5.333vw,24px) min(4vw,18px);box-sizing:border-box}#work .showcase .item .info .container-mid[data-v-5723d95b]{position:relative;top:0;padding:0;transform:none}#work .showcase .item .info .container-mid h5[data-v-5723d95b]{transform:none;opacity:1}#work .showcase .item .info .container-mid p[data-v-5723d95b]{padding-left:0;transform:none;opacity:1}#work .showcase .item .info .container-mid p[data-v-5723d95b]:before{display:none}#contact .contact-list[data-v-5723d95b]{margin-top:2em;margin-bottom:2em}#contact .contact-list li[data-v-5723d95b]{line-height:2.2em;display:flex;align-items:center}#contact .contact-list li .el-icon[data-v-5723d95b]{width:1.2em;margin-right:.8em}}