/* reviews: quote cards in a carousel */
.rev-side{display:flex;align-items:center;gap:24px}
.scroll-btns{display:flex;gap:12px;flex-shrink:0}
.reviews{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;
  /* bleed into the page gutter so the card shadows are not clipped by the scroller edge */
  --gut:clamp(16px,4vw,64px);margin:0 calc(-1*var(--gut)) -30px;padding:4px var(--gut) 44px;scroll-padding-inline:var(--gut)}
.reviews::-webkit-scrollbar{display:none}
.review{flex:0 0 calc((100% - 44px)/3);scroll-snap-align:start;position:relative;background:var(--surface);border-radius:var(--r);padding:28px 28px 24px;display:flex;flex-direction:column;gap:20px;box-shadow:var(--shadow);overflow:hidden}
.review .q{font-family:var(--head);font-style:italic;font-weight:500;font-size:18px;line-height:1.5;color:var(--ink-deep);position:relative;z-index:1}
.review .mark{position:absolute;right:18px;bottom:-34px;font-family:var(--head);font-size:150px;line-height:1;color:var(--glacier);pointer-events:none}
.review .who{display:flex;gap:12px;align-items:center;margin-top:auto;position:relative;z-index:1}
.review .who img{width:48px;height:48px;border-radius:50%;object-fit:cover}
.review .who b{display:block;font-size:15px}
.review .who span{font-size:13px;color:var(--muted)}
.review .stars{font-size:15px}
.rating-sum{display:flex;align-items:center;gap:14px}
.rating-sum b{font-size:42px;color:var(--accent)}
.rating-sum .stars{color:var(--star);font-size:18px}
@media (max-width:1100px){
  .review{flex-basis:calc((100% - 22px)/2)}
}
@media (max-width:720px){
  .review{flex-basis:86%}
  .rev-side{width:100%;justify-content:space-between}
}