.section {
    border-bottom: 1px solid var(--rule);
    scroll-margin-top: calc(var(--header-height) + 8px);
}

.section-dark {
    background: var(--ink);
    color: var(--paper);
    scroll-margin-top: calc(var(--header-height) + 8px);
}

.label {
    display: block;
    font-family: var(--font-family-mono);
    font-size: 12px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--faintest);
}

.label-accent {
    color: var(--accent);
}

.section-dark .label {
    color: var(--accent-on-dark);
}

.section-title {
    font-size: 34px;
    letter-spacing: -.025em;
}

@media (max-width: 759px) {
    .section-title {
        font-size: 26px;
    }
}