.client-perspectives {
  padding: clamp(56px, 8vw, 116px) 24px clamp(54px, 7vw, 96px);
  border-top: 1px solid #e3ded6;
  background: #fbfaf7;
  color: #22201d;
  text-align: center;
}
.client-perspectives > .section-label {
  margin: 0 0 clamp(28px, 4vw, 52px);
  color: #62584f;
  font: 600 11px/1.5 Inter, sans-serif;
  letter-spacing: .24em;
}
.client-perspectives-quotes {
  display: grid;
  max-width: 850px;
  margin-inline: auto;
}
.client-perspective {
  grid-area: 1 / 1;
  align-self: center;
  min-width: 0;
  margin: 0;
}
.client-perspective[aria-hidden="true"] { visibility: hidden; }
.client-perspective blockquote { margin: 0; }
.client-perspective blockquote p {
  margin: 0;
  color: inherit;
  font: 500 clamp(30px, 4.6vw, 58px)/1.13 "Cormorant Garamond", Georgia, serif;
  text-wrap: balance;
}
.client-perspective figcaption {
  display: grid;
  gap: 4px;
  margin-top: clamp(20px, 3vw, 35px);
  color: #62584f;
  font: 400 12px/1.55 Inter, sans-serif;
}
.client-perspective figcaption strong { color: #22201d; font-weight: 600; }
.client-perspectives-dots:not([hidden]) {
  display: flex;
  justify-content: center;
  gap: 2px;
  margin-top: 20px;
}
.client-perspectives-dots button {
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  padding: 0;
  border: 0;
  background: transparent;
  color: #62584f;
  cursor: pointer;
}
.client-perspectives-dots button::before {
  width: 8px;
  height: 8px;
  border: 1px solid currentColor;
  border-radius: 50%;
  content: "";
}
.client-perspectives-dots button[aria-pressed="true"]::before { background: currentColor; }
.client-perspectives-dots button:hover { color: #22201d; }
.client-perspectives-dots button:focus-visible { outline: 1px solid currentColor; outline-offset: -4px; }
.client-perspectives-announcement {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}