/* 홈 Our Clients 로고 띠 (React Bits Logo Loop 이식). 작품 카드 끝·footer 바로 위, 틈 없이 붙음.
   크기·간격은 확정 시안(clients-mockup.png)을 화면 폭(vw) 비율로 환산한 값: 로고 이미지 높이 3.27vw(보이는 심볼 높이 2.32vw), 간격 2.83vw, 제목 13px(홈 메뉴와 동일), 띠 바탕 #130a22, 제목 #5a4480.
   작은 화면에서는 아래 최소값(px)으로 멈춤. */
.n9-clients{position:relative;z-index:1;margin:0;background:var(--n9-cl-bg,#130a22);padding:max(.88vw,14px) 0 max(1.56vw,18px)}
.n9-clients~.n9-sf{margin-top:0}   /* footer 바로 위에 틈 없이 붙음 (기본 footer 위 여백 70px 제거) */
.n9-cl-src{display:none}
.n9-cl-h{margin:0 0 max(.86vw,10px);text-align:center;font-family:var(--n9-font);font-weight:700;line-height:1.2;letter-spacing:.2em;text-transform:uppercase;font-size:calc(var(--n9-cl-ts,13)*1px);color:#5a4480}   /* 홈 메뉴(HOME·PORTFOLIO…)와 같은 서체·크기·굵기·자간 */
.n9-cl-vp{position:relative;overflow:hidden}
.n9-cl-track{display:flex;width:max-content;will-change:transform}
.n9-cl-seq{display:flex;flex:none;align-items:center}
.n9-cl-item{flex:none;display:block;opacity:var(--n9-cl-op,1);padding-right:max(calc(var(--n9-cl-gap,2.83)*1vw),20px);line-height:0}
.n9-cl-item img{height:max(calc(var(--n9-cl-h,3.27)*1vw),30px);width:auto;max-width:max(calc(var(--n9-cl-maxw,16)*1vw),120px);object-fit:contain;object-position:left center;display:block;transition:transform .25s cubic-bezier(.22,1,.36,1)}
a.n9-cl-item:hover img{transform:scale(1.08)}