/* Editorial imagery for the two Advocato practice scenarios. */
.audience-art {
  background-color: #10231d;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  isolation: isolate;
}

.audience-card--solo .audience-art {
  background-image: linear-gradient(180deg, rgba(7, 20, 16, 0.03), rgba(7, 20, 16, 0.25)), url("images/solo-lawyer.webp");
}

.audience-card--team .audience-art {
  background-image: linear-gradient(180deg, rgba(7, 20, 16, 0.02), rgba(7, 20, 16, 0.28)), url("images/law-firm-team.webp");
}

/* The former decorative geometry remains in the markup only for backwards compatibility. */
.audience-art > * { display: none; }

.audience-art::after {
  background: linear-gradient(90deg, rgba(8, 23, 18, 0.12), transparent 45%);
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
}

.audience-card {
  box-shadow: 0 12px 34px rgba(12, 27, 22, 0.05);
  transition: box-shadow 220ms ease, transform 220ms ease;
}

.audience-card:hover {
  box-shadow: 0 22px 48px rgba(12, 27, 22, 0.12);
  transform: translateY(-4px);
}

@media (prefers-reduced-motion: reduce) {
  .audience-card { transition: none; }
  .audience-card:hover { transform: none; }
}