*{box-sizing:border-box;margin:0;padding:0}:root{--fs-h1:120px;--fs-h2:64px;--fs-h3:20px;--fs-p1:28px;--fs-p2:22px;--fs-p3:18px;--fs-p4:15px;--font-alfa:"Poppins",sans-serif;--color-prim:#5312d6;--color-white:#fff;--color-black:#464646;--font-weight-bold:700;--font-weight-medium:500;--font-weight-regular:400;--font-weight-light:300}@media (min-width:62em){:root{--fs-h1:120px;--fs-h2:90px;--fs-h3:24px;--fs-p1:42px;--fs-p2:22px;--fs-p3:20px;--fs-p4:18px}}html{scroll-behavior:smooth}body{color:#464646;color:var(--color-black);font-family:Poppins,sans-serif;font-family:var(--font-alfa);margin:0;overflow-x:hidden;padding:0}h1{font-size:120px;font-size:var(--fs-h1)}h2{font-size:64px;font-size:var(--fs-h2)}h3{font-size:20px;font-size:var(--fs-h3)}.p1{font-size:28px;font-size:var(--fs-p1)}.p2{font-size:22px;font-size:var(--fs-p2)}.p3{font-size:18px;font-size:var(--fs-p3)}.p4{font-size:15px;font-size:var(--fs-p4)}a{color:#464646;color:var(--color-black)}a:hover{color:#5312d6;color:var(--color-prim);text-decoration:underline}.loading{display:grid;height:100vh;place-content:center;width:100vw}#about{display:grid;margin-top:20px;padding:0 15px}#about,.about-context{color:var(--color-black)}.about-context{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh;padding:80px 20px}@media (min-width:62em){#about{align-items:start;grid-template-columns:40% 60%;padding:0}.about-context{background-position:50%;background-repeat:no-repeat;background-size:cover;color:var(--color-white);height:100vh;padding:60px;position:-webkit-sticky;position:sticky;top:0}.about-context h2{line-height:90px}.about-left{display:flex;flex-direction:column;gap:120px;padding:60px 40px}}.scroll-container{overflow:hidden;white-space:nowrap}.scroll{-webkit-animation:scroll 10s linear infinite;animation:scroll 10s linear infinite;display:inline-block;padding-left:40px}@-webkit-keyframes scroll{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes scroll{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.scroll span{color:var(--color-prim)}.contact-container{display:grid;margin:40px auto 20px;place-content:center}.contact-container img{display:none}.contact-form form{display:flex;flex-direction:column;gap:50px}.contact-form form label{display:flex;flex-direction:column;font-size:18px;gap:10px}.contact-form form input{background-color:initial;border:none;border-bottom:1px solid var(--color-black);font-size:20px;font-weight:lighter}.contact-form form input:focus-visible{border-bottom:2px solid var(--color-black);outline:none}.contact-form form button{background-color:var(--color-prim);border:none;border-radius:120px;color:var(--color-white);cursor:pointer;font-size:var(--fs-p-xl);padding:14px 8px}.contact-form form button:disabled{cursor:not-allowed;opacity:.6}.footer-links{align-items:center;background-color:var(--color-prim);color:var(--color-white);display:flex;justify-content:space-between;padding:60px}.links{display:flex;flex-direction:column;gap:10px}.links a{color:var(--color-white)}.links h3{margin-left:auto}@media (min-width:62em){.contact-container{display:flex;margin:40px 0 0;place-content:flex-start;justify-content:space-between}.contact-container img{display:block;height:590px;object-fit:cover;width:680px}.contact-form{align-self:center;margin:0 auto}.contact-form form input{width:420px}}.navbar{align-items:center;display:flex;justify-content:space-between;padding:20px 50px;transition:background-color .3s}.nav-logo{font-size:var(--fs-h3);line-height:25px;text-decoration:none}.menu-container{align-items:center;display:flex}.menu-button{background:none;border:none;cursor:pointer;display:block;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.menu-button img{height:30px;width:30px}.menu-button.active{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.menu-links{align-items:center;background-color:var(--color-black);display:none;flex-direction:column;position:absolute;right:0;text-align:center;top:80px;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;width:100%;z-index:1}.menu-links.active-menu{display:flex}.active-menu a{color:var(--color-white)}.menu-links a{font-size:18px;margin:10px 0;text-decoration:none}@media (min-width:62em){.menu-button{display:none}.menu-links{background-color:initial;display:flex;flex-direction:row;gap:20px;justify-content:space-between;position:static;width:auto}}.hero-main{height:100vh;height:calc(100vh - 100px);overflow:hidden;position:relative;width:100%}.background-images{height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.image{background-position:50%;background-repeat:no-repeat;background-size:cover;height:280px;opacity:.5;position:absolute;width:180px}.image1{left:5%;top:10%}.image3{-webkit-filter:grayscale(1);filter:grayscale(1);left:59%;top:25%;z-index:-1}.hero-context{display:grid;height:calc(100vh - 450px);place-content:center;text-align:center;width:100%}.hero-context h1{line-height:80px;mix-blend-mode:difference}@media (min-width:62em){.image{height:504px;width:284px}.image3{height:410px;left:75%}.hero-context{height:calc(100vh - 100px);text-align:left}.hero-context h1{line-height:90px}.hero-context p{text-align:end}}#services{margin-top:100px;padding:40px 60px}#services,.services-container{display:flex;flex-direction:column;gap:40px}.service{cursor:none;display:flex;flex-direction:column;gap:10px}.service img{height:45px;width:45px}.service span{font-weight:600}@media (min-width:62em){.service{align-items:center;flex-direction:row;gap:50px}#services h2{padding-left:90px}}.work-container{align-items:start;display:grid}.work-container .work-context{display:grid;height:100vh;place-content:center;position:-webkit-sticky;position:sticky;text-align:center;top:0;z-index:-2}.works{display:flex;flex-direction:column;gap:120px;padding:5px}.works img{border-radius:40px;width:420px}.works img:nth-child(odd){align-self:flex-start}.works img:nth-child(2n){align-self:flex-end}@media (min-width:62em){.works{gap:240px;padding:40px 60px}.works img{width:980px}}
/*# sourceMappingURL=main.0e2f6b40.css.map*/