: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%,0.1);--white_a5:hsla(0,0%,100%,0.05);--ff-syne:"Syne",sans-serif;--fs-1:3.2rem;--fs-2:3.2rem;--fs-3:3rem;--fs-4:2.2rem;--fs-5:1.8rem;--fs-6:1.6rem;--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:0.25s ease;--transition-2:0.5s ease;--cubic-in:cubic-bezier(0.51,0.03,0.64,0.28);--cubic-out:cubic-bezier(0.05,0.83,0.52,0.97);--cubic-bounce:0.6s cubic-bezier(0.68,-0.55,0.265,1.55);--cubic-ease-out:700ms cubic-bezier(0.17,0.67,0,1.01)}*,:after,:before{margin:0;padding:0;box-sizing:border-box}li{list-style:none}a,button,data,img,ion-icon,span{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:hidden}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)}.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}.img-holder{aspect-ratio:var(--width) /var(--height);background-color:var(--white_a5);overflow:hidden}.img-cover{width:100%;height:100%;object-fit:cover}.preloader{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:var(--eerie-black);z-index:10;display:grid;place-items:center;transition:var(--transition-2);transition-delay:.5s}.preloader.loaded{opacity:0;pointer-events:none}.preloader .circle{width:60px;height:60px;border:2px solid var(--raisin-black);border-top-color:var(--white);border-radius:var(--radius-circle);animation:rotate360 1s linear infinite;transition:var(--transition-2)}@keyframes rotate360{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.preloader.loaded .circle{opacity:0}.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}.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:var(--white);height:100vh;text-align:center;padding:56px 40px;visibility:hidden;transition:.25s var(--cubic-in);z-index:1}.navbar.active{transform:translateX(-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}.grayscale{filter:grayscale(100%)}.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:60px 40px 40px;transition:transform var(--transition-2),background-color 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-icon svg{color:var(--content-color,var(--raisin-black));width:6rem;height:6rem}.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:var(--raisin-black);--content-color:var(--white);transform:scale(1.05)}.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);overflow:hidden}.progress{height:inherit;background-color:var(--white);border-radius:inherit;animation:progressFill 1s ease-in-out forwards}@keyframes progressFill{0%{width:0}}.portfolio .slider{--item-gap:16px}.portfolio-card{position:relative;background-color:transparent}.portfolio-card,.portfolio-card .card-content,.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;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}.process-list{display:grid;gap:60px;margin-block-start:60px}.process-item{display:flex;align-items:center;gap:32px}.process-item .item-icon{background-color:var(--white);color:var(--eerie-black);min-width:90px;height:90px;border-radius:var(--radius-circle);display:grid;place-items:center}.process-item .item-icon svg{width:40px;height:40px}.process-item .item-title{margin-block-end:12px}.tech-stack .section-title{text-align:center}.tech-list{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:40px}.tech-item{filter:grayscale(1) brightness(1.5);transition:var(--transition-1)}.tech-item:hover{filter:grayscale(0) brightness(1)}.tech-item svg{width:100px;height:100px}.tech-stack .slider-container{align-items:center}.cta{background-color:var(--raisin-black);text-align:center}.cta .h2{font-size:var(--fs-3);margin-block-end:24px}.cta .btn{margin-inline:auto;margin-block-start:24px}.blog-list{display:grid;gap:60px}.blog-card{display:grid;gap:40px}.blog-card .card-content{display:flex;gap:16px;padding-inline:16px}.blog-card .time{font-size:var(--fs-7)}.blog-card .time .span{color:var(--white);font-weight:var(--fw-700);line-height:.9}.blog-card .card-text{margin-block:20px}.contact .section-title{margin-block-end:60px}.contact-form{margin-block-start:60px}.contact-form .wrapper{display:grid;gap:24px;margin-block-end:24px}.input-field{background-color:var(--raisin-black);color:var(--white);height:56px;padding-inline:20px;border:1px solid var(--white_a10);outline:none;transition:var(--transition-1)}.input-field:focus{border-color:var(--white)}textarea.input-field{min-height:120px;height:120px;resize:vertical;padding-block:16px}.contact-form .btn{margin-block-start:24px}.contact-form .btn:disabled{opacity:.7;cursor:not-allowed}.contact-form .error-text{color:#ff6b6b;font-size:1.4rem;margin-top:8px}.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){:root{--fs-1:4.8rem;--fs-2:4rem;--fs-3:3.5rem;--fs-4:2.4rem;--fs-5:2rem}.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:5rem;--fs-3:4.5rem;--fs-4:2.7rem}.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-subtitle,.hero-title{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}.process-list{grid-template-columns:repeat(2,1fr);gap:80px 40px}.cta .h2{font-size:var(--fs-4)}.blog-card .card-title{--fs-4:2.7rem}.contact-form .wrapper{grid-template-columns:1fr 1fr}.footer .container{grid-template-columns:repeat(3,1fr)}}@media (min-width:992px){:root{--fs-1:6rem;--fs-2:6.5rem;--fs-3:5.5rem;--fs-4:3rem}.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%}.process-list{gap:80px}.tech-stack .slider{--slider-items:4}.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}.contact-form{display:grid;grid-template-columns:1fr;gap:24px}.contact-form .wrapper{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:0}.contact-form .wrapper:last-of-type{grid-column:1/-1}.contact-form .btn{margin-block-start:0}}@media (min-width:1200px){:root{--fs-1:7rem;--fs-2:8rem;--fs-3:6.5rem;--fs-4:3.2rem;--fs-5:2.2rem;--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}.process-list{grid-template-columns:repeat(4,1fr)}.tech-stack .slider{--slider-items:5}}