Have two different font sizes on same line for Portfolio grid

Hi all, just wondering if it is possible to have two font sizes, or at least bold only part of the text, for a Portfolio simple grid item?

So it would give the look of what is in the attachment - Title would be a bigger font than the bit that comes after the "|" separator.

Current website link is: 
https://pentagon-walrus-jy9y.squarespace.com/
(All pages except for the home page are portfolios)

Cheers!

Can you send password?

You can use this approach to set second text, then you can style size easier

@tuanphan Oh yep ofc sorry! Password: 123

So the client wants the two font sizes on one line (or at least bold and non-bold text). I asked them about making it two lines but they do not want the text on two lines.

Something like this:

Title | Subtitle

You can use guide I sent, and to make both same lines, just change

block

to

inline-block

so the code will be like this

a.grid-item h3:after {
    display: inline-block;
    font-size: 14px;
    padding-left: 5px;
    font-weight: bold;
}
a.grid-item[href="/narrative/only-heaven-knows"] h3:after {
    content: "NARRATIVE FEATURE";
}