/* -- Eyebrows -- */

.eyebrow,
.intro-eyebrow,
.web--eyebrow,
.hello-eyebrow,
.section-eyebrow,
.jo-eyebrow {
    display: block;
    margin-bottom: clamp(.4rem,.4vw + .3rem,.6rem);

    font-family: var(--font-body);
    font-size: clamp(.78rem,.5vw + .5rem,.85rem);
    font-weight: var(--font-weight-medium);

    text-transform: uppercase;
    letter-spacing: clamp(.08em,.15vw,.12em);

    color: var(--gold-dark);
}

/* -- Soft Eyebrow -- */

.eyebrow--soft {
    color: var(--color-text-muted);
    font-size: clamp(.7rem,.4vw + .4rem,.8rem);
    letter-spacing: clamp(.07em,.12vw,.1em);
}

/* -- Web Eyebrow -- */

.web--eyebrow {
    color: var(--forest-green);
}

/* -- Divider Eyebrow -- */

.divider-eyebrow {
    display: block;
    margin-bottom: .5rem;

    font-size: .85rem;
    font-weight: var(--font-weight-bold);

    text-transform: uppercase;
    letter-spacing: 1px;

    color: var(--color-text-muted);
}