/* /projects: one card per project in src/site-chrome.mjs PROJECTS. */
.projects-main{padding-bottom:40px}
.profile-heading p a{color:var(--accent-600);font-weight:700}
.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:8px}
.project-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}
.project-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
.project-cover{display:block;aspect-ratio:16/10;background:var(--surface-3);overflow:hidden}
.project-cover img{width:100%;height:100%;object-fit:cover;display:block}
.project-copy{display:flex;flex-direction:column;gap:8px;padding:20px 22px 22px;flex:1}
.project-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0;font-size:var(--fs-xs);color:var(--text-subtle)}
.project-stage{padding:3px 9px;border-radius:var(--r-pill);background:var(--accent-50);border:1px solid var(--accent-200);color:var(--accent-700);font-weight:700}
.project-copy h2{margin:4px 0 0;font-family:var(--font-display);font-size:var(--fs-xl);font-weight:600;letter-spacing:-.5px}
.project-copy h2 a:hover{color:var(--accent-600)}
.project-tagline{margin:0;font-weight:600;color:var(--text-2)}
.project-copy p:not(.project-meta):not(.project-tagline){margin:0;font-size:var(--fs-base);line-height:1.65;color:var(--text-muted)}
.project-copy .quiet-link{margin-top:auto;padding-top:10px;color:var(--accent-600)}
.projects-more{margin:36px 0 0;color:var(--text-muted)}
.projects-more a{color:var(--accent-600);font-weight:700}
@media(max-width:1000px){.project-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.project-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.project-card{transition:none}}