/* Explain: Layout utilities and responsive structure for page sections. */
.wrap {
    width: 100%;
    max-width: 1240px;
    margin-inline: auto;
    padding-inline: 24px;
}

.section-block {
    padding-top: 62px;
}

.page-hero {
    padding-top: 48px;
    padding-bottom: 8px;
}

@media (max-width: 640px) {
    .wrap {
        padding-inline: 18px;
    }
}