.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}}.about[data-v-a84e059f]{background-color:var(--background-color);height:100%;padding:7rem 0}@media (max-width:1024px){.about[data-v-a84e059f]{padding:3rem 0}}.about .container[data-v-a84e059f]{align-items:center;display:flex;gap:2rem;justify-content:space-between}@media (max-width:1024px){.about .container[data-v-a84e059f]{flex-direction:column}}.about__content[data-v-a84e059f]{width:100%}.about__content__title[data-v-a84e059f]{color:var(--primary-color);font-size:2.5rem}.about__content__title span[data-v-a84e059f]{display:inline-block}.about__content__title span[data-v-a84e059f]:first-child{color:var(--secondary-color)}@media screen and (max-width:1024px){.about__content__title[data-v-a84e059f]{font-size:2rem}}.about__content__text[data-v-a84e059f]{color:var(--foreground-color);font-size:1rem}.about__content__experiences[data-v-a84e059f]{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem}.about__content__experiences__item[data-v-a84e059f]{margin-top:var(--spacing-2)}.about__content__experiences__item h3[data-v-a84e059f]{color:var(--secondary-color);font-size:2rem;margin-bottom:var(--spacing-1)}.about__content__experiences__item h4[data-v-a84e059f]{font-size:1rem}.about__grid[data-v-a84e059f]{display:grid;grid-template-columns:repeat(2,1fr);width:100%;grid-gap:1rem}@media screen and (max-width:1024px){.about__grid[data-v-a84e059f]{display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;scroll-snap-stop:always;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;scrollbar-width:none}}.about__grid__item[data-v-a84e059f]{background:var(--background-color);border:2px dashed rgba(var(--primary-color-rgb),.2);border-radius:2rem;padding:1.5rem;transition:all .5s ease}@media screen and (max-width:1024px){.about__grid__item[data-v-a84e059f]{flex:0 0 60%;scroll-snap-align:start}}.about__grid__item h2[data-v-a84e059f]{color:var(--foreground-color);font-size:1.75rem;margin-bottom:var(--spacing-2)}.about__grid__item h2 span[data-v-a84e059f]{color:transparent;-webkit-text-stroke:.1rem var(--primary-color);letter-spacing:.1rem}@media screen and (max-width:1024px){.about__grid__item h2 span[data-v-a84e059f]{-webkit-text-stroke:0;color:var(--primary-color)}}.about__grid__item p[data-v-a84e059f]{color:var(--foreground-color);font-size:1rem}.about__grid__item[data-v-a84e059f]:first-child,.about__grid__item[data-v-a84e059f]:hover{background-color:var(--primary-color);border:2px dashed rgba(var(--primary-color-rgb),.2)}.about__grid__item:first-child h2[data-v-a84e059f],.about__grid__item:hover h2[data-v-a84e059f]{color:var(--background-color-alt)}.about__grid__item:first-child h2 span[data-v-a84e059f],.about__grid__item:hover h2 span[data-v-a84e059f]{-webkit-text-stroke:.1rem var(--background-color-alt)}@media screen and (max-width:1024px){.about__grid__item:first-child h2 span[data-v-a84e059f],.about__grid__item:hover h2 span[data-v-a84e059f]{-webkit-text-stroke:0;color:var(--background-color-alt)}}.about__grid__item:first-child p[data-v-a84e059f],.about__grid__item:hover p[data-v-a84e059f]{color:var(--background-color-alt)}