.content {
    width: 100vw;
    /* padding: var(--page-padding); */
    flex-direction: column;
    display: flex;
    justify-content: center;   /* centers vertically */
    /* align-items: center;    // add if you also want horizontal centering */
    position: relative;
}

.content__title .word,
.content__title .char {display: inline-block;}
.content__title .word-space { white-space: pre; }    /* preserves natural space width */