/* Atelier & services — géométrie de la référence 1024 × 285. */
.acc-workshop-shell{container-type:inline-size}
.acc-workshop{--wu:calc(100cqw / 1024);position:relative;isolation:isolate;overflow:hidden;height:calc(285 * var(--wu));border-block:1px solid rgba(219,224,216,.28);background:radial-gradient(ellipse at 57% 51%,#0b100d 0%,#080b0c 72%);color:#f4f4f1}
.acc-workshop__visual{position:absolute;inset:0 auto 0 0;width:calc(448 * var(--wu));overflow:hidden;margin:0;pointer-events:none}
/* Seule la partie photo de la source est visible ; toute l’interface est en HTML/SVG. */
.acc-workshop__visual img{display:block;width:228.571429%;max-width:none;height:auto;margin:0}
.acc-workshop__copy{position:absolute;left:calc(476 * var(--wu));top:calc(26 * var(--wu));right:calc(25 * var(--wu));bottom:0}
.acc-workshop__eyebrow{margin:0 0 calc(8 * var(--wu));color:#a6d515;font:500 calc(12 * var(--wu))/calc(15 * var(--wu)) Arial,Helvetica,sans-serif;text-transform:uppercase}
.acc-workshop h2{margin:0;color:#f1f1ef;font:700 calc(32 * var(--wu))/1.13 'ACC Contact','Arial Narrow',Arial,sans-serif;letter-spacing:calc(.8 * var(--wu));text-transform:uppercase}
.acc-workshop h2::after{content:"";display:block;width:calc(35 * var(--wu));height:1px;margin-top:calc(8 * var(--wu));background:#91b921}
.acc-workshop__description{margin:calc(12 * var(--wu)) 0 0;color:#f0f1ef;font:400 calc(13 * var(--wu))/calc(21.5 * var(--wu)) Arial,Helvetica,sans-serif}
.acc-workshop__services{position:absolute;top:calc(147 * var(--wu));left:0;display:flex;align-items:center;gap:calc(28 * var(--wu));margin:0;padding:0;list-style:none}
.acc-workshop__services li{display:flex;align-items:center;gap:calc(8 * var(--wu));color:#f4f4f1;font:500 calc(12.5 * var(--wu))/1.3 Arial,Helvetica,sans-serif;white-space:nowrap}
.acc-workshop__services svg{display:block;flex:none;width:calc(24 * var(--wu));height:calc(24 * var(--wu));fill:none;stroke:#a2cf0c;stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round}
.acc-workshop__button{position:absolute;top:calc(197 * var(--wu));left:0;display:inline-flex;align-items:center;justify-content:space-between;width:calc(192 * var(--wu));height:calc(37 * var(--wu));padding:0 calc(18 * var(--wu));border:1px solid #82a618;border-radius:calc(5 * var(--wu));background:linear-gradient(110deg,#98c31b,#87b21d);color:#080d03;font:700 calc(12 * var(--wu))/1 Arial,Helvetica,sans-serif;letter-spacing:calc(.1 * var(--wu));white-space:nowrap;text-transform:uppercase;transition:background .2s,box-shadow .2s}
.acc-workshop__button svg{flex:none;width:calc(14 * var(--wu));height:calc(14 * var(--wu));fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.acc-workshop__button:hover{background:linear-gradient(110deg,#b4df33,#a0cf26);box-shadow:0 0 18px #a2cf0c28}
.acc-workshop__button:focus-visible{outline:2px solid #d7f284;outline-offset:4px}
@media(max-width:850px){
 .acc-workshop{--wu:1px;height:auto}
 .acc-workshop__visual{position:relative;inset:auto;width:100%;height:clamp(210px,56vw,320px)}
 .acc-workshop__visual::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#080c0b,transparent 22%)}
 .acc-workshop__copy{position:relative;inset:auto;padding:25px 32px 31px}
 .acc-workshop__eyebrow{font-size:12px;line-height:16px;margin-bottom:8px}
 .acc-workshop h2{font-size:32px;line-height:1.13;letter-spacing:.8px}
 .acc-workshop h2::after{width:35px;margin-top:9px}
 .acc-workshop__description{max-width:620px;font-size:15px;line-height:1.6;margin-top:14px}
 .acc-workshop__desktop-break{display:none}
 .acc-workshop__services{position:static;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:23px 0 0}
 .acc-workshop__services li{gap:10px;font-size:13px}
 .acc-workshop__services svg{width:25px;height:25px}
 .acc-workshop__button{position:static;width:201px;height:42px;margin-top:26px;padding:0 18px;font-size:13px;border-radius:5px}
 .acc-workshop__button svg{width:15px;height:15px}
}
@media(max-width:600px){
 .acc-workshop__copy{padding:23px 24px 28px}
 .acc-workshop__services{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 13px}
}
@media(max-width:370px){
 .acc-workshop__copy{padding-inline:22px}
 .acc-workshop h2{font-size:29px;letter-spacing:.6px}
 .acc-workshop__services li{font-size:12px;gap:8px}
}
@media(prefers-reduced-motion:reduce){.acc-workshop__button{transition:none}}
