.home-main{max-width:1100px;margin:80px auto 40px;padding:0 16px}.home-header{text-align:center;margin-bottom:12px}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;align-items:stretch}.project-card{display:flex;flex-direction:column;border-radius:12px;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,0.92),rgba(255,255,255,0.9));border:1px solid rgba(0,0,0,0.03);cursor:pointer;transition:transform .24s ease}.project-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(6,24,44,0.08)}.card-thumb{height:140px;background-size:cover;background-position:center}.thumb-overlay{position:absolute;left:10px;bottom:10px;background:rgba(0,0,0,0.45);color:#fff;padding:6px 8px;border-radius:8px;font-weight:700}.card-body{padding:12px}.card-title{margin:0;font-size:1.02rem}.card-location{color:#345a6d}.card-footer{display:flex;justify-content:space-between;align-items:center;padding:10px;background:linear-gradient(180deg,rgba(255,255,255,0.98),rgba(255,255,255,0.98));border-top:1px solid rgba(0,0,0,0.03)}.view-btn{background:linear-gradient(90deg,#0d6efd,#00b4d8);color:#fff;padding:8px 12px;border-radius:10px;border:none}

/* enhanced tile visuals */
.project-card { border-radius:16px; background: linear-gradient(180deg, rgba(255,255,255,0.95), rgba(245,250,255,0.92)); padding:0; overflow:hidden; }
.card-body { padding:14px 16px; }
.card-title { font-family: 'Poppins', Inter, system-ui, -apple-system; font-weight:700; font-size:1.08rem; color:#07263a; }
.card-location { font-size:0.9rem; color:#2b5568; opacity:0.95; }
.meta-chip { background: linear-gradient(90deg, rgba(13,110,253,0.09), rgba(0,180,216,0.06)); color:#053047; padding:6px 10px; border-radius:12px; font-weight:700; }
.project-card .card-footer { padding:12px 14px; }
.project-card .view-btn { padding:8px 12px; border-radius:10px; box-shadow: 0 8px 22px rgba(7,24,44,0.08); }
.card-thumb { height:160px; border-bottom:1px solid rgba(0,0,0,0.04); }
@media (max-width:640px){ .card-thumb{height:200px} .card-title{font-size:1.05rem} }

.thumb-tag{position:absolute;left:12px;top:12px;background:linear-gradient(90deg,var(--accent1),var(--accent2));color:#fff;padding:6px 10px;border-radius:10px;font-weight:700;z-index:3}
.card-thumb{position:relative}