/* =============================================
   INITIATIVES — hub + single
   ============================================= */

/* ---------- Hub ---------- */
.initiatives-hub { padding-block: var(--space-10) var(--space-16); }
.initiatives-hub__heading { margin-bottom: var(--space-4); }
.initiatives-hub__body { max-width: 720px; margin-bottom: var(--space-10); }
.initiatives-hub__empty { color: var(--color-text-muted); }

.initiatives-hub__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-6);
}

.initiative-card {
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-lg);
    overflow: hidden;
    transition: box-shadow var(--transition), transform var(--transition);
}
.initiative-card:hover { box-shadow: var(--shadow-lg); transform: translateY(-2px); }
.initiative-card__media { display: block; height: 200px; overflow: hidden; }
.initiative-card__image { width: 100%; height: 100%; object-fit: cover; display: block; }
.initiative-card__image--placeholder { background: var(--color-surface-mid); }
.initiative-card__body { padding: var(--space-5); }
.initiative-card__location {
    display: inline-block;
    font-size: var(--text-xs);
    font-weight: 500;
    color: var(--color-text-secondary);
    background: var(--color-surface-mid);
    padding: var(--space-1) var(--space-3);
    border-radius: var(--radius-full);
    margin-bottom: var(--space-3);
}
.initiative-card__title { font-size: var(--text-lg); font-weight: 700; margin-bottom: var(--space-3); }
.initiative-card__title a { color: var(--color-text); }
.initiative-card__title a:hover { color: var(--color-primary-light); }
.initiative-card__excerpt { font-size: var(--text-sm); color: var(--color-text-secondary); margin-bottom: var(--space-4); }
.initiative-card__link { font-size: var(--text-sm); font-weight: 600; color: var(--color-primary); }

@media (max-width: 1024px) {
    .initiatives-hub__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
    .initiatives-hub__grid { grid-template-columns: 1fr; }
}

/* ---------- Single ---------- */
.initiative { padding-block: var(--space-10) var(--space-16); }
.initiative__title { margin-bottom: var(--space-3); max-width: 900px; }
.initiative__location {
    display: inline-block;
    font-size: var(--text-sm);
    font-weight: 500;
    color: var(--color-text-secondary);
    background: var(--color-surface-mid);
    padding: var(--space-1) var(--space-3);
    border-radius: var(--radius-full);
    margin-bottom: var(--space-6);
}
.initiative__featured-image { margin-bottom: var(--space-8); }
.initiative__featured-image-img { width: 100%; max-height: 480px; object-fit: cover; border-radius: var(--radius-xl); }
.initiative__content {
    max-width: 860px;
    font-size: var(--text-md);
    color: var(--color-text-secondary);
    line-height: 1.75;
    margin-bottom: var(--space-8);
}
.initiative__content p { margin-bottom: var(--space-5); }
.initiative__content img { border-radius: var(--radius-lg); margin-block: var(--space-3); }