/* =========================================================================
   wwd-testi-photos.css — adds real founder photos to the services.html
   ("What We Do") testimonials CAROUSEL (.wwd-testi). Loaded by services.html
   ONLY, after wwd.css.

   The carousel cards (.wwd-quote, styled in wwd.css) shipped photo-free with a
   3px gold accent bar (.wwd-quote__person::before). Here we hide that bar and
   render a circular gold-ring avatar in its place — the exact treatment already
   proven on the homepage wall-of-love (home-testi.css .wwd-quote__avatar).
   ========================================================================= */

/* Photo replaces the gold accent bar. */
.wwd-quote__person::before { display: none; }

.wwd-quote__avatar {
  flex: none;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
  object-position: center top;
  background: #0d1d40;
  box-shadow:
    0 0 0 2px var(--color-primary),
    0 0 0 3.5px rgba(232, 180, 0, 0.85),
    0 6px 16px -6px rgba(232, 180, 0, 0.45);
  transition:
    transform 280ms var(--ease-out-soft),
    box-shadow 280ms var(--ease-out-soft);
}

/* Lift + brighten the ring in step with the card hover. */
.wwd-quote:hover .wwd-quote__avatar {
  transform: scale(1.06);
  box-shadow:
    0 0 0 2px var(--color-primary),
    0 0 0 3.5px var(--color-accent-hi),
    0 8px 20px -6px rgba(232, 180, 0, 0.6);
}

/* Featured lead card carries a slightly larger avatar. */
.wwd-quote--feature .wwd-quote__avatar { width: 54px; height: 54px; }

@media (prefers-reduced-motion: reduce) {
  .wwd-quote__avatar { transition: none; }
  .wwd-quote:hover .wwd-quote__avatar { transform: none; }
}