Customizing Product Detail Font

I have had some success with piecing together code on different forums, but none of it is quite right for I'm after. There are 2 parts to my request:

#1: Product Title
I want the title to be 3 lines long, with the second line being a larger size than the first and third line

EXAMPLE:
Biker Aunt
Maeve
Fruited Sour


#2: Product Description
I want to be able to make some words italics, some blue, some both, some bold, some bold+blue, some blue+italics

EXAMPLE:
With clean dry sourness, effervescent body, bread and lemon flavour notes, this low alcohol sour has a refreshingly sharp tang that only a Berliner can get away with. Drink it plain or do what the Germans do and spike it with your favourite fruit syrup (raspberry and woodruff are traditional).
Available on tap (with optional syrups) + 4 packs of 473mL cans

For #2, I used the follow code, but it doesn't let me use italics without turning it blue:

.ProductItem-details-excerpt em {
color: #094B83 !important;
font-style: normal !important;
}

#1. 2 lines is possible but 3 lines will be more complex.

If you need 2 lines, just share link to a product on your site, we can help easier

Here is the page for Biker Aunt Maeve 
https://www.sidekickbrewing.com/beer-1/p/best-friend-sid-hazy-ipa-el844

Issue #1:
I've figured out how to make 2 lines, just can't figure out how to make 3 lines that has the middle line larger than the first and last.

Issue #2:
And I've figured out part of it2, but not all the way. The bottom italic wont go blue while keeping the the first italic black. 

Any help would be appreciated!