.hero[data-v-779db3d6]{min-height:100vh;margin-bottom:200px;position:relative}@media screen and (max-width:800px){.hero[data-v-779db3d6]{margin-bottom:0}}.hero-container[data-v-779db3d6]{align-items:center;gap:var(--mathew-spacing-10);justify-content:space-between;width:1280px;max-width:100vw;min-height:80vh;margin:0 auto;padding:200px 100px 100px;display:flex}@media screen and (max-width:800px){.hero-container[data-v-779db3d6]{align-items:center;gap:var(--mathew-spacing-10);flex-direction:column;width:100%;min-height:auto;padding:128px 20px 0}}.hero-content[data-v-779db3d6]{align-items:flex-start;gap:var(--mathew-spacing-6);flex-direction:column;width:580px;max-width:40vw;display:flex}@media screen and (max-width:800px){.hero-content[data-v-779db3d6]{text-align:center;align-items:center;width:100%;max-width:100%}}.bg-image[data-v-779db3d6]{background-image:var(--hero-bg-desktop);z-index:-1;background-position:top;background-repeat:no-repeat;background-size:2200px;width:130vw;min-width:1300px;max-width:1500px;height:1400px;position:absolute;top:0;left:50%;transform:translate(-50%);-webkit-mask-image:linear-gradient(90deg,#000 0 90%,#0000);mask-image:linear-gradient(90deg,#000 0 90%,#0000);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@media screen and (max-width:800px){.bg-image[data-v-779db3d6]{background-image:var(--hero-bg-mobile);background-size:100vw;max-width:100vw;-webkit-mask-image:linear-gradient(#000 0 90%,#0000);mask-image:linear-gradient(#000 0 90%,#0000)}}.img-wrapper[data-v-779db3d6]{width:50vw;height:100%;position:relative}@media screen and (max-width:800px){.img-wrapper[data-v-779db3d6]{width:100%;max-width:90vw}}@media screen and (max-width:800px){.img-wrapper[data-v-779db3d6]:has(.desktop-only){display:none}}.img-wrapper .mockup-img[data-v-779db3d6]{width:80vw;min-width:1000px;max-width:1400px;display:block;position:absolute;top:50%;left:0;transform:translateY(-35%)}@media screen and (max-width:800px){.img-wrapper .mockup-img[data-v-779db3d6]{width:100%;min-width:auto;max-width:80vw;margin:0 auto;position:relative;top:auto;left:auto;transform:none}}