.customer-reviews { padding-block: 64px; }
.customer-reviews__heading { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 28px; }
.customer-reviews__heading h2 { margin: 12px 0 0; font: 700 var(--vx-type-h2)/1.08 var(--vx-font-display); letter-spacing: -.04em; text-wrap: balance; }
.customer-reviews__heading > a { flex-shrink: 0; }
.customer-reviews__grid { display: grid; grid-template-columns: 1.15fr 1fr 1fr; gap: 16px; }
.customer-review { position: relative; display: flex; flex-direction: column; min-width: 0; margin: 0; padding: 24px 24px 0; border: 1px solid var(--vx-line-strong); border-radius: var(--vx-radius-card); background: var(--vx-surface); overflow: hidden; }
.customer-review--featured { border-color: var(--vx-deep); background: linear-gradient(145deg, var(--vx-raised), var(--vx-surface) 75%); }
.customer-review--featured::before { position: absolute; content: ""; inset: 0 24px auto; height: 2px; background: var(--vx-brand); }
.customer-review__top { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; }
.customer-review__topic { color: var(--vx-muted); font: 600 var(--vx-type-label)/1.5 var(--vx-font-mono); }
.customer-review__rating { color: var(--vx-brand); white-space: nowrap; font: 500 var(--vx-type-body)/1 var(--vx-font-body); letter-spacing: .08em; }
.customer-review blockquote { flex: 1; margin: 24px 0 28px; }
.customer-review blockquote p { margin: 0; color: var(--vx-text); font: 500 var(--vx-type-card-title-sm, 24px)/1.45 var(--vx-font-body); letter-spacing: -.015em; overflow-wrap: anywhere; }
.customer-review figcaption { display: flex; align-items: center; gap: 12px; padding-bottom: 20px; }
.customer-review__avatar { display: grid; place-items: center; flex: 0 0 44px; width: 44px; height: 44px; border: 1px solid var(--vx-line-strong); border-radius: 50%; background: var(--vx-raised); color: var(--vx-bright); font: 600 var(--vx-type-label)/1 var(--vx-font-mono); }
.customer-review__person { display: flex; flex-direction: column; min-width: 0; gap: 3px; overflow-wrap: anywhere; }
.customer-review__person strong { color: var(--vx-text); font: 600 var(--vx-type-body-sm)/1.4 var(--vx-font-body); }
.customer-review__person > span { color: var(--vx-muted); font: 400 var(--vx-type-meta)/1.5 var(--vx-font-body); }
.customer-review__source { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 52px; border-top: 1px solid var(--vx-line-strong); color: var(--vx-bright); text-decoration: none; font: 600 var(--vx-type-label)/1.4 var(--vx-font-mono); }
.customer-review__excerpt { color: var(--vx-muted); font-weight: 500; }
.customer-review__source svg { flex: 0 0 18px; width: 18px; height: 18px; }
.customer-review__source:hover { color: var(--vx-text); }
.customer-review__source:focus-visible { outline: 2px solid var(--vx-bright); outline-offset: -2px; }
.customer-reviews__note { margin: 20px 0 0; max-width: 85ch; color: var(--vx-muted); font: 400 var(--vx-type-body-sm)/1.6 var(--vx-font-body); }
@media (prefers-reduced-motion: no-preference) {
  .customer-review__source svg { transition: transform 160ms ease; }
  .customer-review__source:hover svg, .customer-review__source:focus-visible svg { transform: translate(2px, -2px); }
}
@media (max-width: 1000px) {
  .customer-reviews__grid { grid-template-columns: 1fr 1fr; }
  .customer-review--featured { grid-column: 1 / -1; }
}
@media (max-width: 600px) {
  .customer-reviews { padding-block: 40px; }
  .customer-reviews__heading { align-items: start; flex-direction: column; gap: 12px; margin-bottom: 20px; }
  .customer-reviews__grid { grid-template-columns: 1fr; gap: 12px; }
  .customer-review { padding: 20px 20px 0; }
  .customer-review blockquote { margin: 20px 0 24px; }
}