/* Match the homepage case-study cards within the profile layout. */
#projects .project-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
#projects .project-card{display:flex;flex-direction:column;background:#fff;border:1px solid rgba(148,163,184,.25);border-radius:18px;padding:16px;box-shadow:0 4px 16px rgba(2,6,23,.06)}
#projects .project-card h3{margin:0 0 7px;font-size:19px;letter-spacing:-.02em}
#projects .project-type{display:inline-flex;width:fit-content;margin:0 0 12px;padding:3px 8px;border-radius:999px;background:rgba(15,23,42,.035);border:1px solid rgba(148,163,184,.18);color:#64748b;font-size:11px;font-weight:750}
#projects .project-gallery{display:grid;gap:8px;margin-bottom:14px}
#projects .project-main-button{display:block;width:100%}
#projects .project-image{width:100%;aspect-ratio:16/9;display:block;object-fit:cover;border-radius:10px;border:1px solid rgba(148,163,184,.28);background:#f8fafc;box-shadow:0 8px 20px rgba(15,23,42,.08)}
#projects .project-card>p{margin:0;color:var(--muted);font-size:14px}
#projects .project-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
#projects .project-tag{font-size:12px;font-weight:700;padding:6px 10px;border-radius:999px;background:rgba(15,23,42,.05);border:1px solid rgba(148,163,184,.25)}
#projects .project-impact{margin-top:12px;padding:12px 13px;border-radius:11px;background:#ecfdf5;color:#14532d;font-size:13px}
#projects .project-impact strong{color:#166534}
#projects .project-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:auto;padding-top:13px}
#projects .project-link{display:inline-flex;align-items:center;justify-content:center;font-weight:850;font-size:13px;text-decoration:none;color:#fff;padding:8px 12px;border-radius:999px;background:linear-gradient(135deg,#2563eb,#14b8a6);box-shadow:0 8px 18px rgba(37,99,235,.16)}
#projects .project-link.secondary{color:#334155;background:#f8fafc;border:1px solid var(--border);box-shadow:none}
#projects .project-main-button{appearance:none;border:0;padding:0;background:transparent;cursor:zoom-in}
#projects .project-main-button:focus-visible{outline:2px solid #2563eb;outline-offset:4px;border-radius:10px}
#projects .section-intro{margin:0 0 24px;color:var(--muted)}
@media(max-width:680px){#projects .project-card-grid{grid-template-columns:minmax(0,1fr)}}