/* Exemples de dépose et de reconstruction de supports. */
.support-projects { margin-top: 48px; padding-top: 36px; border-top: 1px solid #d9d3ca; }
.support-projects > h2 { max-width: 900px; font-size: clamp(1.75rem, 3vw, 2.7rem); line-height: 1.15; margin-bottom: 28px; }
.support-projects-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.support-projects .service-example { display: grid; grid-template-columns: minmax(0, .42fr) minmax(0, .58fr); align-items: start; }
.support-projects .service-example > img { width: 100%; height: auto; }
.support-projects .service-example-copy { padding: 22px; }
.support-projects .service-example-copy h3 { margin: 12px 0 0; font-size: 1.5rem; line-height: 1.2; }
.support-projects .service-discovery { white-space: normal; line-height: 1.5; min-height: 44px; }
@media (max-width: 1050px) {
  .support-projects-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 520px) {
  .support-projects .service-example-copy { padding: 18px; }
  .support-projects .service-example-copy h3 { font-size: 1.375rem; }
}

.support-projects h3{overflow-wrap:anywhere}
@media(max-width:520px){.support-projects .service-example{grid-template-columns:minmax(0,1fr)}.support-projects .service-example>img{max-height:380px;object-fit:cover}}