.projects-page{padding-bottom:6rem}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;margin-top:4rem;display:grid}@media (max-width:768px){.projects-grid{grid-template-columns:1fr;gap:2rem}}.project-card{flex-direction:column;height:100%;padding:0;display:flex;overflow:hidden}.project-image{border-bottom:1px solid var(--border-loud);background-position:50%;background-size:cover;width:100%;height:200px;position:relative}.project-image:before{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#64748b1a 2px 4px);position:absolute;inset:0}.project-image:after{content:"";background:linear-gradient(to bottom,transparent,var(--bg-card));position:absolute;inset:0}.project-details{flex-direction:column;flex:1;padding:1.5rem;display:flex}.project-details h3{margin-bottom:1rem;font-size:1.5rem}.project-details p{color:var(--text-secondary);flex:1;margin-bottom:1.5rem;line-height:1.6}.tech-stack{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.tech-badge{color:var(--neon-cyan);font-size:.75rem;font-family:var(--font-audiowide);letter-spacing:1px;text-transform:uppercase;background:#64748b0d;border:1px solid #64748b66;border-radius:2px;padding:.2rem .8rem;transition:all .3s}.tech-badge:hover{background:#64748b33;box-shadow:0 0 10px #64748b4d}.project-actions{margin-top:auto}