// == Typography
h1,
.headline-1,
.heading-1 {
    font-size: 6rem;
    font-weight: 300;
    letter-spacing: -.015625em;
    line-height: 6rem;
}

h2,
.headline-2,
.heading-2 {
    font-size: 3.75rem;
    font-weight: 300;
    letter-spacing: -.0083333333em;
    line-height: 3.75rem;
}

h3,
.headline-3,
.heading-3 {
    font-size: 3rem;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 3.125rem;
}

h4,
.headline-4,
.heading-4 {
    font-size: 2.125rem;
    font-weight: 400;
    letter-spacing: .0073529412em;
    line-height: 2.5rem;
}

h5,
.headline-5,
.heading-5 {
    font-size: 1.5rem;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 2rem;
}

h6,
.headline-6,
.heading-6 {
    font-size: 1.25rem;
    font-weight: 500;
    letter-spacing: .125em;
    line-height: 2rem;
}

.subtitle-1 {
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: .009375em;
    line-height: 1.75rem;
}

.subtitle-2 {
    font-size: .875rem;
    font-weight: 500;
    letter-spacing: .0071428571em;
    line-height: 1.375rem;
}

.body-1 {
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: .03125em;
    line-height: 1.5rem;
}

.body-2 {
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .0178571429em;
    line-height: 1.25rem;
}

.button {
    font-size: .875rem;
    font-weight: 500;
    letter-spacing: .0892857143em;
    line-height: 2.25rem;
}

.caption {
    font-size: .75rem;
    font-weight: 400;
    letter-spacing: .0333333333em;
    line-height: 1.25rem;
}

.overline {
    font-size: .75rem;
    font-weight: 500;
    letter-spacing: .1666666667em;
    line-height: 2rem;
}