/* Typography atoms --------------------------------------------------------- */

.type-display {
    font-family: var(--ff-display);
    font-weight: 700;
    line-height: var(--lh-tight);
    letter-spacing: 0;
}

.type-body {
    font-family: var(--ff-display);
    font-weight: 400;
    line-height: var(--lh-body);
}

.type-mono {
    font-family: var(--ff-mono);
    font-weight: 500;
    font-size: var(--fs-caption);
    line-height: var(--lh-tight);
    letter-spacing: var(--tracking-mono);
    text-transform: uppercase;
}

.type-mono--sm {
    font-family: var(--ff-mono);
    font-weight: 500;
    font-size: 10px;
    line-height: var(--lh-tight);
    letter-spacing: var(--tracking-mono);
    text-transform: uppercase;
}

/* Page frame --------------------------------------------------------------- */

.page {
    padding-bottom: 96px;
}

/* Utils -------------------------------------------------------------------- */

.hidden { display: none !important; }
.sr-only {
    position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
    overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}