/* Gabarit et typographies hérités de la page À PROPOS. */
.services-page { width: 81%; max-width: 1600px; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 2.6%; row-gap: 0; padding-top: 70px; padding-bottom: 130px; }
.services-page .about-heading { grid-row: 1; }
.services-page .about-heading::after { width: 27px; margin-top: 20px; }
.services-visuals { grid-column: 1; grid-row: 2; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; align-self: start; }
.services-visuals img { display: block; width: 100%; height: auto; }
/* Quatre images à plat, couleurs originales. */
.services-visuals, .services-visuals img { box-shadow: none; filter: none; }
.services-copy { padding-top: 30px; }
.services-copy .services-intro { font: italic 400 clamp(14.4px, .96vw, 17.6px)/1.25 var(--font-heading); letter-spacing: .025em; margin-bottom: 44px; }
.services-copy h2 { margin-bottom: 10px; }
.services-copy p, .services-list { font-size: 13px; line-height: 1.25; letter-spacing: .025em; }
.services-copy p { margin-bottom: 14px; }
.services-copy .services-lead { font-weight: 500; margin-bottom: 8px; }
.services-copy section + section { margin-top: 32px; }
.services-list { list-style: none; padding: 0; margin: -14px 0 0; }
.services-copy .services-list, .services-copy .services-list li { font-weight: 300; font-style: normal; }
.services-list li::before { content: '~ '; }
.services-contact { font-weight: 500; display: inline-block; margin-top: 40px; position: relative; border: 1px solid transparent; padding: 3px 5px; color: inherit; font-size: 10.2px; line-height: 1.4; text-decoration: none; }
/* Filet à demi-épaisseur, géométrie du bloc conservée. */
.services-contact::after { content: ""; position: absolute; inset: -1px; border: .5px solid currentColor; pointer-events: none; }
.services-contact:hover { opacity: .7; }
.services-contact:focus-visible { outline: 2px solid currentColor; outline-offset: 5px; }
@media (max-width: 1000px) { .services-page { width: 88%; column-gap: 4%; } .services-visuals { gap: 14px; } }
@media (max-width: 760px) {
 .services-page { display: flex; flex-direction: column; width: auto; margin: 0 24px; padding: 38px 0 60px; gap: 30px; }
 .services-page .about-heading { text-align: center; order: 0; }
 .services-page .about-heading::after { margin-inline: auto; }
 .services-visuals { order: 1; width: 100%; gap: 14px; }
 .services-copy { order: 2; padding-top: 0; }
 .services-copy p, .services-list { font-size: 15.5px; line-height: 1.6; }
 .services-copy .services-intro { font-size: 16px; line-height: 1.4; margin-bottom: 34px; }
 .services-copy h2 { font-size: 16px; }
 .services-contact { font-size: 10.2px; margin-top: 30px; }
}