.client-voices-section {
  --voices-gold: #e4b640;
  --voices-cyan: #70b8ae;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(7rem, 9vw, 8.25rem) 0 clamp(2.75rem, 4vw, 3.75rem);
  color: #fff;
  background:
    radial-gradient(circle at 50% 32%, rgba(228, 182, 64, .16), transparent 30rem),
    radial-gradient(circle at 10% 88%, rgba(92, 163, 152, .12), transparent 25rem),
    radial-gradient(circle at 92% 10%, rgba(228, 182, 64, .09), transparent 22rem),
    #07090b;
}
.client-voices-section::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  opacity: .32;
  background-image:
    linear-gradient(rgba(235, 196, 102, .08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(235, 196, 102, .08) 1px, transparent 1px);
  background-size: 58px 58px;
  -webkit-mask-image: radial-gradient(ellipse at center, #000 10%, transparent 75%);
  mask-image: radial-gradient(ellipse at center, #000 10%, transparent 75%);
}
.client-voices-section::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  top: 9rem;
  width: min(78vw, 72rem);
  aspect-ratio: 2.25;
  border: 1px solid rgba(228, 182, 64, .16);
  border-radius: 50%;
  transform: translateX(-50%);
  box-shadow:
    0 0 0 4rem rgba(228, 182, 64, .018),
    0 0 0 8rem rgba(107, 177, 166, .014);
}
.client-voices-shell {
  position: relative;
  width: min(100% - 2rem, 1480px);
  margin-inline: auto;
}
.client-voices-heading {
  position: relative;
  z-index: 8;
  max-width: 52rem;
  margin-inline: auto;
  text-align: center;
}
.client-voices-heading h2 {
  margin-top: .65rem;
  font-size: clamp(2rem, 3.6vw, 3.35rem);
  font-weight: 500;
  line-height: 1.08;
  letter-spacing: -.04em;
  text-wrap: balance;
}
.client-voices-heading h2 span { color: var(--voices-gold); }
.client-voices-heading > p:last-child {
  max-width: 42rem;
  margin: .7rem auto 0;
  color: rgba(255, 255, 255, .58);
  font-size: .88rem;
  line-height: 1.6;
}
.testimonial-orbit-stage {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  margin-top: clamp(1.25rem, 2.2vw, 1.75rem);
}
.testimonial-track {
  position: relative;
  min-height: 23.5rem;
  perspective: 1800px;
  transform-style: preserve-3d;
}
.testimonial-card {
  position: absolute;
  left: 50%;
  top: 50%;
  width: min(36vw, 29rem);
  min-height: 19.5rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: clamp(1.2rem, 1.8vw, 1.65rem);
  border: 1px solid rgba(255, 255, 255, .11);
  color: rgba(255, 255, 255, .62);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .085), rgba(255, 255, 255, .018) 60%),
    rgba(12, 15, 18, .82);
  box-shadow: 0 2rem 5rem rgba(0, 0, 0, .3);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  clip-path: polygon(0 1.5rem, 1.5rem 0, calc(100% - 3.2rem) 0, 100% 3.2rem, 100% calc(100% - 1.25rem), calc(100% - 1.25rem) 100%, 0 100%);
  opacity: 0;
  pointer-events: none;
  transform: translate3d(-50%, -50%, -12rem) scale(.62);
  transition:
    transform .92s cubic-bezier(.16, 1, .3, 1),
    opacity .68s ease,
    filter .68s ease,
    border-color .68s ease,
    box-shadow .68s ease;
  will-change: transform, opacity;
}
.testimonial-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 34%;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--voices-gold), transparent);
  box-shadow: 0 0 1.2rem rgba(228, 182, 64, .8);
  opacity: .2;
}
.testimonial-card::after {
  content: "“";
  position: absolute;
  right: 1.8rem;
  top: .7rem;
  color: rgba(228, 182, 64, .11);
  font-family: Georgia, serif;
  font-size: 8rem;
  line-height: 1;
  pointer-events: none;
}
.testimonial-card[data-position="0"] {
  z-index: 8;
  opacity: 1;
  pointer-events: auto;
  color: #fff;
  border-color: rgba(235, 196, 101, .42);
  background:
    radial-gradient(circle at 80% 10%, rgba(228, 182, 64, .14), transparent 14rem),
    linear-gradient(145deg, rgba(31, 35, 38, .97), rgba(7, 9, 11, .98));
  box-shadow:
    0 2.8rem 7rem rgba(0, 0, 0, .54),
    0 0 4rem rgba(228, 182, 64, .1),
    inset 0 1px 0 rgba(255, 255, 255, .1);
  transform: translate3d(-50%, calc(-50% - .35rem), 1rem) scale(1.025);
}
.testimonial-card[data-position="0"]::before {
  width: 56%;
  opacity: 1;
  animation: testimonialSignal 4.2s ease-in-out infinite alternate;
}
.testimonial-card[data-position="-1"] {
  z-index: 5;
  opacity: .62;
  pointer-events: auto;
  cursor: pointer;
  filter: saturate(.74) brightness(.78);
  transform: translate3d(calc(-50% - clamp(15rem, 26vw, 24rem)), calc(-50% + .85rem), -5rem) rotateY(10deg) rotateZ(-1.2deg) scale(.8);
}
.testimonial-card[data-position="1"] {
  z-index: 5;
  opacity: .62;
  pointer-events: auto;
  cursor: pointer;
  filter: saturate(.74) brightness(.78);
  transform: translate3d(calc(-50% + clamp(15rem, 26vw, 24rem)), calc(-50% + .85rem), -5rem) rotateY(-10deg) rotateZ(1.2deg) scale(.8);
}
.testimonial-card[data-position="-2"] {
  z-index: 3;
  opacity: .34;
  pointer-events: auto;
  cursor: pointer;
  filter: saturate(.58) brightness(.62);
  transform: translate3d(calc(-50% - clamp(23rem, 39vw, 36rem)), calc(-50% + 1.7rem), -10rem) rotateY(16deg) rotateZ(-2deg) scale(.64);
}
.testimonial-card[data-position="2"] {
  z-index: 3;
  opacity: .34;
  pointer-events: auto;
  cursor: pointer;
  filter: saturate(.58) brightness(.62);
  transform: translate3d(calc(-50% + clamp(23rem, 39vw, 36rem)), calc(-50% + 1.7rem), -10rem) rotateY(-16deg) rotateZ(2deg) scale(.64);
}
.testimonial-card[data-position="far-left"] {
  z-index: 1;
  opacity: 0;
  filter: blur(1px) saturate(.45);
  transform: translate3d(calc(-50% - clamp(34rem, 60vw, 52rem)), calc(-50% + 3rem), -15rem) rotateY(22deg) scale(.5);
}
.testimonial-card[data-position="far-right"] {
  z-index: 1;
  opacity: 0;
  filter: blur(1px) saturate(.45);
  transform: translate3d(calc(-50% + clamp(34rem, 60vw, 52rem)), calc(-50% + 3rem), -15rem) rotateY(-22deg) scale(.5);
}
.testimonial-card[data-position="hidden"] {
  z-index: 0;
  opacity: 0;
  transform: translate3d(-50%, -50%, -16rem) scale(.54);
}
.testimonial-card-top {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.testimonial-identity {
  display: flex;
  align-items: center;
  gap: .85rem;
  min-width: 0;
}
.testimonial-avatar {
  width: 3.2rem;
  height: 3.2rem;
  flex: none;
  display: grid;
  place-items: center;
  border: 1px solid rgba(239, 201, 111, .45);
  color: #191306;
  background: linear-gradient(145deg, #ffe58b, #c68e25);
  font-size: .7rem;
  font-weight: 900;
  letter-spacing: .08em;
  box-shadow: 0 0 1.5rem rgba(228, 182, 64, .18);
  clip-path: polygon(0 0, 72% 0, 100% 28%, 100% 100%, 28% 100%, 0 72%);
}
.testimonial-identity small {
  display: block;
  overflow: hidden;
  color: var(--voices-cyan);
  font-size: .64rem;
  font-weight: 800;
  letter-spacing: .13em;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}
.testimonial-identity strong {
  display: block;
  margin-top: .2rem;
  color: #f6d579;
  font-size: .84rem;
}
.testimonial-featured {
  padding: .42rem .65rem;
  border: 1px solid rgba(228, 182, 64, .26);
  color: #eec766;
  background: rgba(228, 182, 64, .07);
  font-size: .58rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.testimonial-rating {
  position: relative;
  z-index: 2;
  margin-top: clamp(.85rem, 1.5vw, 1.15rem);
  color: #f1c34f;
  font-size: .88rem;
  letter-spacing: .28em;
  text-shadow: 0 0 1rem rgba(228, 182, 64, .35);
}
.testimonial-copy {
  position: relative;
  z-index: 2;
  margin-top: 1rem;
  color: rgba(255, 255, 255, .68);
  font-size: clamp(.86rem, 1vw, .96rem);
  font-weight: 450;
  line-height: 1.58;
  text-wrap: pretty;
}
.testimonial-card[data-position="0"] .testimonial-copy { color: rgba(255, 255, 255, .88); }
.testimonial-card-footer {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: .9rem;
  margin-top: 1rem;
  color: rgba(255, 255, 255, .45);
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
}
.testimonial-card-footer i {
  width: 2.5rem;
  height: 1px;
  background: linear-gradient(90deg, var(--voices-gold), transparent);
}
.testimonial-controls {
  position: relative;
  z-index: 9;
  width: min(100%, 43rem);
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 1rem;
  margin: .35rem auto 0;
}
.testimonial-control {
  width: 3.25rem;
  height: 3.25rem;
  display: grid;
  place-items: center;
  border: 1px solid rgba(228, 182, 64, .3);
  border-radius: 50%;
  color: #f4ce6d;
  background: rgba(255, 255, 255, .035);
  font-size: 1.15rem;
  transition: color .3s ease, background-color .3s ease, transform .3s ease, border-color .3s ease;
}
.testimonial-control:hover {
  color: #090a0b;
  border-color: #e7bc55;
  background: #e7bc55;
  transform: translateY(-2px);
}
.testimonial-control:focus-visible { outline-color: #f2ca68; }
.testimonial-index {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: .8rem;
  color: rgba(255, 255, 255, .34);
  font-size: .65rem;
  font-weight: 800;
  letter-spacing: .12em;
}
.testimonial-index [data-testimonial-current] { color: #f2ca68; }
.testimonial-progress {
  position: relative;
  overflow: hidden;
  height: 2px;
  background: rgba(255, 255, 255, .1);
}
.testimonial-progress i {
  display: block;
  width: 0;
  height: 100%;
  background: linear-gradient(90deg, var(--voices-cyan), var(--voices-gold));
  box-shadow: 0 0 .7rem rgba(228, 182, 64, .65);
}
.testimonial-progress i.is-running { animation: testimonialProgress 5s linear forwards; }
.client-voices-section.is-paused .testimonial-progress i { animation-play-state: paused; }
.testimonial-sr-status {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}
@keyframes testimonialProgress { to { width: 100%; } }
@keyframes testimonialSignal { from { transform: translateX(-12%); } to { transform: translateX(92%); } }

@media (max-width: 760px) {
  .client-voices-section { padding: 8.5rem 0 3rem; }
  .client-voices-shell { width: min(100% - 1rem, 1480px); }
  .testimonial-track { min-height: 25.5rem; overflow: hidden; }
  .testimonial-card {
    width: calc(100% - 1.4rem);
    min-height: 22.5rem;
    padding: 1.15rem;
  }
  .testimonial-card[data-position="0"] {
    transform: translate3d(-50%, -50%, 0) scale(1);
  }
  .testimonial-card[data-position="-1"] {
    opacity: .2;
    transform: translate3d(calc(-50% - 68%), calc(-50% + 1.2rem), -5rem) rotateY(9deg) scale(.72);
  }
  .testimonial-card[data-position="1"] {
    opacity: .2;
    transform: translate3d(calc(-50% + 68%), calc(-50% + 1.2rem), -5rem) rotateY(-9deg) scale(.72);
  }
  .testimonial-card[data-position="-2"] {
    opacity: .08;
    transform: translate3d(calc(-50% - 80%), calc(-50% + 2rem), -9rem) rotateY(15deg) scale(.58);
  }
  .testimonial-card[data-position="2"] {
    opacity: .08;
    transform: translate3d(calc(-50% + 80%), calc(-50% + 2rem), -9rem) rotateY(-15deg) scale(.58);
  }
  .testimonial-card[data-position="far-left"],
  .testimonial-card[data-position="far-right"] { opacity: 0; }
  .testimonial-card::after { right: .7rem; font-size: 6rem; }
  .testimonial-copy { font-size: .86rem; line-height: 1.55; }
  .testimonial-featured { display: none; }
  .testimonial-controls { width: calc(100% - 1.5rem); }
}
@media (prefers-reduced-motion: reduce) {
  .testimonial-card,
  .testimonial-control { transition: none !important; }
  .testimonial-card[data-position="0"]::before,
  .testimonial-progress i { animation: none !important; }
}