.block-system-branding-block{
  display:grid;
  grid-template-columns:[slogan-start logo-start] minmax(-webkit-max-content, 16ch) [logo-end title-start] 1fr [title-end slogan-end];
  grid-template-columns:[slogan-start logo-start] minmax(max-content, 16ch) [logo-end title-start] 1fr [title-end slogan-end];
  grid-template-rows:[logo-start title-start] auto [logo-end title-end slogan-start] auto [slogan-end];
  gap:var(--graupl-spacer-2, calc(0.25 * var(--graupl-spacer, 1rem)));
  padding:var(--graupl-spacer-3, calc(0.5 * var(--graupl-spacer, 1rem))) 0;
  align-items:center;
}
.block-system-branding-block .branding-logo{
  grid-area:logo;
}
.block-system-branding-block .branding-title{
  grid-area:title;
}
.block-system-branding-block .branding-slogan{
  grid-area:slogan;
}