/*
 * D2C GAME
 * COMMON DESKTOP LAYOUT
 *
 * This controls the width of ALL homepage sections.
 * Mobile is untouched.
 */

@media (min-width: 1024px) {

    :root {
        --d2c-desktop-width: 1440px;
        --d2c-desktop-gutter: 48px;
    }

    /*
     * ONE width for all homepage sections.
     */

    .home-page .home-shell {
        width: min(
            var(--d2c-desktop-width),
            calc(100% - (var(--d2c-desktop-gutter) * 2))
        );

        max-width: none;

        margin-left: auto;
        margin-right: auto;
    }
}