/* Tablet — 2-column project grid */
@media (max-width: 1024px) {
    .projects-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .ba-container {
        max-width: 100%;
    }
}

/* Mobile — 1-column */
@media (max-width: 768px) {
    .projects-grid {
        grid-template-columns: 1fr;
        gap: 16px;
        margin: 0 10px;
    }

    .ba-header h3 {
        font-size: 1.4rem;
    }
}