.reviews { padding: 80px 20px; background: var(--cpx-bg-alt); }
.reviews__inner { max-width: var(--cpx-max); margin: 0 auto; }
.reviews__intro { text-align: center; margin-bottom: 48px; }
.reviews__title { font-size: clamp(28px, 3.5vw, 40px); margin-bottom: 12px; color: var(--cpx-gold); }
.reviews__text { color: var(--cpx-text-dim); max-width: 600px; margin: 0 auto; }
.reviews__list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.review {
  background: var(--cpx-surface);
  border: 1px solid var(--cpx-border);
  border-radius: var(--cpx-radius);
  padding: 28px;
  position: relative;
}
.review:hover { border-color: rgba(232,179,65,.4); }
.review__text { color: var(--cpx-text); font-size: 14px; line-height: 1.7; margin: 0 0 20px; }
.review__name { display: block; font-weight: 700; color: var(--cpx-gold-light); }
.review__role { display: block; font-size: 12px; color: var(--cpx-text-dim); }
.review__avatar { position: absolute; top: -28px; right: 28px; width: 56px; height: 56px; border-radius: 50%; overflow: hidden; border: 3px solid var(--cpx-gold); background: var(--cpx-bg); }
.review__avatar img { width: 100%; height: 100%; object-fit: cover; }

@media (max-width: 880px) { .reviews__list { grid-template-columns: 1fr; } }