/* Explain: App-specific layout utilities. */
.shell {
    width: 100%;
    max-width: 86rem;
    margin-inline: auto;
    padding-inline: 1.25rem;
}

@media (min-width: 640px) {
    .shell {
        padding-inline: 2rem;
    }
}

@media (min-width: 1024px) {
    .shell {
        padding-inline: 2.5rem;
    }
}

.section-pad {
    padding-block: 4.5rem;
}

@media (min-width: 1024px) {
    .section-pad {
        padding-block: 7rem;
    }
}

.eyebrow {
    display: block;
    font-size: 0.6875rem;
    font-weight: 500;
    letter-spacing: 0.34em;
    text-transform: uppercase;
    color: var(--text-muted);
}