.voices{
  overflow:hidden;
  background:#e9e5dc;
  color:var(--ink);
}
.voices .section{
  padding-top:118px;
  padding-bottom:124px;
}
.zx-reviews{
  --zxr-gap:12px;
  color:var(--ink);
  font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;
}
.zx-reviews *{box-sizing:border-box}
.zxr-head{
  display:grid;
  grid-template-columns:minmax(0,7fr) minmax(280px,4fr);
  gap:76px;
  align-items:end;
}
.zxr-title{
  max-width:760px;
  margin:0;
  font:590 clamp(48px,5.25vw,74px)/1.02 "Space Grotesk","PingFang SC",sans-serif;
  letter-spacing:-.055em;
}
.zxr-title em{color:var(--orange);font-style:normal}
.zxr-lead{
  max-width:660px;
  margin:24px 0 0;
  color:#555651;
  font-size:15px;
  line-height:1.85;
}
.zxr-scoreboard{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:20px;
  align-items:end;
  padding:0 0 6px;
}
.zxr-score{
  color:var(--orange);
  font:580 clamp(54px,6vw,78px)/.84 "Space Grotesk",sans-serif;
  letter-spacing:-.065em;
  font-variant-numeric:tabular-nums;
}
.zxr-score-meta{display:grid;gap:7px}
.zxr-stars{
  color:var(--orange);
  font:600 16px/1 "Space Grotesk",sans-serif;
  letter-spacing:.08em;
}
.zxr-score-copy{
  color:var(--muted);
  font-size:11px;
  line-height:1.55;
}
.zxr-filters{
  display:flex;
  align-items:center;
  gap:26px;
  margin-top:58px;
  overflow-x:auto;
  border-top:1px solid var(--ink);
  border-bottom:1px solid rgba(23,24,23,.18);
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
}
.zxr-filters::-webkit-scrollbar{display:none}
.zxr-filter{
  position:relative;
  flex:0 0 auto;
  min-height:58px;
  padding:0;
  border:0;
  background:transparent;
  color:var(--muted);
  cursor:pointer;
  font-size:13px;
  font-weight:680;
  white-space:nowrap;
}
.zxr-filter span{
  margin-left:6px;
  color:#95958f;
  font:600 10px/1 "Space Grotesk",sans-serif;
}
.zxr-filter:hover,.zxr-filter[aria-pressed="true"]{color:var(--ink)}
.zxr-filter[aria-pressed="true"]:after{
  content:"";
  position:absolute;
  right:0;
  bottom:-1px;
  left:0;
  height:3px;
  background:var(--orange);
}
.zxr-filter:focus-visible,.zxr-photo:focus-visible,.zxr-lightbox-close:focus-visible{
  outline:2px solid var(--orange);
  outline-offset:3px;
}
.zxr-wall{
  position:relative;
  width:100vw;
  margin:28px 0 0 calc(50% - 50vw);
  padding:4px 0 6px;
}
.zxr-wall:before,.zxr-wall:after{
  content:"";
  position:absolute;
  z-index:4;
  top:0;
  bottom:0;
  width:clamp(22px,5vw,90px);
  pointer-events:none;
}
.zxr-wall:before{left:0;background:linear-gradient(90deg,#e9e5dc,rgba(233,229,220,0))}
.zxr-wall:after{right:0;background:linear-gradient(270deg,#e9e5dc,rgba(233,229,220,0))}
.zxr-rows{display:grid;gap:var(--zxr-gap)}
.zxr-row{min-width:0}
.zxr-track{overflow:hidden}
.zxr-track-inner{
  display:flex;
  gap:var(--zxr-gap);
  width:max-content;
  will-change:transform;
  animation:zxr-flow-left var(--zxr-duration,72s) linear infinite;
}
.zxr-row:nth-child(even) .zxr-track-inner{animation-name:zxr-flow-right}
.zxr-wall.is-paused .zxr-track-inner,.zxr-wall.is-offscreen .zxr-track-inner{animation-play-state:paused}
.zxr-set{display:flex;gap:var(--zxr-gap)}
.zxr-row.is-static .zxr-track{overflow-x:auto;scrollbar-width:none}
.zxr-row.is-static .zxr-track::-webkit-scrollbar{display:none}
.zxr-row.is-static .zxr-track-inner{animation:none;padding:0 32px}
.zxr-row.is-static .zxr-set-clone{display:none}
@keyframes zxr-flow-left{
  from{transform:translateX(0)}
  to{transform:translateX(calc(-50% - var(--zxr-gap)/2))}
}
@keyframes zxr-flow-right{
  from{transform:translateX(calc(-50% - var(--zxr-gap)/2))}
  to{transform:translateX(0)}
}
.zxr-card{
  position:relative;
  flex:0 0 clamp(294px,24vw,344px);
  width:clamp(294px,24vw,344px);
  min-height:228px;
  display:flex;
  flex-direction:column;
  padding:19px;
  border:1px solid rgba(23,24,23,.16);
  background:var(--paper);
  transition:transform 180ms ease,border-color 180ms ease,background 180ms ease;
}
.zxr-card:hover{
  z-index:2;
  transform:translateY(-3px);
  border-color:rgba(23,24,23,.42);
  background:#fff;
}
.zxr-card-head{
  display:flex;
  align-items:center;
  gap:10px;
}
.zxr-avatar{
  width:34px;
  height:34px;
  display:grid;
  flex:0 0 auto;
  place-items:center;
  border:1px solid rgba(23,24,23,.22);
  background:#e6e3db;
  font:650 12px/1 "Space Grotesk","PingFang SC",sans-serif;
}
.zxr-author{min-width:0;display:grid;gap:3px}
.zxr-author strong{
  overflow:hidden;
  font-size:13px;
  font-weight:720;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.zxr-platform{
  color:var(--muted);
  font-size:10px;
  letter-spacing:.04em;
}
.zxr-card-stars{
  margin-left:auto;
  color:var(--orange);
  font:600 11px/1 "Space Grotesk",sans-serif;
  letter-spacing:.06em;
  white-space:nowrap;
}
.zxr-quote{
  min-height:68px;
  display:-webkit-box;
  margin:18px 0 16px;
  overflow:hidden;
  color:#30312f;
  font-size:14px;
  line-height:1.65;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}
.zxr-photos{
  height:92px;
  display:flex;
  gap:6px;
  margin:0 0 16px;
  overflow:hidden;
}
.zxr-photo{
  position:relative;
  min-width:0;
  flex:1 1 0;
  overflow:hidden;
  border:0;
  background:#d9d7d0;
  padding:0;
  cursor:zoom-in;
}
.zxr-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.78) contrast(.97);
  transition:filter 180ms ease,transform 300ms ease;
}
.zxr-card:hover .zxr-photo img{filter:none;transform:scale(1.025)}
.zxr-photo-more{
  position:absolute;
  right:6px;
  bottom:6px;
  min-width:28px;
  padding:5px 6px;
  background:rgba(23,24,23,.78);
  color:#fff;
  font:650 10px/1 "Space Grotesk",sans-serif;
}
.zxr-card-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-top:auto;
  padding-top:12px;
  border-top:1px solid rgba(23,24,23,.12);
  color:var(--muted);
  font-size:10px;
}
.zxr-category{
  overflow:hidden;
  color:var(--orange-dark);
  font-weight:720;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.zxr-verified{white-space:nowrap}
.zxr-loading,.zxr-empty{
  width:min(620px,calc(100vw - 40px));
  margin:34px auto;
  padding:28px;
  border:1px solid rgba(23,24,23,.18);
  background:var(--paper);
  color:var(--muted);
  font-size:13px;
  text-align:center;
}
.zxr-lightbox{
  width:min(900px,calc(100% - 32px));
  max-height:calc(100svh - 32px);
  margin:auto;
  overflow:hidden;
  border:0;
  background:#171817;
  padding:0;
}
.zxr-lightbox::backdrop{background:rgba(23,24,23,.78)}
.zxr-lightbox img{
  width:100%;
  max-height:calc(100svh - 32px);
  object-fit:contain;
}
.zxr-lightbox-close{
  position:absolute;
  top:12px;
  right:12px;
  width:42px;
  height:42px;
  border:1px solid rgba(255,255,255,.34);
  background:rgba(23,24,23,.78);
  color:#fff;
  cursor:pointer;
  font-size:24px;
  line-height:1;
}
@media(max-width:1080px){
  .zxr-head{grid-template-columns:1fr;gap:38px}
  .zxr-scoreboard{justify-self:start}
  .zxr-card{flex-basis:320px;width:320px}
}
@media(max-width:720px){
  .voices .section{padding-top:84px;padding-bottom:88px}
  .zxr-title{font-size:43px}
  .zxr-lead{font-size:14px}
  .zxr-scoreboard{gap:15px}
  .zxr-score{font-size:56px}
  .zxr-filters{margin-top:42px;gap:22px}
  .zxr-wall{margin-top:20px}
  .zxr-wall:before,.zxr-wall:after{display:none}
  .zxr-track{overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .zxr-track::-webkit-scrollbar{display:none}
  .zxr-track-inner{animation:none!important;padding:0 20px}
  .zxr-set-clone{display:none}
  .zxr-card{width:min(82vw,316px);flex-basis:min(82vw,316px);scroll-snap-align:start}
  .zxr-card:hover{transform:none}
}
@media(prefers-reduced-motion:reduce){
  .zxr-wall:before,.zxr-wall:after{display:none}
  .zxr-track{overflow-x:auto;scrollbar-width:none}
  .zxr-track-inner{animation:none!important;padding:0 32px}
  .zxr-set-clone{display:none}
  .zxr-card:hover{transform:none}
}