@keyframes modalOpen {
    0% { 
        transform: scale(0.7); 
        opacity: 0; 
    }
    100% { 
        transform: scale(1); 
        opacity: 1; 
    }
}

.animate-modal-open {
    animation: modalOpen 0.3s cubic-bezier(0.4,0,0.2,1);
}

#projectModal {
    backdrop-filter: blur(4px);
}

#modalBox {
    max-width: 90vw;
    max-height: 90vh;
    overflow-y: auto;
    position: relative;
}

#modalBox.animate-modal-open {
    transform: scale(1) !important;
}