.projects{position:relative;padding:2rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.project-card{position:relative;border:1px solid var(--border-color);border-radius:12px;background:linear-gradient(135deg,#4f9eff08,#a78bfa08);box-shadow:var(--box-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-normal);overflow:hidden;display:flex;flex-direction:column;cursor:pointer}.project-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(79,158,255,.1),transparent);opacity:0;transition:opacity var(--transition-fast)}.project-card:hover{border-color:var(--primary-bg);background:linear-gradient(135deg,#4f9eff14,#a78bfa14);transform:translateY(-8px)}.project-card:hover:before{opacity:1}.card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}.card-header h3{flex:1;line-height:1.4;font-size:1.2rem}.card-thumbnail-wrapper{width:100%;height:200px;overflow:hidden;background:#4f9eff1a;flex-shrink:0}.card-thumbnail-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal)}.project-card:hover .card-thumbnail-wrapper img{transform:scale(1.05)}.card-content{padding:2rem;display:flex;flex-direction:column;flex:1}.category-badge{display:inline-block;padding:.4rem .8rem;border-radius:20px;font-size:.75rem;font-weight:600;white-space:nowrap;flex-shrink:0}.software-badge{background:#4f9eff33;border:1px solid var(--primary-bg);color:var(--primary-bg)}.mech-badge{color:var(--text-secondary);border:1px solid var(--border);background:var(--black-rgba-05)}.project-description{flex:1;margin-bottom:1.5rem;font-size:.95rem;line-height:1.6;color:var(--text-secondary)}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tag{display:inline-block;padding:.35rem .75rem;background:var(--black-rgba-05);border:1px solid var(--border-color);border-radius:6px;font-size:.8rem;color:var(--text-secondary);transition:all var(--transition-fast)}.tag:hover{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#06b6d41a}@media(max-width:768px){.projects-grid{grid-template-columns:1fr;gap:1.5rem}.project-card{padding:1.5rem}}