.title,
.subtitle
  hyphens: auto
  word-break: break-word
  -webkit-font-smoothing: antialiased
  -moz-osx-font-smoothing: grayscale
  font-size: var(--group-scale-1-typography-font-size-font-3)
  line-height: var(--group-scale-1-typography-line-height-font-4)
  +tablet
    font-size: var(--group-scale-2-typography-font-size-font-3)
    line-height: var(--group-scale-2-typography-line-height-font-4)
  +desktop
    font-size: var(--group-scale-3-typography-font-size-font-3)
    line-height: var(--group-scale-3-typography-line-height-font-4)
  em,
  span
    font-weight: inherit
  strong
    font-weight: var(--group-font-weight-bold)
  &:not(:last-child)
    margin-bottom: var(--group-space-x-small)
    +tablet
      margin-bottom: var(--group-space-x-small-tablet)
    +desktop
      margin-bottom: var(--group-space-x-small-desktop)

.title
  font-family: var(--group-title-font-family), sans-serif
  font-weight: var(--group-title-font-weight)

.subtitle
  font-family: var(--group-subtitle-font-family), sans-serif
  font-weight: var(--group-subtitle-font-weight)