/* Banner v9: crop the supplied artwork to its clean right-side visual. */
.services-page .services-hero.services-image-banner .services-image-banner-art {
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: auto !important;
  width: 205% !important;
  max-width: none !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: right center !important;
}

.services-page .services-hero.services-image-banner::before {
  background: linear-gradient(90deg, #f7fbff 0%, #f7fbff 45%, rgb(247 251 255 / 97%) 55%, rgb(247 251 255 / 38%) 66%, transparent 78%) !important;
}

.services-image-banner-copy {
  max-width: 570px;
}

@media (max-width: 900px) {
  .services-page .services-hero.services-image-banner .services-image-banner-art {
    width: 225% !important;
  }

  .services-page .services-hero.services-image-banner::before {
    background: linear-gradient(90deg, #f7fbff 0%, #f7fbff 57%, rgb(247 251 255 / 92%) 72%, transparent 100%) !important;
  }
}

@media (max-width: 620px) {
  .services-page .services-hero.services-image-banner .services-image-banner-art {
    width: 250% !important;
  }

  .services-page .services-hero.services-image-banner::before {
    background: linear-gradient(90deg, #f7fbff 0%, #f7fbff 74%, rgb(247 251 255 / 82%) 100%) !important;
  }
}