.container {
    width: min(var(--container), calc(100% - 64px));
    margin-inline: auto;
}

.section {
    padding-block: 96px;
}

.section--small {
    padding-block: 64px;
}

.section--large {
    padding-block: 128px;
}

@media (max-width: 767px) {
    .container {
        width: min(100% - 32px, var(--container));
    }

    .section {
        padding-block: 64px;
    }

    .section--small {
        padding-block: 48px;
    }

    .section--large {
        padding-block: 80px;
    }
}