/* Page service détaillée (page-service-detail.php) */
.svd-act{margin-top:clamp(30px,4vw,46px);margin-bottom:clamp(40px,5vw,64px)}
/* galerie d'en-tête (même grille que SME) */
.herogal{display:grid;grid-template-columns:1.7fr 1fr 1fr;grid-auto-rows:clamp(130px,15vw,225px);gap:clamp(10px,1.2vw,18px)}
.herogal .hg{border-radius:18px;overflow:hidden;background:var(--panel)}
.herogal .hg--big{grid-row:span 2}
.herogal .hg img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.1s var(--eo)}
.herogal .hg:hover img{transform:scale(1.04)}
@media(max-width:680px){.herogal{grid-template-columns:1fr 1fr}.herogal .hg--big{grid-column:span 2}}
/* ce qu'on fait */
.svd-inc{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.svd-inc__it{background:var(--bg);padding:clamp(24px,3vw,40px)}
.svd-inc__it h3{font-family:var(--display);font-weight:400;font-size:clamp(20px,2vw,26px);letter-spacing:-.01em;margin-bottom:10px}
.svd-inc__it p{font-size:14.5px;color:var(--m2);line-height:1.6}
@media(max-width:900px){.svd-inc{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.svd-inc{grid-template-columns:1fr}}
/* méthode */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.step{background:var(--bg);padding:clamp(24px,3vw,40px);min-height:210px;display:flex;flex-direction:column}
.step .sn{font-style:italic;color:var(--m1);font-size:clamp(30px,4vw,52px);line-height:1}
.step h3{font-family:var(--display);font-weight:400;font-size:clamp(19px,2vw,25px);margin:auto 0 10px;letter-spacing:-.01em}
.step p{font-size:13.5px;color:var(--m2);line-height:1.6}
@media(max-width:900px){.steps{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.steps{grid-template-columns:1fr}.step{min-height:0}.step h3{margin-top:18px}}
/* projets */
.svd-pr{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,28px)}
.svd-pr__it{display:block;color:inherit}
.svd-pr__it .fig{aspect-ratio:4/3;border-radius:18px;overflow:hidden;background:var(--panel)}
.svd-pr__it .fig img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--eo)}
.svd-pr__it:hover .fig img{transform:scale(1.04)}
.svd-pr__it h3{font-family:var(--display);font-weight:400;font-size:clamp(20px,2vw,26px);margin:16px 0 6px;letter-spacing:-.01em}
.svd-pr__it h3 .ar{color:var(--m1);transition:color .3s}
.svd-pr__it:hover h3 .ar{color:var(--accent)}
.svd-pr__it p{font-size:14px;color:var(--m2);line-height:1.55}
@media(max-width:820px){.svd-pr{grid-template-columns:1fr}}
/* budget */
.svd-bud{display:grid;grid-template-columns:1fr 1.3fr;gap:clamp(24px,5vw,80px);align-items:start}
.svd-bud h2{font-family:var(--display);font-weight:400;font-size:clamp(30px,4.4vw,60px);line-height:1;letter-spacing:-.03em;margin-top:14px}
.svd-bud p{font-size:16px;line-height:1.65;color:var(--m3);margin-bottom:16px;max-width:60ch}
.svd-link{display:inline-block;font-size:14px;color:var(--ink);border-bottom:1px solid var(--line2);padding-bottom:2px}
.svd-link:hover{border-color:var(--accent)}
@media(max-width:760px){.svd-bud{grid-template-columns:1fr}}
/* liens croisés */
.svd-other{margin-top:clamp(28px,3vw,40px);font-size:14.5px;color:var(--m2)}
.svd-other a{color:var(--ink);border-bottom:1px solid var(--line2)}
.svd-other a:hover{border-color:var(--accent)}
.svd-bud .k{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--m1)}