/* referans logoları: iki sıralı kayan şerit */
.refs-sec{padding:110px 0 100px;border-top:1px solid var(--line)}
.refs-sec .head{margin-bottom:46px}.refs-sec h2{font-family:var(--serif);font-weight:300;font-size:clamp(34px,4.6vw,70px);line-height:1;letter-spacing:-.03em;margin-top:14px}.refs-sec h2 em{color:var(--terra)}
.refs{overflow:hidden;display:grid;gap:10px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.refs-row{display:flex;gap:10px;width:max-content;will-change:transform}
.refs-row.r1{animation:refsL 70s linear infinite}
.refs-row.r2{animation:refsR 90s linear infinite}
.refs:hover .refs-row{animation-play-state:paused}
@keyframes refsL{to{transform:translate3d(-50%,0,0)}}
@keyframes refsR{from{transform:translate3d(-50%,0,0)}to{transform:none}}
.ref{flex:none;width:176px;height:104px;background:var(--card);border-radius:8px;display:grid;place-items:center;position:relative;transition:opacity .3s,background .3s}
.ref{--u:1px}
.ref img{height:auto;display:block;transition:transform .35s cubic-bezier(.2,.7,.2,1);user-select:none;-webkit-user-drag:none}
.ref b{position:absolute;left:6px;right:6px;bottom:9px;text-align:center;font-size:9px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);opacity:0;transform:translateY(4px);transition:opacity .3s,transform .3s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.refs:hover .ref{opacity:.35}
.refs .ref:hover{opacity:1;background:#fff}
.ref:hover img{transform:translateY(-9px)}
.ref:hover b{opacity:1;transform:none}
@media(max-width:700px){.ref{width:140px;height:84px;--u:.78px}.refs-sec{padding:70px 0 64px}}
@media(prefers-reduced-motion:reduce){.refs{-webkit-mask-image:none;mask-image:none;overflow-x:auto}.refs-row.r1,.refs-row.r2{animation:none}}