.projects-container{background-color:var(--color-surface-muted);min-height:100vh;color:var(--color-text-base);padding:140px 20px 80px}.projects-header{text-align:center;margin-bottom:60px}.projects-header h1{color:var(--color-text-base);font-size:clamp(2.5rem,5vw,4rem);font-weight:800}.projects-header h1 span{color:var(--color-primary)}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;max-width:1400px;margin:0 auto;display:grid}.project-card{background:var(--color-surface-base);border-radius:var(--radius-md);border:1px solid var(--color-border-base);transition:transform var(--transition-normal),box-shadow var(--transition-normal);flex-direction:column;display:flex;overflow:hidden}.project-card:hover{box-shadow:var(--shadow-hover);border-color:var(--color-border-focus);transform:translateY(-10px)}.image-wrapper{border-bottom:3px solid var(--color-primary);width:100%;height:240px;position:relative}.project-content{flex-grow:1;padding:24px}.project-category{color:var(--color-primary);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:12px;font-weight:700}.project-title{color:var(--color-text-base);margin-bottom:12px;font-size:22px;font-weight:700}.project-description{color:var(--color-text-muted);margin-bottom:20px;font-size:14px;line-height:1.6}.project-meta{border-top:1px solid var(--color-border-base);color:var(--color-text-muted);justify-content:space-between;margin-bottom:15px;padding-top:15px;font-size:13px;display:flex}.status-dot{background-color:var(--color-primary);width:8px;height:8px;box-shadow:0 0 8px var(--color-primary-soft);border-radius:50%;margin-right:6px;display:inline-block}.tech-badges{flex-wrap:wrap;gap:8px;display:flex}.tech-badge{background:var(--color-primary-soft);color:var(--color-primary);border-radius:var(--radius-lg);border:1px solid var(--color-border-focus);padding:4px 12px;font-size:11px;font-weight:600}@media screen and (max-width:900px){.projects-grid{grid-template-columns:1fr;max-width:500px}}