.container {
    width: calc(100% - 2.5rem);
    max-width: var(--container-max);
    margin-inline: auto;
}

.section {
    padding-block: var(--section-spacing-mobile);
}

@media (min-width: 640px) {
    .container {
        width: calc(100% - 4rem);
    }

    .section {
        padding-block: var(--section-spacing-tablet);
    }
}

@media (min-width: 1024px) {
    .container {
        width: calc(100% - 6rem);
    }

    .section {
        padding-block: var(--section-spacing-desktop);
    }
}