.project-page-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:28px;margin-top:40px;display:grid}.project-page-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;transition:transform .25s,box-shadow .25s;display:flex;overflow:hidden;box-shadow:0 1px 3px #0f172a0f}.project-page-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #0f172a1f}.project-page-image{aspect-ratio:16/10;background:#e2e8f0;position:relative;overflow:hidden}.project-page-image img{object-fit:cover;width:100%;height:100%;transition:transform .5s;display:block}.project-page-card:hover .project-page-image img{transform:scale(1.05)}.project-page-image span{letter-spacing:.03em;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172abf;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;position:absolute;top:12px;left:12px}.project-page-body{flex-direction:column;flex:1;padding:20px;display:flex}.project-meta{color:#64748b;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;font-size:13px;display:flex}.project-meta span{align-items:center;gap:4px;display:inline-flex}.project-page-body h3{color:#0f172a;margin:0 0 6px;font-size:18px;line-height:1.3}.project-page-body strong{color:#b45309;margin-bottom:10px;font-size:14px;font-weight:600;display:block}.project-page-body p{color:#475569;margin:0 0 16px;font-size:14px;line-height:1.6}.project-page-body .text-link{color:#b45309;align-items:center;gap:6px;margin-top:auto;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.project-page-body .text-link:hover{text-decoration:underline}.small-note{text-align:center;color:#64748b;max-width:760px;margin:32px auto 0;font-size:13px;line-height:1.6}@media (max-width:640px){.project-page-grid{grid-template-columns:1fr;gap:20px}}