/* Explain: Global layout utilities for padding, margins, and section wrapping. - */
.section-pad {
    padding: 5rem 1rem;
}

.section-wrap {
    width: min(1280px, calc(100% - 2rem));
    margin-inline: auto;
}

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

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