.hero-image{position:relative;width:100%;min-height:640px;background:radial-gradient(circle farthest-side at 80% 80%,#11278266,#000318 75%) #000318;color:var(--color-white);display:flex;align-items:center;overflow:hidden;padding-top:48px}.hero-image__container{width:100%;margin:0 auto}.hero-image__grid{display:grid;grid-gap:var(--grid-gap);grid-auto-flow:row;grid-template-columns:minmax(1fr,auto) repeat(var(--grid-columns) - 1,[start-column] 1fr);align-items:center;position:relative}.hero-image__content{grid-column:2 / 7;position:relative;z-index:2;text-wrap:pretty;padding-bottom:96px;display:flex;flex-direction:column;row-gap:24px;align-items:flex-start}.hero-image__logo{width:42px;height:42px}.hero-image__title{font-weight:var(--font-weight-light);margin-bottom:0;color:var(--color-white);max-width:90%}.hero-image__paragraph{font-size:16px;margin:0;color:var(--color-white)}.hero-image__paragraph--large{max-width:80%}.hero-image__paragraph--small{max-width:70%}.hero-image__visual{grid-column:7 / -1;position:relative;display:flex;justify-content:flex-start;align-items:center;margin-bottom:-128px;align-self:flex-end}.hero-image__mockup{width:921px;aspect-ratio:1.2685950413;object-fit:cover;object-position:left center;min-width:920px}@media screen and (max-width: 768px){.hero-image{padding-top:56px}.hero-image:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-black);opacity:.4;z-index:2}.hero-image__grid{grid-template-columns:1fr;position:static}.hero-image__content{position:absolute;grid-column:1 / -1;grid-row:1;min-width:auto;margin-bottom:0;padding:0 24px}.hero-image__visual{grid-column:1 / -1;grid-row:1;z-index:1;margin-bottom:-128px}.hero-image__mockup{height:100%;object-fit:cover;object-position:center}.hero-image__title{max-width:100%}.hero-image__paragraph{font-size:14px;max-width:100%}.hero-image__background{display:block;position:absolute;top:0;left:0;width:100%;height:100%;grid-column:1 / -1;grid-row:1;background-color:var(--color-black);opacity:.4}}
/*# sourceMappingURL=/cdn/shop/t/44/assets/hero-image.css.map */