/* Home service thumbnails only. Titles, copy and links retain their existing content. */
body.mj-home-v2 #services.services-illustrated .mj-services {
  gap: 0 48px;
  align-items: stretch;
}
body.mj-home-v2 #services.services-illustrated .mj-service {
  grid-template-columns: 140px minmax(0, 1fr);
  grid-template-rows: auto 1fr auto;
  align-content: stretch;
  gap: 14px 24px;
  padding: 30px 0;
}
body.mj-home-v2 #services.services-illustrated .mj-service__visual {
  display: block;
  grid-column: 1;
  grid-row: 1 / 4;
  align-self: start;
  width: 140px;
  height: 140px;
  aspect-ratio: 1;
  object-fit: contain;
  border-radius: 6px;
  margin: 0;
}
body.mj-home-v2 #services.services-illustrated .mj-service h3 {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 2px 12px;
  margin: 0;
  font-size: 22px;
  line-height: 1.5;
  min-width: 0;
}
body.mj-home-v2 #services.services-illustrated .mj-service .mj-service__code {
  grid-area: auto;
  flex: 0 0 auto;
  margin: 0;
  font-size: 22px;
  font-weight: 600;
  line-height: inherit;
  white-space: nowrap;
}
body.mj-home-v2 #services.services-illustrated .mj-service p { margin: 0; }
body.mj-home-v2 #services.services-illustrated .mj-service .mj-link {
  align-self: end;
  margin: 4px 0 0;
}
@media (max-width: 1180px) {
  body.mj-home-v2 #services.services-illustrated .mj-services { gap: 0 32px; }
  body.mj-home-v2 #services.services-illustrated .mj-service { grid-template-columns: 112px minmax(0, 1fr); column-gap: 20px; }
  body.mj-home-v2 #services.services-illustrated .mj-service__visual { width: 112px; height: 112px; }
  body.mj-home-v2 #services.services-illustrated .mj-service h3,
  body.mj-home-v2 #services.services-illustrated .mj-service .mj-service__code { font-size: 20px; }
}
@media (max-width: 600px) {
  body.mj-home-v2 #services.services-illustrated .mj-service {
    grid-template-columns: 96px minmax(0, 1fr);
    grid-template-rows: auto auto auto;
    gap: 18px;
    padding: 24px 0;
  }
  body.mj-home-v2 #services.services-illustrated .mj-service__visual { grid-row: 1; width: 96px; height: 96px; }
  body.mj-home-v2 #services.services-illustrated .mj-service h3 { align-self: center; display: block; font-size: 21px; }
  body.mj-home-v2 #services.services-illustrated .mj-service .mj-service__code { display: block; margin-bottom: 4px; font-size: 19px; }
  body.mj-home-v2 #services.services-illustrated .mj-service p { grid-column: 1 / -1; grid-row: 2; }
  body.mj-home-v2 #services.services-illustrated .mj-service .mj-link { grid-column: 1 / -1; grid-row: 3; margin: 0; }
}