/* Selected Atelier objects. Scoped separately to preserve historical studies. */
.atelier-services { container-type: inline-size; min-width: 0; }
.atelier-services .service-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 32px 34px; }
.atelier-services .service-grid article { display: block; min-width: 0; }
.atelier-services .service-grid h3 { font-size: 17px; line-height: 1.35; font-weight: 560; margin: 0 0 10px; color: var(--accent); }
.atelier-services .service-grid p { font-size: 15px; line-height: 1.65; margin: 0; color: var(--muted); }
@container (max-width: 420px) {
  .atelier-services .service-grid { grid-template-columns: 1fr; gap: 26px; }
}

/* Small material studies around the existing Lucide paths. No icon paths are altered. */
.atelier-services{color:#282625}
.atelier-services .section-intro{max-width:47ch;margin-bottom:29px}
.atelier-services .service-grid{column-gap:27px;row-gap:30px}
.atelier-services .service-grid>article{display:grid;grid-template-columns:59px minmax(0,1fr);column-gap:15px;align-content:start;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;min-width:0}
.atelier-services .service-grid>article>h3{grid-column:2;grid-row:1;margin:4px 0 9px;font-size:17px;line-height:1.3;font-weight:550;letter-spacing:-.015em;min-width:0}
.atelier-services .service-grid>article>p{grid-column:2;grid-row:2;margin:0;font-size:15px;line-height:1.65;color:#665f5a;min-width:0;max-width:32ch}
.atelier-services .atelier-object{grid-column:1;grid-row:1 / span 2;position:relative;isolation:isolate;display:block;width:59px;height:63px;margin-top:1px}
.atelier-services .atelier-object:before,.atelier-services .atelier-object:after{position:absolute;content:'';display:block;border-radius:3px;box-sizing:border-box}
.atelier-services .atelier-object:before{width:39px;height:43px;left:4px;top:5px;background:#e9e1f4;border:1px solid #cfc2df;transform:rotate(-11deg)}
.atelier-services .atelier-object:after{width:38px;height:38px;left:18px;top:18px;background:#e0f3f0;border:1px solid #b9dcd7;transform:rotate(7deg);z-index:1}
.atelier-services .atelier-object>svg{position:absolute;width:29px;height:29px;left:20px;top:22px;z-index:2;color:#393141;stroke-width:1.5;overflow:visible}
.atelier-services .atelier-object--design>svg>path:first-of-type{stroke:#cf2932}
.atelier-services .atelier-object--development:before{width:37px;height:39px;left:15px;top:3px;transform:rotate(10deg);background:#dff1f1;border-color:#bbdadd}
.atelier-services .atelier-object--development:after{width:45px;height:35px;left:4px;top:19px;transform:rotate(-7deg);background:#ece3f6;border-color:#d3c4e3}
.atelier-services .atelier-object--development>svg{left:12px;top:21px}
.atelier-services .atelier-object--development>svg>path:last-of-type{stroke:#cf2932}
.atelier-services .atelier-object--performance:before{width:40px;height:40px;left:6px;top:6px;border-radius:50%;transform:none;background:#e9e1f4;border-color:#cfc2df}
.atelier-services .atelier-object--performance:after{width:42px;height:36px;left:15px;top:20px;transform:rotate(5deg);background:#e0f3f0;border-color:#b9dcd7}
.atelier-services .atelier-object--performance>svg{left:22px;top:24px;width:28px;height:28px}
.atelier-services .atelier-object--performance>svg>path:first-of-type{stroke:#cf2932}
.atelier-services .atelier-object--automation:before{width:34px;height:35px;left:4px;top:4px;transform:rotate(-7deg);background:#ddf1ef;border-color:#bbdcd6}
.atelier-services .atelier-object--automation:after{width:37px;height:37px;left:19px;top:20px;transform:rotate(8deg);background:#eae0f5;border-color:#d2c2e3}
.atelier-services .atelier-object--automation>svg{width:33px;height:33px;left:14px;top:15px;stroke-width:1.45}
.atelier-services .atelier-object--automation>svg>rect:last-of-type{stroke:#cf2932}
@container (max-width: 510px){
  .atelier-services .service-grid{column-gap:20px;row-gap:27px}
  .atelier-services .service-grid>article{grid-template-columns:1fr;column-gap:0}
  .atelier-services .atelier-object{grid-column:1;grid-row:1;margin:0 0 12px -2px}
  .atelier-services .service-grid>article>h3{grid-column:1;grid-row:2;margin:0 0 9px}
  .atelier-services .service-grid>article>p{grid-column:1;grid-row:3;font-size:14px}
}
@container (max-width: 420px){
  .atelier-services .section-intro{margin-bottom:28px}
  .atelier-services .service-grid{row-gap:28px}
  .atelier-services .service-grid>article{grid-template-columns:59px minmax(0,1fr);column-gap:16px}
  .atelier-services .atelier-object{grid-column:1;grid-row:1 / span 2;margin:0}
  .atelier-services .service-grid>article>h3{grid-column:2;grid-row:1;margin:3px 0 8px;font-size:17px}
  .atelier-services .service-grid>article>p{grid-column:2;grid-row:2;font-size:15px;line-height:1.65;max-width:34ch}
}
@container (max-width: 290px){
  .atelier-services .service-grid>article{grid-template-columns:51px minmax(0,1fr);column-gap:13px}
  .atelier-services .atelier-object{transform:scale(.88);transform-origin:top left}
  .atelier-services .service-grid>article>h3{font-size:16px}
  .atelier-services .service-grid>article>p{font-size:14px}
}
