/* ===== About Page ===== */
.about-content {
    width: 100%;
}

.about-grid-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.about-grid-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    margin-bottom: 1.5rem;
}

@media (max-width: 640px) {
    .about-grid-2,
    .about-grid-3 {
        grid-template-columns: 1fr;
    }
}

/* Equal height cards */
.about-grid-2 > div,
.about-grid-3 > div {
    display: flex;
}

.about-grid-2 .ds-card,
.about-grid-3 .ds-card {
    flex: 1;
    display: flex;
    flex-direction: column;
}