.featured-projects{background:var(--bg-primary);border-radius:var(--radius-xl);border:1px solid var(--border-secondary);padding:3rem 1rem}.featured-projects .projects-container{max-width:var(--site-page-max);gap:2.5rem;margin:0 auto;display:flex}.featured-projects .project-navigation{flex-direction:column;flex-shrink:0;gap:.75rem;width:280px;display:flex}.featured-projects .nav-item{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:all var(--transition-base);align-items:center;gap:.75rem;padding:.875rem 1rem;display:flex}.featured-projects .nav-item:hover{background:var(--bg-secondary);transform:translate(3px)}.featured-projects .nav-item.active{background:var(--accent-light);border-color:var(--accent-primary);box-shadow:var(--shadow-sm)}.featured-projects .nav-icon{background:var(--bg-secondary);border-radius:var(--radius-md);width:36px;height:36px;color:var(--text-secondary);font-size:var(--text-base);flex-shrink:0;justify-content:center;align-items:center;display:flex}.featured-projects .nav-item.active .nav-icon{background:var(--accent-primary);color:var(--text-inverse)}.featured-projects .nav-content{flex:1;min-width:0}.featured-projects .nav-title{font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:.125rem;font-weight:600;overflow:hidden}.featured-projects .nav-category{font-size:var(--text-xs);color:var(--text-secondary)}.featured-projects .nav-status{font-size:var(--text-sm);opacity:.5}.featured-projects .nav-item.active .nav-status{opacity:1}.featured-projects .project-details{flex:1;min-width:0}.featured-projects .project-card{background:var(--bg-primary);animation:.3s ease-out fadeIn}.featured-projects .project-header{border-bottom:1px solid var(--border-primary);margin-bottom:2.5rem;padding-bottom:1.5rem}.featured-projects .project-meta{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.featured-projects .project-category{background:var(--accent-light);color:var(--accent-primary);border-radius:var(--radius-full);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;padding:.25rem .625rem;font-weight:600}.featured-projects .project-year{color:var(--text-secondary);font-size:var(--text-sm);font-weight:500}.featured-projects .project-status{font-size:var(--text-sm);text-transform:capitalize;align-items:center;gap:.375rem;margin-left:auto;font-weight:600;display:flex}.featured-projects .project-title{font-size:var(--text-4xl);color:var(--text-primary);margin-bottom:.75rem;font-weight:800;line-height:1.2}.featured-projects .project-description{font-size:var(--text-base);color:var(--text-secondary);max-width:800px;line-height:1.6}.featured-projects .project-content{flex-direction:column;gap:2.5rem;display:flex}.featured-projects .section-title{font-size:var(--text-base);color:var(--text-primary);align-items:center;gap:.5rem;margin-bottom:.875rem;font-weight:700;display:flex}.featured-projects .section-title i{color:var(--text-muted);font-size:var(--text-sm)}.featured-projects .tech-stack{flex-wrap:wrap;gap:.5rem;display:flex}.featured-projects .tech-tag{background:var(--bg-secondary);border:1px solid var(--border-primary);color:var(--text-secondary);border-radius:var(--radius-sm);font-size:var(--text-sm);transition:all var(--transition-base);padding:.375rem .75rem;font-family:Consolas,Monaco,monospace;font-weight:500}.featured-projects .tech-tag:hover{background:var(--accent-light);border-color:var(--accent-primary);color:var(--accent-primary)}.featured-projects .features-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.875rem;display:grid}.featured-projects .feature-item{align-items:flex-start;gap:.625rem;padding:.5rem 0;display:flex}.featured-projects .feature-item i{color:var(--success);font-size:var(--text-sm);flex-shrink:0;margin-top:.25rem}.featured-projects .feature-item span{color:var(--text-primary);font-size:var(--text-sm);line-height:1.5}.featured-projects .metrics-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;display:grid}.featured-projects .metric-item{background:var(--bg-secondary);border-radius:var(--radius-md);text-align:center;border:1px solid var(--border-primary);transition:all var(--transition-base);padding:1.25rem}.featured-projects .metric-item:hover{background:var(--accent-light);border-color:var(--accent-primary);transform:translateY(var(--lift))}.featured-projects .metric-value{font-size:var(--text-xl);color:var(--text-primary);margin-bottom:.25rem;font-weight:700}.featured-projects .metric-label{font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.featured-projects .project-links{flex-wrap:wrap;gap:.75rem;margin-top:.5rem;display:flex}.featured-projects .project-link{border-radius:var(--radius-md);font-size:var(--text-sm);transition:all var(--transition-base);align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-weight:600;text-decoration:none;display:inline-flex}.featured-projects .project-link i{font-size:var(--text-sm)}.featured-projects .project-link.github{color:#fff;background:#24292e}.featured-projects .project-link.github:hover{background:#1a1e22}.featured-projects .project-link.demo{background:var(--accent-primary);color:var(--text-inverse)}.featured-projects .project-link.demo:hover{background:var(--accent-hover)}.featured-projects .project-link.paper{background:var(--bg-primary);border:1px solid var(--border-primary);color:var(--text-primary)}.featured-projects .project-link.paper:hover{background:var(--bg-secondary);border-color:var(--border-secondary)}.featured-projects .project-link:hover{transform:translateY(var(--lift));box-shadow:var(--shadow-sm)}@media (max-width:1024px){.featured-projects{padding:2.5rem 1rem}.featured-projects .projects-container{gap:2rem}.featured-projects .project-navigation{width:240px}.featured-projects .project-title{font-size:var(--text-3xl)}}@media (max-width:900px){.featured-projects{padding:2rem 1rem}.featured-projects .projects-container{flex-direction:column;gap:2rem}.featured-projects .project-navigation{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.75rem;width:100%;display:grid}.featured-projects .project-header{margin-bottom:2rem;padding-bottom:1.25rem}.featured-projects .project-title{font-size:var(--text-3xl)}.featured-projects .project-description{font-size:var(--text-sm)}.featured-projects .project-content{gap:2rem}.featured-projects .features-list{grid-template-columns:1fr}.featured-projects .metrics-grid{grid-template-columns:repeat(2,1fr);gap:.875rem}.featured-projects .project-links{flex-direction:column}.featured-projects .project-link{justify-content:center;width:100%}}@media (max-width:480px){.featured-projects{padding:1.5rem .75rem}.featured-projects .project-title{font-size:var(--text-2xl)}.featured-projects .section-title{font-size:var(--text-sm)}.featured-projects .metrics-grid{grid-template-columns:1fr}}