/* ----------------------------------------------------
   HERO TYPOGRAPHY
---------------------------------------------------- */

.hero__title{

    display:flex;

    justify-content:center;

    align-items:baseline;

    gap:.22em;

    white-space:nowrap;

    color: var(--color-brand);

    font-size:clamp(45px,5vw,100px);
}

.hero__word{

    display:inline-flex;

    align-items:baseline;

}
.hero__initial{

    font-size:1.28em;

    line-height:.82;

    margin-right:.015em;

}

.hero__tagline{

    font-family:var(--font-sans);

    font-weight:300;

    font-size:13px;

    line-height:1.8;

    letter-spacing:.45em;

    text-transform:uppercase;

    color:var(--color-brand);

}