/* Cartes communes : accueil, pages piliers et catalogue de réalisations. */
body.hdr-portfolio-page .hdr-project-card :is(.hdr-project-card-category, .hdr-project-card-client, .hdr-project-card-facts) { font-family: ui-monospace, 'SFMono-Regular', Consolas, 'Liberation Mono', monospace; font-size: .8125rem; font-weight: 400; line-height: 1.7; letter-spacing: .015em; color: var(--hdr-muted); }
body.hdr-portfolio-page .hdr-project-card .hdr-project-card-client { margin: 0 0 8px; color: var(--hdr-blue); }
body.hdr-portfolio-page .hdr-project-card { min-width: 0; }
body.hdr-portfolio-page .hdr-project-card-link { display: flex; flex-direction: column; height: auto; scroll-margin-top: calc(var(--hdr-admin-offset) + var(--hdr-header-height) + 24px); }
body.hdr-portfolio-page .hdr-project-card-image { flex: 0 0 auto; background: #f1f2f6; }
body.hdr-portfolio-page .hdr-project-card-image img { display: block; width: 100%; height: auto; }
body.hdr-portfolio-page .hdr-project-card-copy { display: flex; flex-direction: column; flex: 1; padding-top: 18px; }
body.hdr-portfolio-page .hdr-project-card-category { margin: 0 0 9px; overflow-wrap: anywhere; }
body.hdr-portfolio-page .hdr-project-card h3 { margin: 0; font: 400 clamp(1.5rem, 2vw, 2rem)/1.25 Arial, Helvetica, sans-serif; letter-spacing: -.025em; text-wrap: balance; }
body.hdr-portfolio-page .hdr-project-card-excerpt { margin: 12px 0 0; font-size: .9375rem; line-height: 1.7; color: var(--hdr-muted); }
body.hdr-portfolio-page .hdr-project-card-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 20px; margin-top: 18px; padding-top: 12px; border-top: 1px solid var(--hdr-line); }
body.hdr-portfolio-page .hdr-project-card-facts { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 18px; margin: 0; }
body.hdr-portfolio-page .hdr-project-card-surface { color: var(--hdr-blue); font-size: .9375rem; font-variant-numeric: tabular-nums; }
body.hdr-portfolio-page .hdr-project-card .hdr-text-link { margin: 0 0 0 auto; min-height: 38px; font-size: .875rem; }
body.hdr-portfolio-page .hdr-project-card-link:hover h3 { color: var(--hdr-blue); }
body.hdr-portfolio-page .hdr-project-card-link:focus-visible { outline-offset: 8px; }
body.hdr-portfolio-page .hdr-project-card-text { border-block: 1px solid var(--hdr-line); }
body.hdr-portfolio-page .hdr-project-card-text .hdr-project-card-copy { padding-block: 28px; }

@media (max-width: 760px) {
  body.hdr-portfolio-page .hdr-project-card-copy { padding-top: 16px; }
  body.hdr-portfolio-page .hdr-project-card h3 { font-size: 1.5rem; }
}