/* Approved service layout: first candidate plus compact second candidate. */
.services-overview .overview-band {
  grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
  grid-template-rows: auto auto;
  align-items: start;
  gap: 24px 64px;
  padding: 40px 32px;
  min-height: 0;
}
.services-overview .overview-band::before { top: 40px; }
.services-overview .overview-band__identity { grid-column: 1; grid-row: 1; min-width: 0; }
.services-overview .overview-band__scope { grid-column: 1; grid-row: 2; min-width: 0; }
.services-overview .overview-band :is(.overview-band__identity, .overview-band__scope) { max-width: 600px; }
.services-overview .overview-band .service-scene {
  grid-column: 2;
  grid-row: 1 / 3;
  align-self: center;
  justify-self: center;
  position: relative;
  inset: auto;
  width: 100%;
  max-width: 360px;
  opacity: 1;
}
.services-overview .overview-band h3 { white-space: normal; }
@media (max-width: 1100px) {
  .services-overview .overview-band { gap: 24px 40px; padding: 32px 24px; }
  .services-overview .overview-band::before { top: 32px; }
  .services-overview .overview-band .service-scene { max-width: 280px; }
}
@media (max-width: 800px) {
  .services-overview .overview-band { grid-template-columns: minmax(0, 1fr) minmax(0, .68fr); gap: 24px; padding-inline: 24px 0; }
  .services-overview .overview-band .service-scene { max-width: 240px; }
}
@media (max-width: 640px) {
  .services-overview .overview-band { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto auto; gap: 20px; padding: 32px 0 24px 20px; }
  .services-overview .overview-band .service-scene { grid-column: 1; grid-row: 3; width: 220px; max-width: 100%; justify-self: end; margin-right: 8px; }
}
@media (min-width: 801px) {
  .services-overview .overview-band {
    --service-group-width: 908px;
    --service-group-inset: max(32px, calc((100% - var(--service-group-width)) / 2));
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
    gap: 24px 48px;
    padding: 32px var(--service-group-inset);
  }
  .services-overview .overview-band::before {
    top: 32px;
    left: max(0px, calc((100% - var(--service-group-width)) / 2 - 32px));
  }
  .services-overview .overview-band .service-scene {
    width: 100%;
    max-width: 420px;
  }
}