/* AGNES Services: one unified 3D pastel hero only. */
.agnes-services-duplicate-hero {
  display: none !important;
}

.agnes-services-unified-hero {
  position: relative !important;
  isolation: isolate;
  width: 100% !important;
  min-height: clamp(150px, 18vw, 230px) !important;
  margin: 0 0 20px !important;
  padding: clamp(22px, 3vw, 38px) clamp(24px, 4vw, 50px) !important;
  overflow: hidden !important;
  border: 1px solid rgba(124, 85, 239, .12) !important;
  border-radius: 30px !important;
  background:
    linear-gradient(90deg, rgba(107,65,225,.94) 0%, rgba(151,115,241,.82) 46%, rgba(213,197,255,.30) 100%),
    var(--agnes-services-hero-image, linear-gradient(135deg,#a98af5,#d8c9ff)) center right / cover no-repeat !important;
  box-shadow: 0 22px 54px rgba(92, 56, 174, .15) !important;
  color: #fff !important;
  text-align: left !important;
}

.agnes-services-unified-hero::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(circle at 75% 35%, rgba(255,255,255,.24), transparent 38%);
}

.agnes-services-unified-hero,
.agnes-services-unified-hero * {
  color: #fff !important;
}

.agnes-services-unified-hero small {
  display: block !important;
  margin-bottom: 10px !important;
  font-weight: 900 !important;
  letter-spacing: .16em !important;
  opacity: .9;
}

.agnes-services-unified-hero h1,
.agnes-services-unified-hero h2,
.agnes-services-unified-hero h3,
.agnes-services-unified-hero strong {
  max-width: 520px;
  margin: 0 0 8px !important;
  font-weight: 950 !important;
  line-height: 1.05 !important;
  text-shadow: 0 3px 18px rgba(62, 32, 130, .16);
}

.agnes-services-unified-hero p {
  max-width: 520px;
  margin: 0 !important;
  opacity: .88;
}

.agnes-services-unified-hero:hover {
  transform: translateY(-1px);
  box-shadow: 0 26px 62px rgba(92, 56, 174, .19) !important;
}

@media (max-width: 767px) {
  .agnes-services-unified-hero {
    min-height: 142px !important;
    padding: 20px 22px !important;
    border-radius: 24px !important;
    background-position: 62% center !important;
  }
  .agnes-services-unified-hero h1,
  .agnes-services-unified-hero h2,
  .agnes-services-unified-hero h3,
  .agnes-services-unified-hero strong {
    max-width: 72%;
    font-size: clamp(24px, 7vw, 34px) !important;
  }
  .agnes-services-unified-hero p { max-width: 68%; }
}