.hero{background-attachment:fixed;background-position:50%;background-repeat:repeat;background-size:cover;height:100dvh;max-height:calc(var(--breakpoint-lg));min-height:-moz-fit-content;min-height:fit-content;overflow:hidden;padding-bottom:7rem;padding-top:7rem;position:relative}@media screen and (max-width:1024px){.hero{padding-bottom:3rem;padding-top:5rem}}.hero .container{align-items:center;display:flex;gap:1rem;height:100%;justify-content:space-between}.hero__content{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;width:100%}.hero__content__welcome{color:var(--secondary-color);font-size:1.2rem;margin-bottom:1rem;text-transform:uppercase}@media screen and (max-width:1024px){.hero__content__welcome{font-size:1.2rem;margin-bottom:.5rem}}.hero__content__title{color:var(--secondary-color);display:block;font-size:5rem;font-weight:var(--font-weight-bold);line-height:1.1;margin-bottom:1rem}.hero__content__title span{display:inline-block}.hero__content__title .outlined{color:transparent;-webkit-text-stroke:2px var(--primary-color);font-size:5rem}@media screen and (max-width:1024px){.hero__content__title{font-size:4rem;line-height:1;text-transform:uppercase}.hero__content__title .outlined{color:var(--primary-color);-webkit-text-stroke:0;font-size:4rem}}.hero__content__subtitle{color:var(--secondary-color);font-size:1.2rem}.hero__content__actions{align-items:center;display:flex;gap:1rem;justify-content:flex-start;margin-top:1rem;width:100%}@media screen and (max-width:1024px){.hero__content__actions{align-items:center;flex-direction:column;gap:.5rem;justify-content:center;margin-top:1.5rem;width:100%}.hero__content__actions .button{min-width:200px;width:50%}}.hero__content__actions .button{align-items:center;background-color:var(--primary-color);border-radius:2rem;color:var(--background-color);display:flex;font-size:1rem;font-weight:var(--font-weight-bold);gap:.5rem;height:2.5rem;justify-content:center;line-height:1;padding:.5rem 1rem;text-decoration:none}.hero__content__actions .button--primary{transition:all .3s ease-in-out}.hero__content__actions .button--primary:hover{border-radius:1rem;transform:scale(1.05)}.hero__content__actions .button--secondary{background-color:transparent;color:var(--primary-color)}.hero__content__actions .button--secondary svg{height:1.2rem;width:1.2rem;fill:var(--primary-color)}.hero__content__actions .button--secondary{transition:all .3s ease-in-out}.hero__content__actions .button--secondary:hover{transform:scale(1.1)}.hero__image{align-items:center;display:flex;height:100%;justify-content:center;position:relative;transform:scale(var(--visible-percent));width:100%}.hero__image img{border-radius:2rem;cursor:pointer;max-width:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease-in-out;width:100%}.hero__image img:hover{transform:scale(.99)}@media screen and (max-width:1024px){.hero .container{align-items:center;flex-direction:column;justify-content:center}.hero__content{align-items:center;margin-top:-8rem;text-align:center;z-index:1}.hero__image{margin-top:-1rem;order:-1}.hero__image img{max-height:400px;max-width:300px;-o-object-fit:cover;object-fit:cover}}.hero__mouse{align-items:center;background-color:transparent;border:3px solid var(--secondary-color);border-radius:1rem;bottom:2rem;cursor:pointer;display:flex;height:3rem;justify-content:center;left:calc(50% - 1rem);position:absolute;transform:translate(-50%);width:2rem}@media screen and (max-width:1024px){.hero__mouse{display:none}}.hero__mouse__wheel{animation:wheel 2s infinite;background-color:var(--secondary-color);border-radius:50px;height:.8rem;width:.35rem}@keyframes wheel{0%{transform:translateY(-.3rem)}30%{transform:translateY(0)}60%{transform:translateY(-.3rem)}to{transform:translateY(-.3rem)}}@keyframes bluranimation{0%{filter:blur(20rem)}50%{filter:blur(25rem)}to{filter:blur(20rem)}}.workedwith{align-items:center;background-color:var(--background-color-alt);padding:2rem 0}.workedwith,.workedwith__logos{display:flex;justify-content:center}.workedwith__logos{flex-wrap:wrap;gap:2rem}.workedwith__logos__item{height:auto;opacity:.5;transition:all .3s ease-in-out;width:150px}.workedwith__logos__item svg{height:2rem;width:auto;fill:var(--secondary-color)}.workedwith__logos__item:hover{opacity:1;transform:scale(1.05)}@media screen and (max-width:600px){.workedwith{flex-direction:column;gap:1rem}}