/* Section padding: px-6 md:px-12 lg:px-20 xl:px-32 */
.section-padding {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

@media (min-width: 768px) {
    .section-padding {
        padding-left: 3rem;
        padding-right: 3rem;
    }
}

@media (min-width: 1024px) {
    .section-padding {
        padding-left: 5rem;
        padding-right: 5rem;
    }
}

@media (min-width: 1280px) {
    .section-padding {
        padding-left: 8rem;
        padding-right: 8rem;
    }
}

/* Section spacing: py-20 md:py-28 lg:py-32 */
.section-spacing {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

@media (min-width: 768px) {
    .section-spacing {
        padding-top: 7rem;
        padding-bottom: 7rem;
    }
}

@media (min-width: 1024px) {
    .section-spacing {
        padding-top: 8rem;
        padding-bottom: 8rem;
    }
}

/* Max-width container for content areas */
.container-wide {
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto;
}

.container-narrow {
    max-width: 48rem;
    margin-left: auto;
    margin-right: auto;
}

/* Two-column split layout (about sections, dining) */
.layout-split {
    display: grid;
    grid-template-columns: 1fr;
    gap: 3rem;
    align-items: center;
}

@media (min-width: 768px) {
    .layout-split {
        grid-template-columns: 1fr 1fr;
        gap: 4rem;
    }
}

.layout-split--img-right .layout-split__image {
    order: 1;
}

@media (min-width: 768px) {
    .layout-split--img-right .layout-split__image {
        order: 2;
    }
    .layout-split--img-right .layout-split__content {
        order: 1;
    }
}