/* Main CSS - Load after critical CSS */
/* Import component styles */
@import 'components/logo.css';
@import 'components/projects.css';
@import 'components/studio.css';
@import 'components/contact.css';
@import 'components/footer.css';

/* Additional responsive */
@media (max-width: 640px) {
    .nav-links {
        gap: 2rem;
    }

    .hero-metrics {
        flex-direction: column;
        gap: 2rem;
    }

    .project {
        padding: 2rem;
    }

    .project-features {
        grid-template-columns: 1fr;
    }

    .footer-nav {
        flex-direction: column;
        gap: 1rem;
    }
}