/* ===== PROJECTS SECTION ===== */
        .projects-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
            gap: 2rem;
            margin-top: 3rem;
        }
        
        .project-card {
            background: var(--color-surface);
            padding: 1.5rem;
            border: 2px solid var(--color-border);
            transition: var(--transition);
            position: relative;
        }
        
        .project-card::before {
            content: '+';
            position: absolute;
            top: -2px;
            left: -2px;
            color: var(--color-border);
            background: var(--color-bg);
            font-weight: bold;
        }
        
        .project-card::after {
            content: '+';
            position: absolute;
            top: -2px;
            right: -2px;
            color: var(--color-border);
            background: var(--color-bg);
            font-weight: bold;
        }
        
        .project-card:hover {
            border-color: var(--color-accent);
            transform: translateY(-3px);
        }
        
        .project-card.featured {
            grid-column: 1 / -1;
            border-color: var(--color-accent);
            background: var(--color-surface);
        }
        
        .project-card.featured h3 {
            color: var(--color-accent);
        }
        
        .project-type {
            font-size: 0.8rem;
            color: var(--color-muted);
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.1em;
            margin-bottom: 0.5rem;
        }
        
        .project-type::before {
            content: '[';
            color: var(--color-accent);
        }
        
        .project-type::after {
            content: ']';
            color: var(--color-accent);
        }
        
        .project-card h3 {
            margin-bottom: 1rem;
        }
        
        .project-card h3::before {
            content: '> ';
            color: var(--color-accent);
        }
        
        .project-card ul {
            list-style: none;
            margin: 1rem 0;
        }
        
        .project-card ul li {
            padding: 0.3rem 0;
            padding-left: 1.5rem;
            position: relative;
            font-size: 0.9rem;
        }
        
        .project-card ul li::before {
            content: '→ ';
            position: absolute;
            left: 0;
            color: var(--color-accent);
        }
        
        .tech-stack {
            display: flex;
            flex-wrap: wrap;
            gap: 0.5rem;
            margin-top: 1.5rem;
            padding-top: 1rem;
            border-top: 1px dashed var(--color-border);
        }
        
        .tech-stack span {
            font-size: 0.8rem;
            padding: 0.25rem 0.5rem;
            border: 1px solid var(--color-border);
            color: var(--color-text);
            font-weight: 500;
        }
        
        .tech-stack span::before {
            content: '<';
            color: var(--color-accent);
        }
        
        .tech-stack span::after {
            content: '>';
            color: var(--color-accent);
        }

        /* Project Link Button */
.project-link {
    display: inline-block;
    margin-top: 1rem;
    padding: 0.5rem 1rem;
    border: 1px solid var(--color-border);
    color: var(--color-accent);
    text-decoration: none;
    font-size: 0.85rem;
    font-weight: 600;
    transition: var(--transition);
}

.project-link::before {
    content: '> ';
    color: var(--color-accent);
}

.project-link:hover {
    background: var(--color-accent);
    color: var(--color-bg);
    border-color: var(--color-accent);
}

.project-card.featured .project-link {
    border-color: var(--color-accent);
}

.project-card.featured .project-link:hover {
    background: var(--color-heading);
    color: var(--color-bg);
}

/* Coming Soon Link Style */
.project-link.coming-soon {
    color: var(--color-muted);
    border-color: var(--color-muted);
    cursor: not-allowed;
}

.project-link.coming-soon:hover {
    background: transparent;
    color: var(--color-muted);
    border-color: var(--color-muted);
}