@media (max-width: 992px) {
    .hero h1 {
        font-size: 3.5rem;
    }

    .grid-3 {
        grid-template-columns: 1fr;
    }

    header {
        padding: 1.5rem 5%;
    }

    .nav-links {
        display: none;
    }

    /* Add mobile menu JS later if needed */
}

@media (max-width: 640px) {
    .hero h1 {
        font-size: 2.8rem;
    }

    .section-padding {
        padding: 5rem 0;
    }
}