/* Approved negative service illustrations: complete 3:2 motifs on the existing gray hero. */
body[data-design-variant=figma] .fp-services .fp-line-hero:has(> .idh-service-figure) {
  display:grid!important;grid-template-columns:minmax(0,560px) minmax(0,1fr)!important;
  align-items:center!important;column-gap:clamp(32px,3.5vw,56px)!important;
  height:auto!important;min-height:520px!important;
  padding-inline:max(20px,calc((100% - 1116px)/2))!important;padding-block:84px 72px!important;
  background:#2c282e!important;overflow:hidden!important;
}
body[data-design-variant=figma] .fp-services .fp-line-hero:has(> .idh-service-figure) .fp-hero-copy {
  position:relative!important;grid-column:1!important;grid-row:1!important;left:auto!important;top:auto!important;
  min-width:0!important;width:100%!important;max-width:560px!important;margin:0!important;padding:0!important;
}
body[data-design-variant=figma] .fp-services .fp-line-hero:has(> .idh-service-figure) h1 {
  max-width:100%;hyphens:auto;overflow-wrap:anywhere;
}
body[data-design-variant=figma] .fp-services .idh-service-figure {
  grid-column:2;grid-row:1;min-width:0;width:100%;max-width:620px;margin:0;justify-self:center;
}
body[data-design-variant=figma] .idh-service-figure > picture {display:block!important}
body[data-design-variant=figma] .fp-services .idh-service-figure .fp-line-art {
  display:block!important;position:static!important;width:100%!important;max-width:100%!important;
  height:auto!important;max-height:none!important;aspect-ratio:3/2;object-fit:contain!important;
  object-position:center!important;margin:0!important;opacity:1!important;
}
body[data-design-variant=figma] .idh-service-figure figcaption {
  margin:12px 0 0;font-size:13px;line-height:1.5;color:#f5f3f4;max-width:490px;
}
@media(max-width:1100px) {
  body[data-design-variant=figma] .fp-services .fp-line-hero:has(> .idh-service-figure) {
    display:flex!important;flex-direction:column!important;min-height:0!important;padding:40px 20px 48px!important;
  }
  body[data-design-variant=figma] .fp-services .idh-service-figure {order:1;width:100%;max-width:640px;margin:0 auto 28px}
  body[data-design-variant=figma] .fp-services .fp-line-hero:has(> .idh-service-figure) .fp-hero-copy {order:2;max-width:100%!important}
}