/* Homepage wallpaper and shared-section presentation. */
.hero,
.hall-of-fame {
    background-image:
        linear-gradient(rgba(4, 15, 24, .78), rgba(4, 15, 24, .86)),
        url('../images/wallpapers/newbg.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.hall-of-fame {
    background-attachment: fixed;
}

.logo a {
    display: flex;
    align-items: center;
    gap: 11px;
    color: inherit;
    text-decoration: none;
}

.logo img {
    width: 52px;
    height: 52px;
    flex: 0 0 52px;
    object-fit: contain;
    filter: drop-shadow(0 0 9px rgba(50, 209, 87, .42));
}

.community-background {
    background:
        radial-gradient(circle at 8% 15%, rgba(50, 209, 87, .12), transparent 25rem),
        radial-gradient(circle at 92% 85%, rgba(53, 217, 232, .1), transparent 27rem),
        #07121d;
}

.community-background .locations-section {
    padding: 58px max(32px, calc((100% - 1320px) / 2)) 28px;
}

.community-background .homepage-support {
    padding-top: 30px;
    background: transparent;
}

@media (max-width: 650px) {
    .hall-of-fame { background-attachment: scroll; }
    .community-background .locations-section { padding: 45px 14px 24px; }
    .logo img { width: 44px; height: 44px; flex-basis: 44px; }
}
