/* ============================================================
   MOTIVE — logos.css
   파트너 로고 월. 히어로 바로 아래 = 첫 신뢰 장치.

   로고는 흰 실루엣 PNG(투명). 기본은 눌러두고, 마우스가 닿은 것만 살아난다.
   전부 밝게 켜두면 로고 12개가 서로 싸워서 아무것도 안 남는다.
   ============================================================ */

#partners{padding:56px 0 60px;position:relative;overflow:hidden;
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  background:linear-gradient(180deg,rgba(10,17,34,.5),rgba(6,11,24,.9))}

/* 위아래로 은은한 광원 — 로고가 어둠에서 떠오르는 느낌 */
#partners::before{content:"";position:absolute;left:50%;top:-140px;transform:translateX(-50%);
  width:900px;height:280px;border-radius:50%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(139,92,246,.16),transparent 72%);filter:blur(28px)}

.pt-head{text-align:center;margin-bottom:34px}
.pt-head .lb{font-size:11.5px;font-weight:800;letter-spacing:.2em;color:var(--a3);margin-bottom:10px}
.pt-head .tt{font-size:20px;font-weight:800;letter-spacing:-.02em;color:var(--tx)}
.pt-head .tt b{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.pt-head .sb{font-size:13px;color:var(--tx3);margin-top:7px}

/* 무한 흐름 */
.pt-rail{position:relative;display:flex;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);
          mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}
.pt-rail + .pt-rail{margin-top:26px}
.pt-track{display:flex;align-items:center;gap:64px;padding-right:64px;flex:0 0 auto;
  animation:ptFlow 42s linear infinite;will-change:transform}
.pt-rail.rev .pt-track{animation-direction:reverse;animation-duration:52s}
@keyframes ptFlow{to{transform:translateX(-50%)}}
#partners:hover .pt-track{animation-play-state:paused}   /* 읽으려고 멈춘 사람을 방해하지 않는다 */

.pt-logo{flex:0 0 auto;display:grid;place-items:center;position:relative}
/* height:100% 는 img 의 height 속성에 밀린다. px 로 못 박는다. */
#partners .pt-logo img{height:34px;width:auto;display:block;
  opacity:.34;filter:grayscale(1);
  transition:opacity .32s cubic-bezier(.2,.7,.2,1),filter .32s,transform .32s}
#partners .pt-logo:hover img{opacity:1;transform:scale(1.07);
  filter:grayscale(0) drop-shadow(0 0 14px rgba(139,92,246,.55))}

/* 로고 뒤에서 번지는 빛 — hover 시에만 */
.pt-logo::after{content:"";position:absolute;inset:-24px -30px;border-radius:50%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(79,141,255,.22),transparent 70%);
  opacity:0;transition:opacity .32s}
.pt-logo:hover::after{opacity:1}

.pt-note{text-align:center;font-size:12px;color:var(--tx3);margin-top:34px;line-height:1.7}

@media(max-width:760px){
  #partners{padding:44px 0 46px}
  .pt-track{gap:42px;padding-right:42px;animation-duration:30s}
  .pt-rail.rev .pt-track{animation-duration:38s}
  #partners .pt-logo img{height:26px}
  .pt-head .tt{font-size:17px}
}
@media(prefers-reduced-motion:reduce){
  .pt-track{animation:none}
  .pt-rail{-webkit-mask-image:none;mask-image:none;overflow-x:auto;scrollbar-width:none}
  .pt-rail::-webkit-scrollbar{display:none}
  .pt-logo img{transition:none}
}