.sr-wrap{overflow:hidden;position:relative}
.sr-head{text-align:center;padding:0 1.5rem 2.5rem}
.sr-head h2{font-size:clamp(1.8rem,4vw,2.8rem);margin:0 0 .4rem;font-weight:700}
.sr-head p{font-size:1.05rem;opacity:.55;margin:0}
.sr-row{overflow:hidden;padding:.6rem 0;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 5%,#000 95%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 5%,#000 95%,transparent 100%)}
.sr-track{display:flex;gap:1.25rem;width:max-content;animation:srL var(--sr-speed,35s) linear infinite;will-change:transform}
.sr-track:hover{animation-play-state:paused}
.sr-track--rev{animation-name:srR}
@keyframes srL{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes srR{0%{transform:translateX(-50%)}100%{transform:translateX(0)}}
.sr-card{flex-shrink:0;width:340px;background:#fff;border-radius:16px;padding:1.5rem;border:1px solid rgba(0,0,0,.06);box-shadow:0 2px 20px rgba(0,0,0,.06);transition:box-shadow .3s,transform .3s;display:flex;flex-direction:column;gap:.85rem}
.sr-card:hover{box-shadow:0 8px 36px rgba(0,0,0,.12);transform:translateY(-3px)}
.sr-stars{display:flex;gap:2px}
.sr-text{font-size:.95rem;line-height:1.65;color:#444;margin:0;flex:1}
.sr-author{display:flex;align-items:center;gap:.75rem;padding-top:.65rem;border-top:1px solid #f0ebe5}
.sr-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1rem;flex-shrink:0}
.sr-name{display:block;font-size:.9rem;color:#1a1a1a}
.sr-label{display:block;font-size:.75rem;color:#aaa;text-transform:uppercase;letter-spacing:.05em;margin-top:1px}
@media(max-width:749px){.sr-card{width:280px;padding:1.2rem}.sr-head{padding-bottom:1.5rem}}