/* Navigation des six prestations sur l’accueil. */
#services .card { display: flex; flex-direction: column; min-width: 0; }
#services .card > p { margin-bottom: 18px; }
#services .card > .service-discovery {
  align-self: flex-start;
  margin-top: auto;
  min-height: 44px;
  max-width: 100%;
  gap: 8px;
  font-size: .9375rem;
  line-height: 1.4;
  white-space: nowrap;
  text-decoration: none;
}
#services .service-discovery-label {
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-thickness: 1px;
}
#services .service-discovery-arrow { text-decoration: none; }

/* Pages dédiées : même identité, texte confortable et photos entières. */
.service-page .project-hero { padding: 72px 0 52px; }
.service-page .project-hero h1 { max-width: 1000px; font-size: clamp(2.1rem, 5vw, 4rem); line-height: 1.1; }
.service-page .project-hero p { font-size: 1.0625rem; line-height: 1.7; max-width: 760px; }
.service-page .project-hero .eyebrow { display: block; margin-bottom: 16px; font-size: .8125rem; }
.service-page .breadcrumb { font-size: .875rem; line-height: 1.6; }
.service-page .project-facts { margin-top: 30px; }
.service-page .project-facts span { font-size: .75rem; }
.service-page .project-facts strong { font-size: 1rem; }
.service-page .service-content { padding: 64px 0 76px; }
.service-content-grid { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(0, .75fr); gap: 56px; align-items: start; }
.service-explanation { min-width: 0; }
.service-explanation > h2 { font-size: clamp(1.75rem, 3vw, 2.7rem); line-height: 1.15; }
.service-explanation > h3 { margin-top: 32px; font-size: 1.5rem; line-height: 1.2; }
.service-explanation p { max-width: 72ch; margin: 18px 0 0; font-size: 1rem; line-height: 1.75; color: #554f49; }
.service-explanation .service-area { margin-top: 30px; padding-top: 22px; border-top: 1px solid #d9d3ca; }
.service-example { min-width: 0; border: 1px solid #d9d3ca; background: #fff; }
.service-example > img { display: block; width: 100%; height: auto; }
.service-example-copy { padding: 26px; }
.service-example-copy .eyebrow { color: #77503a; font-size: .75rem; }
.service-example-copy h2 { margin: 12px 0 0; font-size: 1.65rem; line-height: 1.18; }
.service-example-copy p { margin: 16px 0 12px; color: #554f49; font-size: 1rem; line-height: 1.65; }
.service-example-copy .service-discovery { font-size: .9375rem; }
.service-page .contact { padding: 64px 0; }
.service-page .contact h2 { font-size: clamp(2rem, 4vw, 3.3rem); }
.service-page .contact p { font-size: 1rem; line-height: 1.7; }
.service-page .contact .btn { background: #b56d4d; border-color: #b56d4d; color: #fff; }
.service-page .contact .btn-outline { background: transparent; border-color: #817268; }
@media (max-width: 850px) {
  .service-page .wrap { width: calc(100% - 40px); }
  .service-page .project-hero { padding: 48px 0 38px; }
  .service-page .project-hero h1 { font-size: clamp(2rem, 7vw, 3.2rem); }
  .service-page .project-hero p { font-size: 1rem; }
  .service-page .service-content { padding: 44px 0 52px; }
  .service-content-grid { grid-template-columns: minmax(0, 1fr); gap: 36px; }
  .service-example { display: grid; grid-template-columns: minmax(0, .42fr) minmax(0, .58fr); align-items: center; }
  .service-example-copy { padding: 20px; }
  .service-example-copy h2 { font-size: 1.375rem; }
  .service-page .contact { padding: 48px 0; }
  .service-page .contact-grid { gap: 28px; }
  .service-page .hours .btn { width: 100%; }
}
@media (max-width: 360px) {
  #services .card > .service-discovery { font-size: .875rem; gap: 6px; }
  .service-example-copy { padding: 14px; }
  .service-example-copy h2 { font-size: 1.25rem; }
}