.hero{position:relative;margin-top:0;z-index:0}.hero__content,.hero__title,.hero__subtitle{max-width:55%}@media (max-width:767px){.hero__content,.hero__title,.hero__subtitle{max-width:none}}.hero__image{position:absolute;top:50px;right:-25px;z-index:-1;width:40%;perspective:900px;display:inline-block}@media (max-width:767px){.hero__image{opacity:0.15;top:0;bottom:0;right:calc($size-s * -1);width:auto;overflow:hidden}}.hero__image picture{display:block;width:100%;height:auto;transform:rotateY(-20deg);transform-origin:center;transition:transform 0.3s ease;border-radius:5px;box-shadow:20px 25px 220px 10px rgba(from #da61ff r g b / 0.5);overflow:hidden}.hero__image img{mask-image:linear-gradient(to left, rgba(from #da61ff r g b / 0.9) 0%, rgba(from #da61ff r g b / 0.1) 100%);border-radius:5px}.wrapper--padding-frontpage{position:relative;padding-top:4rem;padding-bottom:6rem}@media (max-width:1023px){.wrapper--padding-frontpage{padding-top:2rem;padding-bottom:3rem}}@media (max-width:767px){.wrapper--padding-frontpage{padding-top:1rem;padding-bottom:2rem}}/*# sourceMappingURL=frontpage.css.map */