.component-hero .inner{display:flex;flex-direction:column;gap:32px}
@media(min-width:600px){.component-hero .inner{gap:48px}
}
@media(min-width:1024px){.component-hero .inner{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-flow:column;gap:24px}
.component-hero .image-block{grid-column:7 / span 6;justify-content:center}
.component-hero .text-block{grid-column:1 / span 5}
}
.component-hero .image-block{display:flex;align-items:center;flex-flow:column}
.component-hero .text-block{display:flex;flex-direction:column}
.component-hero .text-block .text-inner{display:flex;flex-flow:column;gap:12px}
.component-hero .text-block .text-inner .pretitle{display:none}
@media(min-width:600px){.component-hero .text-block .text-inner .pretitle{margin-top:20px;display:block}
}
.component-hero .text-block .cta-inner a{width:100%}
@media(min-width:600px){.component-hero .text-block .cta-inner a{width:auto}
}