/* ── Intro band ───────────────────────────────── */

.community-page {
    padding-top: 20px;
    padding-bottom: 100px;
}

.community-intro {
    text-align: center;
    padding: 30px 8% 10px;
}

.community-intro h1 {
    font-size: 3.4rem;
    letter-spacing: 8px;
    margin: 10px 0 14px;
    color: #f2e0b7;
    text-shadow:
        0 0 10px rgba(242, 224, 183, .25),
        0 0 30px rgba(200, 164, 106, .15);
}

.community-intro p {
    color: #d5d5d5;
    letter-spacing: 1px;
    max-width: 640px;
    margin: 0 auto;
}

/* ── Cards ────────────────────────────────────── */

/* Grid base (width/columns/gap) is shared with .cards — defined in style.css */
.community-cards {
    margin: 40px auto 0;
}

@media (max-width: 768px) {
    .community-intro h1 {
        font-size: 1.9rem;
        letter-spacing: 4px;
    }
}