.project-cards-row{margin-top:40px}
.project-card{position:relative;border-radius:0;overflow:hidden;cursor:pointer;box-shadow:0 8px 32px rgba(0,0,0,.18);background:#111;transition:transform .32s ease,box-shadow .32s ease;height:240px}
.project-card:hover{transform:translateY(-6px);box-shadow:0 16px 48px rgba(0,0,0,.28)}
.project-card__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .42s ease}
.project-card:hover .project-card__img{transform:scale(1.06)}
.project-card__overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.04) 0,rgba(0,0,0,.12) 45%,rgba(0,0,0,.72) 100%);z-index:1}
.project-card__badge{position:absolute;top:16px;right:16px;z-index:2;background:rgba(255,255,255,.92);color:#222;font-size:12px;font-weight:600;letter-spacing:.5px;padding:5px 14px;border-radius:0;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.project-card__body{position:absolute;bottom:0;left:0;right:0;z-index:2;padding:20px 22px 22px;display:flex;align-items:flex-end;justify-content:space-between}
.project-card__title{color:#fff;font-size:18px;font-weight:700;margin:0;line-height:1.3;text-shadow:0 1px 6px rgba(0,0,0,.4)}
.project-card__link{display:inline-flex;align-items:center;gap:6px;color:#fff;font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap;transition:gap .2s ease,color .2s ease}
.project-card__link:hover{color:#f0c040;gap:10px}
.project-card__link .link-arrow{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:2px solid rgba(255,255,255,.75);font-size:15px;transition:border-color .2s ease,background .2s ease}
.project-card__link:hover .link-arrow{border-color:#f0c040;background:rgba(240,192,64,.15);color:#f0c040}
@media (max-width:991px){
.project-card{height:320px;margin-bottom:24px}
}
@media (max-width:575px){
.project-card{height:280px}
.project-card__title{font-size:15px}
}