/* Responsive Design */
@media (max-width: 768px) {
    .hero h1 {
        font-size: 2.5rem;
    }

    .hero .title {
        font-size: 1.2rem;
    }

    .about-content {
        grid-template-columns: 1fr;
    }

    section h2 {
        font-size: 2rem;
    }

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

    nav .nav-link {
        margin-left: 0;
        padding: 10px 0;
    }
}