.title-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 calc(var(--grid-gap) / -2);
  font-size: calc(16rem/var(--initial-font-multiplier));
  align-items: baseline;
}

.title-wrapper__title {
  margin: 0 calc(var(--grid-gap) / 2);
  font-weight: bold;
}

.title-wrapper__leading, .title-wrapper__trailing {
  display: flex;
  flex-wrap: wrap;
}

.title-wrapper__leading > *, .title-wrapper__trailing > * {
  margin: 5px calc(var(--grid-gap) / 2);
}