@media (max-width: 600px) {
    main {
        font-size: clamp(0.85rem, 3vw, 100%);
    }

    .menu {
        gap: clamp(1.5rem, 5vw, 2rem);
        font-size: clamp(0.8rem, 3vw, 0.95rem);
    }

    .foto-perfil {
        width: clamp(14rem, 55vw, 17rem);
        height: clamp(15rem, 55vw, 20rem);
        margin-top: 100px;
    }

    .projetos-container {
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    }
}