// Explore Page
.explore {
    // Intro Section
    &__intro {
        overflow: hidden;
        color: $color-tertiary;
        text-align: center;

        // Title
        h1 {
            color: $color-secondary;
            line-height: 1;
            margin-top: 56px;

            @include bp (sm) {
                margin-top: 160px;
            }
        }
        // Text
        p {
            max-width: 260px;
            margin: 40px auto 0;
            font-weight: 200;

            @include bp (sm) {
                margin: 72px auto 130px;
                max-width: 500px;
            }
        }
    }
    .globe {
        margin-top: 72px;
    }

    // Locations
    &__locations {
        .browse {
            margin-bottom: 0;
        }
    }

    // Modules
    .grid-modules {
        grid-column: span var(--columns);
        margin: 96px 20px 0;
        padding-bottom: 40px;

        @include bp (sm) {
            grid-column: 2 / span 22;
            margin: 200px 0 72px;
        }
    }
}