:root{--raisin-black: hsla(231, 10%, 14%, 1);--roman-silver: hsla(229, 10%, 57%, 1);--eerie-black: hsla(228, 9%, 10%, 1);--black: hsla(0, 0%, 0%, 1);--white: hsla(0, 0%, 100%, 1);--white_a10: hsla(0, 0%, 100%, .1);--white_a5: hsla(0, 0%, 100%, .05);--ff-syne: "Syne", sans-serif;--fs-1: 4.8rem;--fs-2: 4.5rem;--fs-3: 4rem;--fs-4: 2.4rem;--fs-5: 2rem;--fs-6: 1.8rem;--fs-7: 1.4rem;--fs-8: 1.2rem;--fw-800: 800;--fw-700: 700;--section-padding: 100px;--radius-pill: 100px;--radius-circle: 50%;--blob-radius: 52% 48% 59% 41% / 53% 40% 60% 47%;--transition-1: .25s ease;--transition-2: .5s ease;--cubic-in: cubic-bezier(.51, .03, .64, .28);--cubic-out: cubic-bezier(.05, .83, .52, .97);--cubic-bounce: .6s cubic-bezier(.68, -.55, .265, 1.55);--cubic-ease-out: .7s cubic-bezier(.17, .67, 0, 1.01)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}li{list-style:none}a,img,span,data,button,ion-icon{display:block}a{color:inherit;text-decoration:none}img{height:auto}button{background:none;border:none;font:inherit;cursor:pointer}ion-icon{pointer-events:none}html{font-family:var(--ff-syne);font-size:10px;scroll-behavior:smooth}body{background-color:var(--eerie-black);color:var(--roman-silver);font-size:1.6rem;line-height:1.75;overflow:auto}body.loaded{overflow:overlay}body.nav-active{overflow:hidden}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:var(--white);border-radius:20px}.container{padding-inline:12px}.section{padding-block:var(--section-padding)}.h1{font-size:var(--fs-3);font-weight:var(--fw-800)}.h1,.h2,.h4{color:var(--white);line-height:1}.h2{font-size:var(--fs-2)}.h3{color:var(--white);font-size:var(--fs-4);line-height:1.5}.h4{font-size:var(--fs-5)}.h2,.h3,.h4{font-weight:var(--fw-700)}.w-100{width:100%}.has-before{position:relative;z-index:1}.has-before:before{position:absolute;content:"";z-index:-1}.btn{color:var(--white);display:flex;align-items:center;gap:4px;max-width:max-content;min-width:max-content;padding:20px 32px}.btn:before{width:70px;height:70px;top:50%;left:0;transform:translateY(-50%);border:2px solid var(--white_a5);border-radius:var(--radius-circle);transition:var(--cubic-bounce)}.btn:is(:hover,:focus-visible):before{left:calc(100% - 70px)}.section-subtitle{text-transform:uppercase;font-size:var(--fs-8);font-weight:var(--fw-700);margin-block-end:20px;letter-spacing:2px}.section-title{margin-block-end:45px}.text-lg{font-family:var(--ff-syne);font-size:var(--fs-1)}.layer-link{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.slider{--slider-items: 1;--item-gap: 12px;margin-block-start:60px;overflow:hidden}.slider-container{position:relative;display:flex;gap:var(--item-gap);transition:transform var(--cubic-ease-out);max-height:310px}.slider-item{--total-gap: calc(var(--item-gap) * (var(--slider-items) - 1));--item-width: calc((100% / var(--slider-items)) - (var(--total-gap) / var(--slider-items)));min-width:var(--item-width);width:var(--item-width)}.slider-control{position:relative;max-width:max-content;padding-block:8px;opacity:.5}.slider-control .line{width:30px;height:1px;background-color:var(--white)}.slider-control .arrow{position:absolute;transform:translateY(-60%) rotate(45deg);width:10px;height:10px;border-style:solid;border-color:var(--white)}.slider-control.prev .arrow{left:0;border-width:0 0 1px 1px}.slider-control.next .arrow{right:0;border-width:1px 1px 0 0}.slider-controls{display:flex;justify-content:center;align-items:center;gap:24px;margin-block-start:40px;margin-bottom:30px}.img-holder{aspect-ratio:var(--width) / var(--height);background-color:var(--white_a5);overflow:hidden}.img-cover{width:100%;height:100%;object-fit:cover}.header{position:fixed;top:0;left:0;width:100%;background-color:var(--eerie-black);padding-block:24px;z-index:4;transition:var(--transition-1)}.header.active{background-color:var(--raisin-black);padding-block:16px}.header .container{display:flex;justify-content:space-between;align-items:center}.nav-toggle-btn{width:50px;height:50px;background-color:var(--white);border-radius:var(--radius-circle);display:grid;place-content:center;gap:8px;transition:var(--transition-1)}.nav-toggle-btn:is(:hover,:focus-visible){gap:10px;background-color:#ffa}.nav-toggle-btn.active{gap:8px}.nav-toggle-btn .line{width:25px;height:2px;background-color:var(--black);transition:var(--transition-1)}.nav-toggle-btn.active .line-1{transform:rotate(45deg) translate(4px,4px)}.nav-toggle-btn.active .line-2{transform:rotate(-45deg) translate(3px,-2px)}.navbar{position:absolute;top:100%;right:-370px;max-width:370px;width:100%;background-color:#ffa;height:100vh;text-align:center;padding:56px 40px;visibility:hidden;transition:.25s var(--cubic-in);z-index:1}.navbar.active{transform:translate(-370px);visibility:visible;transition-timing-function:var(--cubic-out)}.navbar-link{color:var(--raisin-black);font-size:var(--fs-6);font-weight:var(--fw-700);padding-block:10px;transition:var(--transition-1)}.navbar-link:is(:hover,:focus-visible){text-shadow:1px 0 0 var(--eerie-black)}.overlay{position:absolute;top:100%;left:0;width:100%;height:100vh;display:none}.overlay.active{display:block}.hero{padding-block-start:130px}.hero-title{text-transform:uppercase;word-break:break-all}.hero-subtitle{font-size:var(--fs-8);text-transform:uppercase;font-weight:var(--fw-700);color:var(--white);letter-spacing:2px;line-height:1.5em;margin-block:10px 30px}.hero-banner{border-radius:var(--blob-radius);overflow:hidden;animation:blobAnim 30s linear infinite}@keyframes blobAnim{0%,to{border-radius:var(--blob-radius)}10%{border-radius:33% 67% 50% 50%/43% 39% 61% 57%}20%{border-radius:51% 49% 31% 69%/65% 39% 61% 35%}30%{border-radius:51% 49% 56% 44%/45% 39% 61% 55%}40%{border-radius:66% 34% 33% 67%/48% 71% 39% 52%}50%{border-radius:46% 54% 33% 67%/48% 30% 70% 52%}60%{border-radius:46% 54% 56% 44%/48% 30% 70% 52%}70%{border-radius:46% 54% 56% 44%/65% 53% 47% 35%}80%{border-radius:67% 33% 56% 44%/37% 53% 47% 63%}90%{border-radius:46% 54% 32% 68%/37% 53% 47% 63%}}.hero .section-text{margin-block:30px}.hero .btn{margin-inline:auto}.service-card{position:relative;background-color:var(--white);height:100%;padding:25px 40px 40px;transition:var(--transition-2)}.service-card .card-icon ion-icon{color:var(--content-color, var(--raisin-black));font-size:6rem;--ionicon-stroke-width: 15px}.service-card .card-title{color:var(--content-color, var(--raisin-black));margin-block:20px}.service-card .card-text{color:var(--content-color)}.service-card .card-number{margin-inline-start:auto;font-weight:var(--fw-800);line-height:.6;max-width:max-content;margin-block-start:32px;-webkit-text-stroke:1px var(--content-color, var(--black));-webkit-text-fill-color:transparent;opacity:.3}.service-card:is(:hover,:focus-within){background-color:#ffa;--content-color: var(--black)}.skills .section-text{margin-block-end:20px}.skills .btn{margin-block:45px}.skills-list li:not(:last-child){margin-block-end:30px}.progress-wrapper{display:flex;justify-content:space-between;font-weight:var(--fw-700);margin-block-end:5px}.progress-bg{height:6px;background-color:var(--raisin-black);border-radius:var(--radius-pill)}.progress{height:inherit;background-color:var(--white);border-radius:inherit}.portfolio .slider{--item-gap: 16px}.portfolio-card{position:relative;background-color:transparent;transition:var(--cubic-ease-out)}.portfolio-card .img-cover{transition:var(--cubic-ease-out)}.portfolio-card .card-content{position:absolute;top:50%;left:50%;text-align:center;width:100%;transform:translate(-55%,-50%);opacity:0;transition:var(--cubic-ease-out);z-index:1}.portfolio-card .card-text{color:var(--white)}.portfolio-card:is(:hover,:focus-within) .img-cover{opacity:.1;transform:scale(.95)}.portfolio-card:is(:hover,:focus-within) .card-content{transform:translate(-50%,-50%);opacity:1}.footer{background-color:var(--raisin-black);padding-block:76px}.footer .container{display:grid;gap:20px}.social-list{display:flex;gap:8px}.social-link{width:45px;height:45px;display:grid;place-items:center;border:2px solid var(--white_a10);border-radius:var(--radius-circle);color:var(--white);transition:var(--transition-1)}.social-link:is(:hover,:focus-visible){border-color:var(--white)}@media (min-width: 575px){.container{max-width:570px;width:100%;margin-inline:auto}.slider{--slider-items: 2}.blog-card .card-content{padding-inline:32px;gap:32px}.footer-list-title{margin-block-end:8px}}@media (min-width: 768px){:root{--fs-2: 6rem;--fs-3: 5.5rem}.container{max-width:720px}.title-wrapper{display:flex;gap:10%}.title-wrapper .section-title{margin-block-end:0}.title-wrapper .section-text{margin-block-start:40px}.hero .container{position:relative}.hero-banner{position:absolute;top:50%;left:0;transform:translateY(-50%);width:55%;z-index:-1}.hero-content{width:50%;margin-inline-start:auto;padding-block:10%}.hero-title,.hero-subtitle{text-shadow:2px 2px 0 var(--eerie-black)}.skills-wrapper{display:grid;grid-template-columns:.8fr 1fr;gap:40px}.skills .btn{margin-block-end:0}.blog-card .card-title{--fs-4: 2.7rem}.footer .container{grid-template-columns:repeat(4,1fr)}}@media (min-width: 992px){:root{--fs-3: 7rem}.container{max-width:960px}.title-wrapper{gap:15%}.slider{--slider-items: 3}.hero-subtitle{--fs-8: 1.4rem}.skills .section-title{max-width:16ch}.skills-wrapper{gap:10%}.blog-card{grid-template-columns:1fr 1fr;gap:24px}.blog-card .card-content{padding:32px}.blog-list li:nth-child(2n) .card-banner{order:1}}@media (min-width: 1200px){:root{--section-padding: 140px}.container{max-width:1140px}.navbar{top:0;display:grid;place-content:center}.nav-toggle-btn{position:relative;z-index:2}.overlay{top:0}.hero-content{width:55%}.hero-title{word-break:normal}.hero .section-text{margin-block-end:52px}}@media only screen and (max-width: 600px){.slider-container{max-height:300px}.hero-banner{display:none}}li[data-v-79132d9d]{list-style:inside}.loader-wrapper[data-v-0dbf44b5]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#ffa;display:flex;align-items:center;justify-content:center;z-index:9999}.loader[data-v-0dbf44b5]{display:inline-grid}.loader[data-v-0dbf44b5]:before,.loader[data-v-0dbf44b5]:after{content:"";height:27px;aspect-ratio:5;--c: #000 90deg, #0000 0;background:conic-gradient(from 135deg at top,var(--c)),conic-gradient(from -45deg at bottom,var(--c)) 12.5% 100%;background-size:20% 50%;background-repeat:repeat-x;clip-path:inset(0 100% 0 0);animation:l9-0dbf44b5 1s infinite linear}.loader[data-v-0dbf44b5]:after{scale:-1 1}@keyframes l9-0dbf44b5{90%,to{clip-path:inset(0)}}