/* Adna Osman v1.0.28: richer, more legible service-guide background. */

.service-list-panel {
  min-height: 650px;
  border: 1px solid rgba(216, 195, 165, 0.24);
  background: #33433a;
  box-shadow: 0 26px 72px rgba(35, 42, 38, 0.2);
}

.service-list-panel::after {
  background:
    linear-gradient(
      90deg,
      rgba(51, 67, 58, 0.99) 0%,
      rgba(51, 67, 58, 0.97) 46%,
      rgba(51, 67, 58, 0.78) 67%,
      rgba(51, 67, 58, 0.46) 100%
    );
}

.service-list-copy {
  width: min(100%, 720px);
}

.service-list-copy .eyebrow {
  color: #d8c3a5;
}

.service-list-copy h2,
.service-list-copy h3 {
  max-width: 650px;
  color: #faf5ef;
  text-shadow: 0 2px 22px rgba(20, 26, 23, 0.18);
}

.service-list-lead {
  max-width: 600px;
  color: rgba(250, 245, 239, 0.82);
  text-shadow: none;
}

.service-list-copy li {
  border-bottom-color: rgba(250, 245, 239, 0.2);
  color: #faf5ef;
  text-shadow: none;
}

.service-list-copy li > strong {
  color: #d8c3a5;
}

.service-list-copy li::before {
  color: #d8c3a5;
}

.service-list-copy li.service-note {
  color: rgba(250, 245, 239, 0.72);
}

.service-list-copy li.service-note::before {
  background: #b0956e;
}

.service-list-cta,
.service-list-cta:hover,
.service-list-cta:focus-visible {
  border-color: #d8c3a5;
  background: #d8c3a5;
  color: #243129;
}

.service-list-cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(20, 26, 23, 0.2);
}

.service-list-image {
  opacity: 0.88;
}

.service-list-image img {
  object-position: center 58%;
  filter: saturate(0.82) contrast(1.03);
}

@media (max-width: 980px) {
  .service-list-panel::after {
    background:
      linear-gradient(
        90deg,
        rgba(51, 67, 58, 0.98) 0%,
        rgba(51, 67, 58, 0.94) 58%,
        rgba(51, 67, 58, 0.64) 100%
      );
  }
}

@media (max-width: 720px) {
  .service-list-panel {
    min-height: 0;
    border-radius: 0;
  }

  .service-list-panel::after {
    background: rgba(51, 67, 58, 0.9);
  }

  .service-list-image {
    opacity: 0.62;
  }

  .service-list-image img {
    object-position: 55% center;
  }

  .service-list-copy h2,
  .service-list-copy h3 {
    font-size: clamp(2.25rem, 12vw, 3.25rem);
  }
}