/* V18 — Les quatre services dès l'arrivée sur la page. */
.v18-svc-intro { padding: 40px 0 30px; }
.v18-svc-intro-inner { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(0,.8fr); align-items: end; gap: 50px; }
.v18-svc-eyebrow { margin: 0 0 15px; font-size: 11px; letter-spacing: .11em; text-transform: uppercase; font-weight: 600; color: #925334; }
.v18-svc-intro h1 { margin: 0; font-size: clamp(35px,3.75vw,52px); line-height: 1.05; letter-spacing: -.055em; font-weight: 500; }
.v18-svc-intro h1 em { font-family: var(--serif); font-weight: 400; letter-spacing: -.025em; color: var(--accent); }
.v18-svc-intro-copy { max-width: 380px; margin: 0 0 3px; font-size: 14px; line-height: 1.75; color: #5b625b; }
.v18-svc-overview { padding: 0 0 46px; }
.v18-svc-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 17px; }
.v18-svc-card { min-width: 0; background: var(--white); border: 1px solid var(--line); }
.v18-svc-card-link { display: flex; height: 100%; flex-direction: column; transition: background .2s ease; }
.v18-svc-card-link:hover { background: #f1eee6; }
.v18-svc-card-link:focus-visible { outline: 2px solid #925334; outline-offset: 5px; }
.v18-svc-media { height: clamp(140px,13vw,180px); position: relative; overflow: hidden; background: #ebe7de; }
.v18-svc-media img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; }
.v18-svc-media-web img, .v18-svc-media-seo img { object-fit: contain; }
.v18-svc-media-web { background: #f3f1ec; }
.v18-svc-media-seo { background: #f2eee5; }
.v18-svc-media-social { background: #b4694a; }
.v18-svc-media-social img { width: 52%; height: 150%; margin: -15px auto 0; object-fit: contain; transform: rotate(6deg); }
.v18-svc-media-brand img { object-fit: cover; }
.v18-svc-card-link:hover .v18-svc-media img { transform: scale(1.035); }
.v18-svc-card-link:hover .v18-svc-media-social img { transform: rotate(6deg) scale(1.035); }
.v18-svc-number { position: absolute; top: 10px; left: 10px; width: 27px; height: 27px; border: 1px solid #d8d1c5; background: #fffcf7; color: #7c4830; display: grid; place-items: center; font-size: 10px; font-weight: 600; }
.v18-svc-card-copy { padding: 20px 18px 17px; display: flex; flex: 1; flex-direction: column; }
.v18-svc-card h2 { margin: 0; min-height: 2.25em; font-size: clamp(21px,1.9vw,27px); line-height: 1.1; letter-spacing: -.045em; font-weight: 500; }
.v18-svc-card p { margin: 13px 0 19px; font-size: 12px; line-height: 1.75; color: #5b625b; }
.v18-svc-discover { display: flex; justify-content: space-between; align-items: center; margin-top: auto; padding-top: 13px; border-top: 1px solid var(--line); font-size: 11px; font-weight: 600; }
.v18-svc-discover > span { font-size: 19px; transition: transform .2s ease; }
.v18-svc-card-link:hover .v18-svc-discover > span { transform: translate(2px,-2px); }
.v18-svc-caption { margin: 15px 0 0; font-size: 11px; line-height: 1.65; color: #656b63; }
@media (max-width: 1099px) and (min-width: 681px) {
 .v18-svc-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 15px; }
 .v18-svc-card-link { flex-direction: row; }
 .v18-svc-media { height: auto; flex: 0 0 31%; min-height: 220px; }
 .v18-svc-card-copy { padding: 18px 15px; }
 .v18-svc-card h2 { min-height: 0; font-size: 23px; }
 .v18-svc-card p { margin: 10px 0 13px; font-size: 12px; line-height: 1.6; }
 .v18-svc-media-social img { width: 95%; height: 100%; margin: 0 auto; }
 .v18-svc-intro-inner { gap: 28px; }
}
@media (max-width: 680px) {
 .v18-svc-intro { padding: 28px 0 23px; }
 .v18-svc-intro-inner { display: block; }
 .v18-svc-eyebrow { margin-bottom: 11px; font-size: 10px; }
 .v18-svc-intro h1 { font-size: clamp(32px,8.2vw,43px); }
 .v18-svc-intro-copy { font-size: 12px; line-height: 1.65; margin: 16px 0 0; max-width: 430px; }
 .v18-svc-grid { grid-template-columns: 1fr; gap: 12px; }
 .v18-svc-card-link { flex-direction: row; }
 .v18-svc-media { height: auto; flex: 0 0 26%; min-height: 149px; }
 .v18-svc-media-social img { width: 100%; height: 100%; margin: 0 auto; }
 .v18-svc-number { top: 7px; left: 7px; height: 23px; width: 23px; font-size: 9px; }
 .v18-svc-card-copy { padding: 14px; }
 .v18-svc-card h2 { min-height: 0; font-size: 22px; }
 .v18-svc-card p { margin: 8px 0 11px; font-size: 11px; line-height: 1.6; }
 .v18-svc-discover { padding-top: 8px; font-size: 10px; }
 .v18-svc-discover > span { font-size: 15px; }
 .v18-svc-caption { font-size: 10px; }
 .v18-svc-overview { padding-bottom: 30px; }
}
@media (prefers-reduced-motion: reduce) {
 .v18-svc-card-link, .v18-svc-media img, .v18-svc-discover > span { transition: none; }
}
/* Chiffres V18 — valeur, intitulé et périmètre lisibles ensemble. */
.v17-stats>.wrap{grid-template-columns:.65fr 3.35fr;gap:28px;align-items:start}.v17-stats-heading{padding-top:8px}.v17-stats .stat-card .v18-stat-label{font-size:12px;font-weight:500;margin:9px 0 7px;color:#444e42}.v17-stats .stat-card .v18-stat-context{font-size:10px;line-height:1.6;color:#6a7366;margin:0;max-width:220px}.v17-stats{padding:26px 0 30px}.v17-stats .stat-card{height:100%}
@media(max-width:850px){.v17-stats>.wrap{grid-template-columns:1fr;gap:20px}.v17-stats-heading{padding-top:0}.v17-stats .stat-card .v18-stat-context{font-size:10px;max-width:230px}}
@media(max-width:600px){.v17-stats .stats-grid{gap:23px 16px}.v17-stats .stat-card .v18-stat-label{font-size:12px}.v17-stats .stat-card .v18-stat-context{font-size:10px;line-height:1.55}}