/* Projects Section - 3D Carousel */
        .projects-wrapper {
            width: 100%;
            height: 500px;
            perspective: 1500px;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
        }
        .projects-carousel {
            width: 300px;
            height: 400px;
            position: relative;
            transform-style: preserve-3d;
            transition: transform 0.8s cubic-bezier(0.77, 0, 0.175, 1);
        }
        .project-card-3d {
            position: absolute;
            width: 300px;
            height: 400px;
            border-radius: 20px;
            overflow: hidden;
            background: var(--bg-secondary-color);
            border: 1px solid var(--glass-border);
            backface-visibility: hidden;
            transition: opacity 0.5s, transform 0.5s;
        }
        .project-image {
            width: 100%;
            height: 180px;
            object-fit: cover;
        }
        .project-content { padding: 1.5rem; text-align: center; }
        .project-content h3 {
            font-family: var(--font-heading);
            font-size: 1.3rem;
            color: var(--primary-accent-color);
            margin-bottom: 0.8rem;
        }
        .proj-buttons {
            display: flex;
            justify-content: center;
            gap: 1rem;
            margin-top: 1rem;
        }
        .proj-buttons a {
            background-color: var(--secondary-accent-color);
            color: white;
            padding: 0.5rem 1.2rem;
            border: none;
            border-radius: 8px;
            cursor: pointer;
            transition: all 0.3s;
            text-decoration: none;
        }
        .proj-buttons a:hover {
            background-color: #9d7ff5;
            transform: translateY(-2px);
        }
        .project-nav {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background: var(--glass-bg);
            border: 1px solid var(--glass-border);
            color: var(--text-color);
            width: 45px;
            height: 45px;
            border-radius: 50%;
            cursor: pointer;
            z-index: 10;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s;
        }
        .project-nav:hover {
            background: var(--primary-accent-color);
            color: var(--bg-color);
        }
        #projects-prev { left: 10%; }
        #projects-next { right: 10%; }
        @media (max-width: 768px) {
            #projects-prev { left: 5px; }
            #projects-next { right: 5px; }
        }