/* GVisuel — page Services (bloc services_poles, brouillon Wix) : boutons fléchés, prestation mise en avant et
   cartes avec bandeau sombre (texte blanc), accordéon fin. Chargée seulement par la page qui affiche ce bloc. */
.main:has(>.svc,>.b-multi)>.page-t{max-width:11em}
.svc .btns .btn::after{opacity:1;margin-right:0;-webkit-mask-image:var(--arrow-r);mask-image:var(--arrow-r)}
:root{--arrow-r:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M0 5h9M5 1l4 4-4 4' fill='none' stroke='%23000' stroke-width='1.3'/%3E%3C/svg%3E")}
.svc-gal{gap:var(--gap)}
.svc-lead,.svc-trio .blk picture{border-radius:var(--r)}
/* Bandeau : dégradé noir en bas de l'image (texte blanc ≥ 4,5:1 sur la zone du texte) */
.svc-feat,.svc-trio .blk{position:relative;isolation:isolate;overflow:hidden;color:var(--white);background:#2a2a2a}
.svc-feat{display:flex;align-items:flex-end}
.svc-feat picture,.svc-trio .blk picture{position:absolute;inset:0;z-index:-2}
.svc-feat img,.svc-trio .blk img{width:100%;height:100%;object-fit:cover}
.svc-feat::after,.svc-trio .blk::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(0,0,0,.78),rgba(0,0,0,.55) 22%,rgba(0,0,0,0) 48%)}
.svc-feat-noimg{aspect-ratio:auto;min-height:240px;background:var(--black)}
.svc-feat-t{display:grid;padding:clamp(20px,6vw,88px);padding-block:clamp(18px,2.6vw,40px)}
.svc-feat-t h3,.svc-feat-t p{font:500 var(--t-4)/1.15 var(--sans);letter-spacing:0}

.svc-feat-t p{font-weight:400}
.svc-trio{row-gap:var(--gap)}
.svc-trio .blk{aspect-ratio:1;border-radius:var(--r);align-content:end;justify-items:center;gap:4px;padding:18px 16px;text-align:center}
.svc-trio .blk-t{font:500 var(--t-b)/1.2 var(--sans);letter-spacing:0}
.svc-trio .blk-t+p{color:inherit;font-size:var(--t-xs)}
@media (min-width:40em){.grid.svc-trio{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* Accordéon : lignes fines sur toute la largeur, titre à gauche, « + » à droite */
.svc .acc{margin-top:calc(var(--gap) - var(--hd));border-top:0}
.svc .acc-i summary{padding:clamp(10px,.9vw,14px) clamp(0px,3.4vw,48px)}
.svc .acc-t{font:500 var(--t-b)/1.25 var(--sans);letter-spacing:0}
.svc .acc-i summary::after{width:14px;height:14px;background-size:100% 3px,3px 100%}
.svc .acc-p{padding-inline:clamp(0px,3.4vw,48px)}
@media (max-width:39.99em){.svc-trio .blk{aspect-ratio:4/3}}
@media (min-width:30em){.main:has(>.svc,>.b-multi)>.page-t{-webkit-hyphens:manual;hyphens:manual}}
/* Volet ouvert : texte + PETITE image à droite (sous le texte sur mobile) */
.svc .acc-p{grid-template-columns:minmax(0,1fr) clamp(180px,19vw,280px);gap:20px clamp(24px,4vw,64px)}
.svc .acc-p-noimg{grid-template-columns:minmax(0,1fr)}
.svc .acc-p picture{aspect-ratio:4/3;width:100%}
@media (max-width:47.99em){.svc .acc-p{grid-template-columns:1fr}.svc .acc-p picture{max-width:220px}}
/* En-tête d'un pôle : étiquettes alignées sur le haut du texte de droite (« Chez GVisuel… »), titre dessous (même écart) */
.svc .split{align-items:start}
.prose .acc-dl{margin-top:20px}.acc-dl .btn{text-decoration:none}