/* ---- Responsive ---- */
@media (max-width: 768px) {
    .portfolio-projects-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .portfolio-skills-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 1rem;
    }

    .portfolio-contact-grid {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

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

    .portfolio-timeline {
        padding-left: 1.5rem;
    }

    .portfolio-timeline-item {
        padding-left: 1.5rem;
    }

    .portfolio-section {
        padding: 4rem 0;
    }

    .lang-switch {
        top: 4.5rem;
        right: 1rem;
    }
}

@media (max-width: 480px) {
    .portfolio-skills-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .portfolio-hero-content {
        padding: 0 1rem;
    }
}