.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px;align-items:start}@media (max-width:768px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.projects-grid{grid-template-columns:1fr}}.projects-column{display:flex;flex-direction:column;gap:24px}.project-card{background:white;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:all .3s cubic-bezier(.4,0,.2,1)}.project-card,.project-image-container{position:relative;width:100%}.project-image{width:100%;height:auto;display:block;transition:transform .3s cubic-bezier(.4,0,.2,1)}.project-overlay{background:rgba(255,255,255,.95);backdrop-filter:blur(8px);padding:1.5rem;max-height:0;overflow:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1),padding .3s cubic-bezier(.4,0,.2,1)}.project-card:hover .project-overlay{max-height:300px;padding:1.5rem}.project-card:not(:hover) .project-overlay{padding-top:0;padding-bottom:0}.project-card:hover .project-image{transform:scale(1.02)}.project-info{margin-bottom:1rem}.project-title{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:.5rem;line-height:1.3;-webkit-line-clamp:1;line-clamp:1}.project-description,.project-title{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.project-description{color:#6b7280;margin-bottom:.75rem;line-height:1.4;font-size:.9rem;-webkit-line-clamp:2;line-clamp:2}.project-creator{display:flex;align-items:center;gap:8px;margin-bottom:1rem;color:#374151;font-size:.875rem;line-height:1}.creator-avatar{border-radius:50%;flex-shrink:0}.creator-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.project-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#1f2937;color:white;text-decoration:none;border-radius:6px;font-size:.875rem;font-weight:500;transition:background-color .2s ease-in-out;border:none;cursor:pointer}.project-button:hover{background:#374151}.no-projects{text-align:center;padding:4rem 0;color:#6b7280}