.container{background-color:var(--bg-main);width:100%;padding:60px 40px}.heading{letter-spacing:-.05em;color:var(--text-primary);margin-bottom:24px;font-size:max(2.2rem,min(6vw,3.2rem));font-weight:800;line-height:1.1}.projects-actions{border-bottom:1px solid var(--border-color);flex-direction:row;justify-content:flex-end;align-items:center;width:100%;margin-bottom:40px;padding-bottom:32px;display:flex}.projects-actions .search-input-cont{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:8px;align-items:center;width:100%;max-width:400px;padding:8px 16px;display:flex}.projects-actions .search-icon{color:var(--text-muted);margin-right:10px}.search-input{width:100%;color:var(--text-primary);background:0 0;border:none;outline:none;font-size:.95rem}.grid{grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:24px;display:grid}.card{background-color:var(--bg-main);border-radius:20px;flex-direction:row;display:flex;overflow:hidden}.card:hover{box-shadow:0 4px 12px var(--shadow-color);transform:translateY(-2px)}.card .img-container{border-right:1px solid var(--border-color);background-color:#fff;justify-content:center;align-items:center;width:180px;padding:20px;display:flex}.card img{object-fit:contain;width:100%;height:100%}.card-content{flex-direction:column;flex:1;justify-content:space-between;padding:24px;display:flex}.card-content h2{letter-spacing:-.02em;color:var(--text-primary);margin-bottom:8px;font-size:1.25rem;font-weight:700}.card-content .short-description{color:var(--text-secondary);margin-bottom:16px;font-size:.95rem;line-height:1.5}.tech-badges{flex-wrap:wrap;gap:6px;display:flex}.tech-badge{background-color:var(--bg-muted);color:var(--text-tertiary);border:1px solid var(--border-color);border-radius:6px;padding:4px 10px;font-size:.7rem;font-weight:500}.link-icon{color:var(--text-muted);align-self:flex-end}.card:hover .link-icon{color:var(--link-color);transform:translate(-2px,-2px)}@media screen and (max-width:768px){.container{padding:60px 20px}.grid{grid-template-columns:1fr}.card{flex-direction:column}.card .img-container{border-right:none;border-bottom:1px solid var(--border-color);width:100%;height:200px}.heading{font-size:2.2rem}}