.logos{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--obsidian);padding-block:clamp(48px,8vh,96px)}.logos__lead{color:var(--text-2);text-align:center;margin:0 0 clamp(24px,4vh,40px)}.logos__vp{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.logos__t{will-change:transform;align-items:center;width:max-content;display:flex}.logos{--logo-scale:1}.logos__i{height:calc(168px * var(--logo-scale));margin-inline:calc(26px * var(--logo-scale));flex:none;place-items:center;display:grid;position:relative}.logos__i img{width:calc(var(--w) * var(--logo-scale) * 1px);height:calc(var(--h) * var(--logo-scale) * 1px);object-fit:contain;transition:opacity var(--dur-base) var(--ease-out), filter var(--dur-base) var(--ease-out);grid-area:1/1;display:block}.logos__bone{opacity:.68}.logos__colour,.logos__i:hover .logos__bone{opacity:0}.logos__i:hover .logos__colour{opacity:1}.logos__i.is-mono .logos__colour{display:none}.logos__i.is-mono:hover .logos__bone{opacity:1;filter:drop-shadow(0 0 12px #9d8cff73)}@media (max-width:900px){.logos{--logo-scale:.78}}@media (max-width:560px){.logos{--logo-scale:.62}}@media (prefers-reduced-motion:reduce){.logos__vp{-webkit-mask-image:none;mask-image:none}.logos__t{flex-wrap:wrap;justify-content:center;gap:8px 0;width:auto}.logos__t .logos__i:nth-child(n+13){display:none}}
