.ux-projects .row>div{margin-bottom:28px}.ux-projects .ux-card{color:inherit;background:#fff;border:1px solid #0f172a14;border-radius:16px;text-decoration:none;transition:transform .22s,box-shadow .22s,border-color .22s;display:block;overflow:hidden;transform:translateY(0);box-shadow:0 10px 28px #0f172a14}.ux-projects .ux-media{aspect-ratio:3/2;background:#f3f4f6;width:100%;margin:0;position:relative}.ux-projects .ux-media img{object-fit:cover;object-position:60% 50%;filter:saturate(1.02)contrast(1.02);width:100%;height:100%;transition:transform .35s,filter .35s;display:block;transform:scale(1)}.ux-projects .ux-media:after{content:"";pointer-events:none;background:linear-gradient(#0f172a00 45%,#0f172a38);position:absolute;inset:0}.ux-projects .ux-title-card{background:#fff;justify-content:space-between;align-items:center;gap:14px;margin-top:0;padding:14px 16px;display:flex}.ux-projects .ux-title{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:16px;font-weight:650;line-height:1.35;overflow:hidden}.ux-projects .ux-cta{color:#2563eb;white-space:nowrap;align-items:center;gap:8px;font-size:14px;font-weight:400;display:inline-flex}.ux-projects .ux-cta:after{content:"→";opacity:.9;transition:transform .22s,opacity .22s;transform:translate(0)}.ux-projects .ux-card:hover{border-color:#2563eb2e;transform:translateY(-4px);box-shadow:0 14px 40px #0f172a1f}.ux-projects .ux-card:hover .ux-media img{filter:saturate(1.08)contrast(1.05);transform:scale(1.04)}.ux-projects .ux-card:hover .ux-cta:after{opacity:1;transform:translate(3px)}.ux-projects .ux-card:active{transform:translateY(-2px)}@media (max-width:767px){.ux-projects .row>div{margin-bottom:18px}.ux-projects .ux-title-card{padding:12px 14px}.ux-projects .ux-title{font-size:15px}}.project-details .details-card{background:#fff;border:1px solid #0f172a14;border-radius:16px;margin-top:18px;padding:18px;box-shadow:0 10px 28px #0f172a14}.project-details .details-card p{opacity:.75;margin-bottom:6px}.project-details .details-card h5{margin:0}