.projects{background:var(--bg-secondary);position:relative}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:2rem;margin-bottom:4rem}.project-card{display:flex;flex-direction:column;min-width:0;position:relative;overflow:hidden;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.project-card-link{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit;padding:0}.project-thumbnail{width:calc(100% - 1.5rem);aspect-ratio:8 / 5;position:relative;padding:.75rem;margin:0 .75rem;background:var(--bg-primary);border:1px solid var(--glass-border);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.project-thumbnail img{position:absolute;inset:.75rem;width:calc(100% - 1.5rem);height:calc(100% - 1.5rem);object-fit:contain;transition:transform .3s ease;border-radius:var(--radius-md)}.project-card:hover .project-thumbnail img{transform:scale(1.05)}.project-card.featured{grid-column:span 1}.project-gradient{position:relative;aspect-ratio:8 / 5;opacity:.7}.project-card-header{min-height:8.5rem;padding:1.5rem 1.5rem 1rem}.project-card-header .project-title{margin-bottom:0}.project-content{position:relative;z-index:1;padding:1rem 1.5rem 1.25rem;display:flex;flex-direction:column;flex:1}.project-card-badges{flex-wrap:wrap;display:flex;justify-content:flex-start;align-items:center;gap:.5rem;margin-bottom:.75rem}.featured-badge{display:inline-block;padding:.25rem .65rem;background:var(--gradient-tertiary);color:#101820;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:50px}.project-card-status{display:inline-block;padding:.25rem .65rem;font-size:.7rem;font-weight:600;border-radius:50px;text-transform:uppercase;letter-spacing:.3px}.project-card-status.status-in-progress{background:linear-gradient(135deg,#f59e0b26,#d9770626);color:#f59e0b}.project-card-status.status-completed{background:linear-gradient(135deg,#10b98126,#05966926);color:var(--neon-green)}.project-card-status.status-date{background:var(--glass-bg);color:var(--text-secondary)}.project-title{font-size:1.5rem;color:var(--text-primary);margin-bottom:1rem;font-weight:700}.project-description{font-size:1rem;color:var(--text-secondary);line-height:1.7;margin-bottom:1.5rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.project-tag{padding:.4rem .85rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:50px;font-size:.85rem;color:var(--text-secondary);font-weight:500;transition:border-color .2s ease,color .2s ease}.project-card:hover .project-tag{border-color:var(--neon-blue);color:var(--neon-blue)}.project-links{display:flex;gap:1rem;padding-top:.5rem;margin-top:auto}.project-link-btn{min-height:44px;display:flex;align-items:center;gap:.5rem;padding:.65rem 1.25rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.95rem;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease;font-family:var(--font-primary)}.project-link-btn.primary{background:var(--bg-tertiary);border:1px solid var(--glass-border);color:var(--text-primary)}.project-link-btn:hover{background:var(--glass-bg);border-color:var(--neon-blue);color:var(--neon-blue);box-shadow:0 0 20px #4facfe33}.project-link-btn.primary:hover{background:var(--gradient-primary);transform:translateY(-2px)}.projects-cta{text-align:center;padding:3rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.projects-cta p{font-size:1.25rem;color:var(--text-primary);margin-bottom:1.5rem;font-weight:600}@media(max-width:768px){.projects-grid{grid-template-columns:1fr}.project-card.featured{grid-column:span 1}.project-links{flex-direction:column}.project-link-btn{width:100%;justify-content:center}}.project-card-link:focus-visible{outline-offset:-3px}:root.light .project-card-status.status-in-progress{color:#855000}