/* Five video circles, with aligned member information below each. */
.reviews-circles{background:#0d0d0f;padding-block:76px;overflow:hidden}
.reviews-heading{margin-bottom:42px}
.reviews-kicker{font-size:11px;color:#f80026;font-weight:650;letter-spacing:.12em;text-transform:uppercase;margin:0 0 17px}
.reviews-heading h2{font-size:clamp(34px,4vw,56px);line-height:1.12;letter-spacing:-.045em;font-weight:800;margin:0}
.reviews-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:26px;align-items:start;outline-offset:8px}
.review-card{min-width:0;text-align:center}
.review-circle{position:relative;width:100%;aspect-ratio:1;border-radius:50%;overflow:hidden;background:#222;border:1px solid #ffffff25;box-shadow:0 0 0 6px #ffffff03;transition:border-color .25s,box-shadow .25s}
.review-card:hover .review-circle{border-color:#f80026;box-shadow:0 0 0 6px #f800260c}
.review-circle video{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}
.review-toggle{position:absolute;inset:0;width:100%;height:100%;display:grid;place-items:center;border:0;color:#fff;background:transparent;padding:0;cursor:pointer}
.review-toggle svg{width:48px;height:48px;padding:14px;border-radius:50%;background:#0008;backdrop-filter:blur(5px);fill:currentColor;transition:transform .2s}
.review-toggle:hover svg{transform:scale(1.08)}.review-toggle:focus-visible{outline:3px solid #f80026;outline-offset:-5px;border-radius:50%}
.review-pause-icon{display:none}.review-card.is-playing .review-play-icon{display:none}.review-card.is-playing .review-pause-icon{display:block}
.review-card.is-playing .review-toggle{align-items:end;padding-bottom:12px}.review-card.is-playing .review-toggle svg{width:32px;height:32px;padding:9px}
.review-progress{height:2px;width:62%;background:#ffffff14;margin:18px auto 22px;overflow:hidden;border-radius:3px}
.review-progress i{display:block;height:100%;width:0;background:#f80026}
.review-person h3{font-size:16px;font-weight:700;line-height:1.4;letter-spacing:-.025em;margin:0 0 9px;min-height:45px;display:flex;align-items:center;justify-content:center}
.review-company{font-size:13px;font-weight:550;color:#ddd;line-height:1.5;min-height:20px;margin:0 0 7px}
.review-niche{font-size:12px;line-height:1.6;color:#aaa;min-height:39px;margin:0 0 16px}
.review-since{font-size:10px;line-height:1.5;color:#777;margin:0}
.review-error{font-size:11px;color:#ff8698;line-height:1.5;margin-top:12px}.review-error[hidden]{display:none}
@media(min-width:1500px){.reviews-track{gap:36px}.review-person h3{font-size:18px}.review-company{font-size:14px}.review-niche{font-size:13px}.review-since{font-size:11px}}
@media(max-width:980px){.reviews-track{gap:20px;grid-template-columns:repeat(5,165px);overflow-x:auto;scroll-snap-type:x proximity;padding:7px 6px 20px;margin-inline:-6px;scrollbar-width:thin;scrollbar-color:#444 transparent}.review-card{scroll-snap-align:start}.review-person h3{font-size:14px}.review-company{font-size:12px}.review-niche{font-size:11px}.review-toggle svg{width:42px;height:42px;padding:12px}}
@media(max-width:600px){.reviews-circles{padding-block:48px}.reviews-heading{margin-bottom:30px}.reviews-track{grid-template-columns:repeat(5,164px);gap:22px;margin-right:calc(-1 * max(20px,4vw));padding-right:24px}.review-person h3{min-height:40px}.review-since{font-size:10px}}
@media(prefers-reduced-motion:reduce){.review-toggle svg,.review-circle{transition:none}}
/* Isolate the circular layout from the retained site's old review-card rules. */
.reviews-circles .review-card{display:block;border:0;background:none;padding:0}
.reviews-circles .review-circle video{height:100%;min-height:0;aspect-ratio:1;object-fit:cover}
/* Compact captions: shared row heights follow the text, without empty reserved space. */
.reviews-circles .reviews-track{row-gap:0}
.reviews-circles .review-card{display:grid;grid-template-rows:subgrid;grid-row:span 6}
.reviews-circles .review-progress{margin:12px auto 14px}
.reviews-circles .review-person{display:grid;grid-template-rows:subgrid;grid-row:span 4}
.reviews-circles .review-person h3{display:block;min-height:0;margin:0 0 5px;line-height:1.35}
.reviews-circles .review-company{min-height:0;margin:0 0 4px;line-height:1.45}
.reviews-circles .review-niche{min-height:0;margin:0 0 10px;line-height:1.5}
.reviews-circles .review-since{line-height:1.45}

/* Keep mobile circles inside their own columns, with a visible gap and swipe cue. */
.reviews-scroll-hint{display:none}
@media(max-width:980px){
 .reviews-circles .reviews-track{column-gap:28px;grid-template-columns:repeat(5,165px);padding-top:8px;padding-bottom:12px}
 .reviews-circles .review-card{width:165px;max-width:165px;grid-template-columns:minmax(0,1fr)}
 .reviews-circles .review-circle{width:100%;max-width:100%;min-width:0;box-sizing:border-box}
 .reviews-circles .review-person{min-width:0;grid-template-columns:minmax(0,1fr)}
 .reviews-circles .reviews-scroll-hint{display:flex;align-items:center;justify-content:center;gap:13px;margin:19px 0 0;color:#b7b7bb;font-size:11px;line-height:1.5;font-weight:400;letter-spacing:.03em}
 .reviews-scroll-hint svg{width:42px;height:14px;flex:none}
}
@media(max-width:600px){
 .reviews-circles .reviews-track{grid-template-columns:repeat(5,164px);column-gap:28px}
 .reviews-circles .review-card{width:164px;max-width:164px}
}
