.container {
    margin-inline: auto;
    max-width: var(--container-width);
}

.container.container--tight {
    max-width: 57rem;
}

@media (max-width: 74.25rem) {
    .container {
        max-width: 100%;
        padding-inline: 1.5rem;
    }

    .container--tight {
        padding-inline: 0;
    }
}

@media (max-width: 75.75rem) {
    .container--wide {
        padding-inline: 2.25rem;
    }
}

@media (max-width: 60rem) {
    .container--tight {
        padding-inline: 1.5rem;
    }
}