/* Отзывы заказчиков: карточка в кейсе и страница /otzyvy/.
   Токены цвета — из vitrina.css, отдельным файлом, чтобы не менять версию общего стиля. */
.review { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); padding: 22px 20px; max-width: 46em; }
@media (min-width: 768px) { .review { padding: 32px 36px; } }
.review + .review { margin-top: 22px; }
.review-pull { font-size: clamp(1.15rem, 2.6vw, 1.4rem); line-height: 1.35; font-weight: 700; color: var(--ink); margin: 0 0 20px; }
.review blockquote { margin: 0; padding-left: 18px; border-left: 3px solid var(--accent-line); }
.review blockquote p { margin: 0 0 12px; }
.review blockquote p:last-child { margin-bottom: 0; }
.review-who { display: flex; gap: 14px; align-items: center; margin: 0 0 20px; }
.review-who picture { flex: none; display: block; line-height: 0; }
.review-who img { width: 72px; height: 72px; border-radius: 50%; object-fit: cover; flex: none; background: var(--surface-2); }
.review-who b { display: block; color: var(--ink); font-size: 1.02rem; }
.review-who span { display: block; color: var(--muted); font-size: 14px; }
.review-who a { color: var(--accent-text); }
.review-meta { margin: 14px 0 0; font-size: 14px; color: var(--muted); }
.review-video { display: block; width: 100%; max-width: 340px; height: auto; aspect-ratio: 9 / 16; border-radius: 16px; background: #000; margin: 0 0 20px; }
/* фото не дал — кружок с первой буквой имени, не чужой сток (docs/REVIEWS.md, 14.10.2026) */
.review-who .review-initial { width: 72px; height: 72px; border-radius: 50%; flex: none; display: grid; place-items: center; background: var(--surface-2); color: var(--accent-text); font-weight: 800; font-size: 1.6rem; line-height: 1; }