.services-marquee { --service-slot:220px; --service-gap:40px; }
/* Explicit grid tracks keep the repeated group's intrinsic width equal to its
   visible contents in WebKit, including the space after the last logo. */
.services-group { display:grid; grid-auto-flow:column; grid-auto-columns:var(--service-slot); gap:var(--service-gap); width:max-content; flex:none; padding-right:var(--service-gap); }
.service-brand { display:flex; flex:none; width:var(--service-slot); min-width:0; max-width:var(--service-slot); flex-direction:column; gap:3px; height:106px; }
.service-logo-frame { display:flex; align-items:center; justify-content:center; width:180px; max-width:100%; height:64px; overflow:hidden; flex-shrink:0; }
.service-brand .service-logo-frame img { display:block; object-fit:contain; width:148px; max-width:100%; height:auto; flex-shrink:0; }
.service-naver .service-logo-frame img { width:132px; }
.service-coupang .service-logo-frame img { width:164px; }
.service-payple .service-logo-frame img { width:142px; }
.service-toss .service-logo-frame img { width:260px; height:130px; max-width:none; }
.service-brand>small { display:block; color:#64758c; font-family:Pretendard,system-ui,sans-serif; font-size:12px; font-weight:450; letter-spacing:0; line-height:1.6; }
@media(max-width:600px) {
  .services-marquee { --service-slot:164px; --service-gap:36px; }
  .service-brand { height:92px; }
  .service-logo-frame { width:136px; height:52px; }
  .service-naver .service-logo-frame img { width:112px; }
  .service-coupang .service-logo-frame img { width:124px; }
  .service-payple .service-logo-frame img { width:116px; }
  .service-toss .service-logo-frame img { width:200px; height:100px; max-width:none; }
  .service-brand>small { font-size:11px; }
}
body:not(.motion-ready) .services-group { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-flow:row; grid-auto-columns:auto; width:100%; gap:20px 16px; padding:0; }
body:not(.motion-ready) .service-brand { width:100%; max-width:none; }
@media(prefers-reduced-motion:reduce) {
  html:not([data-motion-opt-in]) .services-group { grid-auto-flow:row; grid-auto-columns:auto; gap:20px 16px; }
  html:not([data-motion-opt-in]) .service-brand { width:100%; max-width:none; }
}