@media (max-width: 890px) {
            .menu-toggle {
                display: block;
            }

            .nav-links {
                position: fixed;
                top: 80px;
                left: -100%;
                width: 100%;
                height: calc(100vh - 60px);
                background-color: var(--primary-dark) !important;
                flex-direction: column;
                align-items: center;
                padding: 2rem 0;
                overflow-y: auto;
            }

            .nav-links.active {
                left: 0;
            }

            .nav-links li {
                width: 100%;
                text-align: center;
                margin: 0.5rem 0;
            }

            .nav-links a {
                padding: 1rem;
                width: 100%;
            }

            .collaborator-item {
                flex-direction: column;
                text-align: center;
                padding: 1.5rem 1rem;
            }

            .collaborator-img {
                margin: 0 auto 1.5rem;
            }

            .collaborator-info {
                text-align: center;
                margin-bottom: 1.5rem;
            }

            .collaborator-meta {
                justify-content: center;
                margin-bottom: 1.5rem;
            }

            .btn {
                margin: 0 auto;
            }

            .cta-buttons {
                gap: 1.5rem;
            }

            .btn, 
            .btn-secondary {
                width: 100%;
                max-width: 300px;
            }
        }