.review-marquee{
  padding: 60px 10%;
  text-align: center;
}

.review-title{
  font-family: 'Oswald', sans-serif;
  font-size: 2.6rem;
  margin-bottom: 18px;
  letter-spacing: 2px;
}

.marquee{
  max-width: 1100px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  padding: 10px 0;
}

/* 양쪽 페이드(흐르는 느낌 더 고급) */
.marquee::before,
.marquee::after{
  content:"";
  position:absolute;
  top:0;
  width: 80px;
  height:100%;
  z-index: 2;
  pointer-events: none;
}
.marquee::before{
  left:0;
  background: linear-gradient(to right, #fff, rgba(255,255,255,0));
}
.marquee::after{
  right:0;
  background: linear-gradient(to left, #fff, rgba(255,255,255,0));
}

.marquee-track{
  display: flex;
  gap: 14px;
  width: max-content;
  animation: marquee 22s linear infinite;
}

/* 마우스 올리면 잠시 멈춤 */
.marquee:hover .marquee-track{
  animation-play-state: paused;
}

@keyframes marquee{
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

.review-card{
  flex: 0 0 auto;
  width: 320px;
  padding: 18px 16px;
  border: 1px solid rgba(0,0,0,0.10);
  border-radius: 16px;
  background: #fff;
  text-align: left;
}

.review-text{
  font-size: 16px;
  font-weight: 700;
  line-height: 1.45;
  margin-bottom: 10px;
}

.review-meta{
  font-size: 13px;
  opacity: 0.7;
}

/* 모바일 */
@media (max-width: 768px){
  .review-marquee{ padding: 60px 16px; }
  .review-title{ font-size: 2.1rem; }
  .review-card{ width: 260px; }
  .marquee::before, .marquee::after{ width: 44px; }
}

/* 모션 줄이기 설정 */
@media (prefers-reduced-motion: reduce){
  .marquee-track{ animation: none; }
}