/* Approved Home service illustrations, 2026-09-21. */

#services .s-service { display:grid; grid-template-columns:minmax(0,660px) minmax(200px,1fr); column-gap:72px; align-items:center; }
.s-service__art { width:260px; max-width:100%; justify-self:center; }
.s-service__art svg { width:100%; height:auto; display:block; overflow:visible; fill:none; stroke:#111; stroke-opacity:.72; stroke-width:1.25; stroke-linecap:round; stroke-linejoin:round; }
.s-service__art .s-service__faint { stroke-opacity:.44; }
.s-service__art .s-service__guide { stroke-opacity:.24; }
.s-service__art .s-service__gold { fill:#F5C518; stroke:none; }
.s-service__art .s-service__ink { fill:#111; fill-opacity:.48; stroke:none; }
.s-service__piece { transform-origin:140px 90px; }
@media(min-width:640px) and (max-width:1023px) {
 #services .s-service { grid-template-columns:minmax(0,1fr) 180px; column-gap:32px; }
 .s-service__art { width:180px; }
}
@media(max-width:639px) {
 #services .s-service { grid-template-columns:minmax(0,1fr) 104px; column-gap:16px; row-gap:12px; }
 .s-service__copy { display:contents; }
 #services .s-service .w-h3 { grid-column:1; grid-row:1; margin:0; }
 #services .s-service__measure { grid-column:1 / -1; grid-row:2; }
 #services .s-service .w-body { margin-top:0; }
 .s-service__art { grid-column:2; grid-row:1; width:104px; }
 .s-service__art svg { stroke-width:1.7; }
}
@media(prefers-reduced-motion:reduce), print {
 .s-service__piece { animation:none!important; transform:none!important; opacity:1!important; }
}