.service-digital-hero {
  background: linear-gradient(145deg, var(--lp-white), var(--lp-mint-soft) 48%, var(--lp-sky-soft));
}

.service-digital-icon--diagnostic,
.service-digital-icon--evidence {
  mask-image: url("/assets/icons/diagnostic/clipboard-check.svg");
}

.service-digital-icon--priority {
  mask-image: url("/assets/icons/services/scan-search.svg");
}

.service-digital-icon--search {
  mask-image: url("/assets/icons/services/search-check.svg");
}

.service-digital-icon--trust {
  mask-image: url("/assets/icons/diagnostic/badge-check.svg");
}

.service-digital-icon--action,
.service-digital-icon--journey {
  mask-image: url("/assets/icons/services/workflow.svg");
}

.service-digital-icon--automation,
.service-digital-icon--process {
  mask-image: url("/assets/icons/services/network.svg");
}

.service-digital-icon--context {
  mask-image: url("/assets/icons/diagnostic/briefcase-business.svg");
}

.service-digital-icon--roadmap {
  mask-image: url("/assets/icons/diagnostic/chart-no-axes-combined.svg");
}

.service-digital-icon--presentation {
  mask-image: url("/assets/icons/services/monitor-check.svg");
}

.service-digital-icon--shield {
  mask-image: url("/assets/icons/review-calculator/shield-check.svg");
}

.service-digital-icon--website {
  mask-image: url("/assets/icons/diagnostic/laptop.svg");
}

.service-digital-lenses {
  background: var(--lp-canvas);
}

.service-digital-lenses__grid {
  display: grid;
  gap: var(--space-5);
}

.service-digital-lenses__grid article {
  padding: var(--space-6);
  background: var(--lp-white);
  border: 1px solid var(--lp-line);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-soft);
}

.service-digital-lenses__grid .service-profile-icon {
  width: 2.75rem;
  height: 2.75rem;
}

.service-digital-lenses__grid h3 {
  margin-top: var(--space-5);
  font-size: 1.35rem;
}

.service-digital-lenses__grid p {
  margin-bottom: 0;
}

.service-digital-method {
  background:
    radial-gradient(circle at 92% 8%, rgb(255 179 18 / 16%), transparent 20rem),
    var(--lp-green-deep);
}

.service-digital-experience {
  background: var(--lp-white);
}

.service-digital-ecosystem .service-profile-journey__grid article {
  min-height: 16rem;
}

.service-digital-ecosystem .service-profile-icon {
  width: 2.75rem;
  height: 2.75rem;
}

.service-digital-final {
  background:
    radial-gradient(circle at 91% 9%, rgb(255 179 18 / 22%), transparent 19rem),
    var(--lp-sky-soft);
}

@media (min-width: 42rem) {
  .service-digital-lenses__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 64rem) {
  .service-digital-lenses__grid,
  .service-digital-ecosystem .service-profile-journey__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .service-digital-method .service-profile-method__grid li:nth-child(4),
  .service-digital-method .service-profile-method__grid li:nth-child(5) {
    grid-column: span 2;
  }
}