/**
 * Jiblotech 2.0
 * Layout System
 */

.container {
    width: min(
        calc(100% - (var(--jb-gutter) * 2)),
        var(--jb-container)
    );

    margin-inline: auto;
}

.site-content {
    overflow: hidden;
}

.section {
    padding-block: var(--jb-section-space);
}

.section--dark {
    background: var(--jb-background-dark);
    color: var(--jb-text-light);
}

.section--green {
    background: var(--jb-green);
    color: var(--jb-white);
}

.section__header {
    max-width: 760px;
    margin-bottom: clamp(2.5rem, 5vw, 5rem);
}

.section__eyebrow {
    margin-bottom: 1rem;

    color: var(--jb-green-bright);

    font-size: var(--jb-text-sm);
    font-weight: var(--jb-font-weight-semibold);
    letter-spacing: 0.12em;
    text-transform: uppercase;
}