/* Homepage client voices: original ivory and full-colour client artwork, with warm rollovers. */
#testimonials .client-testimonials-grid { gap: 22px; }
#testimonials .client-testimonial {
  background: transparent;
  border: 1px solid transparent;
  border-top-color: #ad8e5544;
  border-radius: 5px;
  padding: 22px 20px;
  isolation: auto;
  cursor: default;
  transition: background-color .25s ease, border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}
/* Preserve supplied logo colours; white source canvases blend into the ivory surface. */
#testimonials .testimonial-client-logo { mix-blend-mode: multiply; opacity: 1; }
#testimonials .testimonial-client-logo > svg,
#testimonials .testimonial-client-logo > img { filter: none; mix-blend-mode: multiply; }
#testimonials .client-testimonial:focus-within {
  background: #eae2d3;
  border-color: #ad8e5577;
  box-shadow: 0 10px 22px #55452612;
}
#impact .case {
  transition: background-color .25s ease, border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}
#impact .case .link-arrow {
  display: inline-flex;
  transition: transform .25s ease, color .25s ease;
}
#impact .case:focus-visible {
  --brand-heading: #f6f1e7;
  background: #0f251e;
  border-color: #d5bb80;
  box-shadow: 0 14px 28px #0003;
  outline: 2px solid #d5bb80;
  outline-offset: 4px;
}
#impact .case:focus-visible h3 { color: #f6f1e7; }
#impact .case:focus-visible p { color: #edf0e7; }
#impact .case:focus-visible .eyebrow, #impact .case:focus-visible .link-arrow { color: #e1c98d; }
#impact .case:focus-visible .link-arrow { transform: translateX(6px); }
@media (hover: hover) {
  #testimonials .client-testimonial:hover {
    background: #eae2d3;
    border-color: #ad8e5577;
    box-shadow: 0 10px 22px #55452612;
    transform: translateY(-3px);
  }
  #impact .case:hover {
    --brand-heading: #f6f1e7;
    background: #0f251e;
    border-color: #d5bb80;
    box-shadow: 0 14px 28px #0003;
    transform: translateY(-4px);
  }
  #impact .case:hover h3 { color: #f6f1e7; }
  #impact .case:hover p { color: #edf0e7; }
  #impact .case:hover .eyebrow, #impact .case:hover .link-arrow { color: #e1c98d; }
  #impact .case:hover .link-arrow { transform: translateX(6px); }
}
@media (max-width: 760px) {
  #testimonials .client-testimonials-grid { gap: 18px; }
  #testimonials .client-testimonial { padding: 22px; }
}
@media (prefers-reduced-motion: reduce) {
  #testimonials .client-testimonial, #impact .case, #impact .case .link-arrow { transition: none; }
  #testimonials .client-testimonial:hover, #impact .case:hover, #impact .case .link-arrow { transform: none; }
}