.hero-eyebrow{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    border: none;
    background: transparent;
    text-transform:uppercase;
    font-size:1.2rem;
    font-weight:700;
    letter-spacing:.4px;
    color:#000;
     font:bold;

}

#hero-text{
    display:inline-block;

    color:#f80260;

    white-space:nowrap;
    overflow:hidden;

    width:46ch;           /* Fixed width based on longest text */
    text-align:left;
    vertical-align:middle;
    line-height:42px;
}