@import"https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap";.btn{background:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;position:relative;border:none;padding:0;text-decoration:none;margin:0;font-size:1.5rem;color:hsl(0,0%,90%);scale:.9;transition:.2s ease-in-out}.btn.btn-fill{background:hsl(0,0%,90%);color:hsl(0,0%,10%);padding:10px 30px}.btn.btn-line{text-decoration:underline;text-underline-offset:8px}.btn.btn-line::after{content:"";background:#f27068;width:101%;height:2px;position:absolute;left:0;bottom:-3px;transition:.2s ease-in-out;width:0}.btn.btn-line:hover{scale:1}.btn.btn-line:hover::after{width:101%}.btn:hover{scale:1}::-webkit-scrollbar{width:0px;background-color:#000}::-webkit-scrollbar-thumb{background-color:#fff;border-radius:50px}.hidden,.hide{display:none !important}.stopScroll{overflow:hidden}.vh{height:100vh !important}.vw{width:100%}.container{width:calc(100% - 32px);padding:0 16px}@media(min-width: 992px){.container{width:860px}}@media(min-width: 1200px){.container{width:1160px}}@media(min-width: 1400px){.container{width:1360px}}@media(min-width: 1600px){.container{width:1560px}}header{position:fixed;z-index:10;top:0;width:100%;height:80px;background:hsl(0,0%,30%)}header .brand{position:absolute;top:50%;left:20px;transform:translateY(-50%);display:flex}header .brand img{width:70%;max-width:300px;max-height:80px}@media(min-width: 768px){header nav.nav{display:flex;justify-content:end;height:100%;align-items:center}header nav.nav .navA{display:flex;justify-content:space-around;width:100%;max-width:400px}header nav.nav .navA a{text-decoration:none;color:hsl(0,0%,90%);font-size:1.25rem}}@media(max-width: 991px){header .menu-cont{width:40px;height:40px;position:absolute;top:50%;transform:translateY(-50%);right:20px;cursor:pointer;z-index:2}header .menu-cont span.nav-menu-top{content:"";background:#fff;width:40px;height:5px;position:absolute;top:5px;transition:.3s ease-in-out}header .menu-cont span.nav-menu{background-color:#fff;width:40px;height:5px;position:absolute;top:50%;transform:translateY(-50%);transition:.3s ease-in-out}header .menu-cont span.nav-menu-bottom{content:"";background:#fff;width:40px;height:5px;position:absolute;bottom:5px;transition:.3s ease-in-out}header .menu-cont.menu-active span.nav-menu-top{animation:goDown1 .3s ease-in-out forwards,turn .2s ease-in-out .25s forwards}@keyframes goDown1{0%{top:5px}100%{top:50%}}@keyframes turn{100%{transform:rotate(45deg) translateY(-50%);top:50%}}header .menu-cont.menu-active span.nav-menu{animation:fade .2s ease-in-out .2s forwards}@keyframes fade{0%{opacity:1}100%{opacity:0}}header .menu-cont.menu-active span.nav-menu-bottom{animation:goUp1 .3s ease-in-out forwards,turn2 .2s ease-in-out .25s forwards}@keyframes goUp1{from{bottom:5px}to{bottom:50%}}@keyframes turn2{100%{transform:rotate(-45deg) translateY(50%);bottom:50%}}header .menu-cont.menu-inactive span.nav-menu-top{transition:.3s ease-in-out;animation:fix .2s ease-in-out forwards,goUp2 .3s ease-in-out .2s forwards}@keyframes goUp2{from{transform:translateY(-50%);top:50%}to{top:5px}}@keyframes fix{from{transform:rotate(45deg) translateY(-50%);top:50%}to{transform:rotate(0deg);top:50%}}header .menu-cont.menu-inactive span.nav-menu{opacity:0;animation:appear .2s ease-in-out .2s forwards}@keyframes appear{0%{opacity:0}100%{opacity:1}}header .menu-cont.menu-inactive span.nav-menu-bottom{transition:.3s ease-in-out;animation:fix2 .2s ease-in-out forwards,goDown2 .3s ease-in-out .2s forwards}@keyframes goDown2{from{bottom:50%;transform:translateY(50%)}to{bottom:5px}}@keyframes fix2{from{transform:rotate(-45deg) translateY(50%);bottom:50%}to{transform:rotate(0deg);bottom:50%}}header nav.nav{position:absolute;top:0;left:0}header nav.nav .box{background-color:rgba(23,23,23,.8);backdrop-filter:blur(15px);width:0%;height:0%;z-index:1;position:absolute;top:0;right:0;transition:.3s ease-in-out}header nav.nav .box.box-open{width:100%;height:100vh}header nav.nav .navA{position:absolute;display:grid;top:50%;left:50%;transform:translate(-50%, -100%);z-index:-1;opacity:0;margin-top:-20%;transition:.3s ease-in-out;width:100%}header nav.nav .navA.aShow{opacity:1;z-index:2;transform:translate(-50%, -50%);margin-top:0}}@media(max-width: 991px)and (min-width: 992px){header nav.nav .navA.aShow{width:30%}}@media(max-width: 991px)and (min-width: 1200px){header nav.nav .navA.aShow{width:20%}}@media(max-width: 991px){header nav.nav .navA a{font-size:2rem;text-align:center;margin-bottom:30px;color:#fff;transition:.3s ease-in-out}header nav.nav .navA a:hover{margin-bottom:40px;font-size:1.5rem}}.footer{padding:4rem 1rem 1.5rem 1rem;border-top:1px solid hsl(0,0%,90%);background:#000;font-size:1rem;color:hsl(0,0%,90%);letter-spacing:3%}.footer .footer-container{max-width:1200px;margin:0 auto}.footer .footer-container .footer-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.footer .footer-container .footer-top span{color:hsl(0,0%,90%)}.footer .footer-container .footer-top .footer-logo{display:flex;align-items:center;gap:.5rem;font-weight:bold;font-size:1.25rem}.footer .footer-container .footer-top .footer-logo img{display:block;width:50px;height:50px;-o-object-fit:cover;object-fit:cover}.footer .footer-container .footer-top .footer-social{display:flex;gap:.5rem;margin-top:1rem}.footer .footer-container .footer-top .footer-social li a{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;background:hsl(0,0%,90%)}.footer .footer-container .footer-top .footer-social li a img{width:1rem;height:1rem}.footer .footer-container .footer-top .footer-social li a:hover{background:hsl(0,0%,30%)}.footer .footer-container .footer-bottom{display:flex;flex-wrap:wrap;border-top:1px solid hsl(0,0%,30%);padding-top:1.5rem;margin-top:1.5rem;justify-content:center}.footer .footer-container .footer-bottom .footer-copyright{font-size:.85rem;color:hsl(0,0%,70%);font-weight:300}.footer .footer-container .footer-bottom .footer-links .footer-legal-links,.footer .footer-container .footer-bottom .footer-links .footer-main-links{display:flex;justify-content:center}.footer .footer-container .footer-bottom .footer-links .footer-legal-links ul,.footer .footer-container .footer-bottom .footer-links .footer-main-links ul{padding:0;margin:0;display:flex;flex-wrap:wrap;margin-bottom:20px;gap:20px}.footer .footer-container .footer-bottom .footer-links .footer-legal-links ul li a,.footer .footer-container .footer-bottom .footer-links .footer-main-links ul li a{color:hsl(0,0%,90%)}.footer .footer-container .footer-bottom .footer-links .footer-legal-links ul li a:hover,.footer .footer-container .footer-bottom .footer-links .footer-main-links ul li a:hover{text-decoration:none;text-decoration:underline}.footer .footer-container .footer-bottom .footer-links .footer-main-links{font-weight:600;color:hsl(0,0%,10%)}@media(max-width: 767px){.footer .footer-container .footer-bottom .footer-copyright,.footer .footer-container .footer-bottom .footer-links{width:100%;text-align:center}}@media(min-width: 768px){.footer .footer-container .footer-bottom{justify-content:space-between}.footer .footer-container .footer-bottom .footer-legal-links,.footer .footer-container .footer-bottom .footer-main-links{justify-content:end}}@media(max-width: 768px){.footer .footer-bottom{grid-template-columns:1fr;gap:1rem}.footer .footer-top{flex-direction:column;align-items:flex-start}.footer .footer-top .footer-social{margin-top:.5rem}}.footer .arrow{position:fixed;right:10px;bottom:20px;width:50px;height:50px;background:hsl(0,0%,90%);color:#000;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;z-index:100}*,html,body{padding:0;margin:0;list-style:none;text-decoration:none;color:hsl(0,0%,90%);font-family:"Manrope",sans-serif;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{background-color:#000;overflow-x:hidden}body#body-home::before{content:"";width:1700px;height:1700px;position:absolute;overflow:hidden;top:0;right:0;transform:translate(50%, -50%);border-radius:4200px;opacity:.3;background:radial-gradient(circle, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 80%);z-index:-30}main{margin-top:80px}main .section{color:hsl(0,0%,90%)}main .section h2{font-size:2rem}main .section p{font-size:1.25rem}@media(min-width: 992px){main .section h2{font-size:3rem}main .section p{font-size:2rem}}main .section:not(--comp-hero){display:flex;justify-content:center;padding:40px 0px 0px 0}main .section--comp-hero .svgGroup{width:90%;max-width:1200px;margin:auto}main .section--comp-hero .svgGroup .logo{width:100%;height:auto;overflow:visible}main .section--comp-hero .svgGroup .logo--creative{width:85%}main .section--comp-hero .logo-path{fill:rgba(0,0,0,0);stroke:#e6e6e6;stroke-width:2px;stroke-dasharray:1200;stroke-dashoffset:1200;animation:draw 5s ease forwards,fillLogo 1.5s linear .5s forwards}main .section--comp-hero .color-dot{fill:rgba(0,0,0,0);stroke:#f27068 !important;stroke-width:2px;stroke-dasharray:1200;stroke-dashoffset:1200;animation:drawDot 5s ease forwards,fillDot 1s linear 5s forwards}main .section--comp-hero .logo-path:nth-child(1){animation-delay:0s,1.2s}main .section--comp-hero .logo-path:nth-child(2){animation-delay:.3s,1.7s}main .section--comp-hero .logo-path:nth-child(3){animation-delay:.6s,2.2s}main .section--comp-hero .logo-path:nth-child(4){animation-delay:.9s,2.4s}main .section--comp-hero .logo-path:nth-child(5){animation-delay:1.2s,2.7s}main .section--comp-hero .logo-path:nth-child(6){animation-delay:1.5s,2.9s}main .section--comp-hero .logo-path:nth-child(7){animation-delay:1.8s,3.1s}main .section--comp-hero .logo-path:nth-child(8){animation-delay:2.1s,3.3s}main .section--comp-hero .logo-path:nth-child(9){animation-delay:2.5s,3.5s}main .section--comp-hero .color-dot{animation-delay:1.8s,3.1s}main .section--comp-hero .quotes{position:relative;height:2rem;overflow:hidden;font-size:1.5rem}main .section--comp-hero .quotes span{position:absolute;left:0;color:#f27068;width:100%;opacity:0;transform:translateY(20px);animation:quoteFade 9s infinite}main .section--comp-hero .quotes span:nth-child(1){animation-delay:5s}main .section--comp-hero .quotes span:nth-child(2){animation-delay:8s}main .section--comp-hero .quotes span:nth-child(3){animation-delay:11s}main .section--comp-hero .heroFadeContainer{position:relative;margin-top:40px}main .section--comp-hero .heroFadeContainer .heroFade{color:hsl(0,0%,90%);opacity:0;margin:1.25rem;transform:translateY(30px);animation:heroFade 1.5s forwards;animation-delay:5s}main .section--comp-hero .heroFadeContainer .heroFade.btnFade{position:absolute;font-size:1.5rem}@media(min-width: 992px){main .section--comp-hero{display:flex;justify-content:center;padding:0px 0px 0px 0;height:calc(100vh - 140px);align-items:center}}@keyframes heroFade{to{opacity:1;transform:translateY(0px)}}@keyframes draw{from{fill:rgba(0,0,0,0);stroke-dashoffset:1200}to{stroke-dashoffset:0}}@keyframes drawDot{from{fill:rgba(0,0,0,0);stroke-dashoffset:1200}to{stroke-dashoffset:0}}@keyframes fillLogo{to{fill:#e6e6e6}}@keyframes fillDot{to{fill:#f27068}}@keyframes quoteFade{0%{opacity:0;transform:translateY(50px)}10%{opacity:1;transform:translateY(0)}30%{opacity:1;transform:translateY(0)}40%{opacity:0;transform:translateY(-20px)}100%{opacity:0}}main .section--comp-services .cardGroup .card{width:100%;border:1px solid;border-radius:8px;padding:30px 20px;box-sizing:border-box;margin-bottom:20px;background-color:hsl(0,0%,10%)}main .section--comp-services .cardGroup .card .cardTitle{font-size:1.5rem;font-weight:600;margin-bottom:4px}@media(min-width: 768px){main .section--comp-services .cardGroup{display:flex;flex-wrap:wrap}main .section--comp-services .cardGroup .card{width:calc(50% - 20px);margin:10px}}@media(min-width: 1200px){main .section--comp-services .cardGroup .card{width:calc(33.33% - 20px)}}main .section--comp-contact{background-color:#000;position:relative;z-index:1;padding-bottom:3rem !important}main .section--comp-contact .getInTouch{display:flex;flex-wrap:wrap}main .section--comp-contact .getInTouch .contactGroup{width:100%}main .section--comp-contact .getInTouch .contactGroup--text p,main .section--comp-contact .getInTouch .contactGroup--text a{color:hsl(0,0%,90%);font-weight:400;opacity:.8}main .section--comp-contact .getInTouch .contactGroup--text span{font-size:1.5rem;color:hsl(0,0%,90%);font-weight:600}main .section--comp-contact .getInTouch .contactGroup--text .mute-text{margin:.75rem 0 2rem}main .section--comp-contact .getInTouch .contactGroup--text .contactBlock{margin-top:1rem}main .section--comp-contact .getInTouch .contactGroup--text .contactBlock .contact{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}main .section--comp-contact .getInTouch .contactGroup--text .contactBlock .contact .contactIcon{background:hsl(0,0%,30%);padding:14px;border-radius:50px;box-sizing:border-box;width:50px;height:50px;display:flex}main .section--comp-contact .getInTouch .contactGroup--text .contactBlock .contact .contactIcon img{overflow:visible}main .section--comp-contact .getInTouch .contactGroup--text .contactBlock .contact .contactIcon--link:hover{background-color:#f27068;opacity:1}main .section--comp-contact .getInTouch .contactGroup--text .contactBlock .contact a:hover{color:#f27068}main .section--comp-contact .getInTouch .contactGroup--form p{margin-bottom:2.5rem}main .section--comp-contact .getInTouch .contactGroup--form .formContainer{border:1px solid;box-sizing:border-box;padding:10px 20px;border-radius:8px;margin-top:2rem;background-color:hsl(0,0%,10%)}main .section--comp-contact .getInTouch .contactGroup--form .formContainer form{display:flex;flex-wrap:wrap;box-sizing:border-box}main .section--comp-contact .getInTouch .contactGroup--form .formContainer form label{width:100%;display:flex;font-size:1.25rem;margin-bottom:48px;position:relative}main .section--comp-contact .getInTouch .contactGroup--form .formContainer form label span{position:absolute;top:0;transition:.3s ease-in-out}main .section--comp-contact .getInTouch .contactGroup--form .formContainer form label input,main .section--comp-contact .getInTouch .contactGroup--form .formContainer form label textarea{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:rgba(0,0,0,0);border:none;border-bottom:2px solid #fff;padding:0;margin:0;outline:none;box-shadow:none;border-radius:0;width:100%;max-width:500px;color:#fff;font-size:1.25rem}main .section--comp-contact .getInTouch .contactGroup--form .formContainer form label input#projectDescription,main .section--comp-contact .getInTouch .contactGroup--form .formContainer form label textarea#projectDescription{max-height:150px;min-height:50px;resize:vertical;overflow-y:auto}main .section--comp-contact .getInTouch .contactGroup--form .formContainer form label:has(input:not(:-moz-placeholder)) span, main .section--comp-contact .getInTouch .contactGroup--form .formContainer form label:has(textarea:not(:-moz-placeholder)) span{transform:translateY(-25px);font-size:1rem}main .section--comp-contact .getInTouch .contactGroup--form .formContainer form label:has(input:focus) span,main .section--comp-contact .getInTouch .contactGroup--form .formContainer form label:has(input:active) span,main .section--comp-contact .getInTouch .contactGroup--form .formContainer form label:has(input:not(:placeholder-shown)) span,main .section--comp-contact .getInTouch .contactGroup--form .formContainer form label:has(textarea:focus) span,main .section--comp-contact .getInTouch .contactGroup--form .formContainer form label:has(textarea:active) span,main .section--comp-contact .getInTouch .contactGroup--form .formContainer form label:has(textarea:not(:placeholder-shown)) span{transform:translateY(-25px);font-size:1rem}main .section--comp-contact .getInTouch .contactGroup--form .formContainer form label[for=formServiceNeeded],main .section--comp-contact .getInTouch .contactGroup--form .formContainer form label[for=formPriceRange]{margin-top:20px}main .section--comp-contact .getInTouch .contactGroup--form .formContainer form label[for=formServiceNeeded] span,main .section--comp-contact .getInTouch .contactGroup--form .formContainer form label[for=formPriceRange] span{font-size:1.25rem;transform:translateY(-35px)}main .section--comp-contact .getInTouch .contactGroup--form .formContainer form label select{min-inline-size:14ch}main .section--comp-contact .getInTouch .contactGroup--form .formContainer form label select,main .section--comp-contact .getInTouch .contactGroup--form .formContainer form label select::picker(select){-webkit-appearance:base-select;-moz-appearance:base-select;appearance:base-select;border:none;color:hsl(0,0%,90%);border-radius:.25rem;background-color:#222;font-size:1.25rem;max-width:500px;width:100%;padding:10px}main .section--comp-contact .getInTouch .contactGroup--form .formContainer form label select::picker(select){margin-block-start:.5rem;margin-block-end:.5rem;opacity:0;border:1px solid hsl(0,0%,30%);transition:opacity .25s ease-in-out,transform .25s ease-in-out;transform:scale(0.9)}main .section--comp-contact .getInTouch .contactGroup--form .formContainer form label select::picker(select):popover-open{opacity:1;transform:scale(1)}@starting-style{main .section--comp-contact .getInTouch .contactGroup--form .formContainer form label select::picker(select):popover-open{opacity:0;transform:scale(0.9)}}main .section--comp-contact .getInTouch .contactGroup--form .formContainer form label select option{padding:10px}main .section--comp-contact .getInTouch .contactGroup--form .formContainer form label select option:checked{background:hsl(0,0%,25%)}main .section--comp-contact .getInTouch .contactGroup--form .formContainer form label select::picker-icon{margin-right:5px}main .section .fade{opacity:0;transform:translateY(60px);transition:opacity 2s ease,transform 2s ease}main .section .fade.visible{opacity:1;transform:translateY(0)}