.pictogram-hero{--image-width:150px;--max-width:600px;--title-width:calc(var(--max-width) - var(--image-width));grid-template-columns:[title-start text-start] minmax(-webkit-min-content, var(--title-width)) [title-end image-start] var(--image-width) [image-end text-end] auto;grid-template-columns:[title-start text-start] minmax(min-content, var(--title-width)) [title-end image-start] var(--image-width) [image-end text-end] auto;grid-template-rows:[title-start image-start]auto[title-end image-end text-start]auto[text-end];align-items:center;width:100%;display:grid;margin:calc(-.5 * var(--content-gap)) auto!important}.pictogram-hero:not(.pictogram-hero--full){max-width:var(--max-width);grid-template-columns:[title-start text-start] minmax(-webkit-min-content, var(--title-width)) [title-end image-start] var(--image-width) [image-end text-end];grid-template-columns:[title-start text-start] minmax(min-content, var(--title-width)) [title-end image-start] var(--image-width) [image-end text-end]}.pictogram-hero__title{padding-right:var(--grid-gap);grid-area:title}.pictogram-hero__text{grid-area:text}.pictogram-hero__image{grid-area:image;width:100%;height:auto}