.projects-section{padding:70px 20px;background:#f8fafc}.projects-header{text-align:center;max-width:700px;margin:0 auto 50px}.projects-header h2{font-size:2.2rem;color:#0f172a;margin-bottom:12px}.projects-header p{font-size:1rem;color:#475569;line-height:1.7}.projects-grid{max-width:1150px;margin:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:28px;gap:28px}.project-card{background:#fff;border-radius:12px;overflow:hidden;border:1px solid #e5e7eb;transition:.3s ease;display:flex;flex-direction:column}.project-card:hover{transform:translateY(-6px);box-shadow:0 12px 30px rgba(0,0,0,.08)}.project-image img{width:100%;height:180px;object-fit:cover}.project-content{padding:20px;display:flex;flex-direction:column;flex:1 1}.project-content h3{font-size:1.2rem;margin-bottom:10px;color:#111827}.project-content p{font-size:.95rem;color:#4b5563;line-height:1.6;flex:1 1}.view-btn{align-self:flex-start;margin-top:15px;background:#2563eb;color:#fff;border:none;padding:9px 18px;font-size:.85rem;border-radius:6px;cursor:pointer}.view-btn a{color:#fff;text-decoration:none}.view-btn:hover{background:#1d4ed8}@media (max-width:600px){.projects-header h2{font-size:1.8rem}.project-image img{height:160px}}