.logo-band{position:relative}.logo-band__canvas{pointer-events:none;opacity:0;z-index:3;width:100%;height:100%;transition:opacity .3s;position:absolute;inset:0}.logo-band__grid{z-index:2;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1rem;display:grid;position:relative}.logo-card{aspect-ratio:1;border:1px solid var(--line);transition:border-color .3s var(--ease);background:linear-gradient(160deg,#14110f,#0a0a0a);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:1.2rem;text-decoration:none;display:flex;position:relative;overflow:hidden}.logo-card:hover{border-color:#c94c358c}.logo-card img{object-fit:contain;max-width:68%;max-height:62%}.logo-card span{color:var(--muted);font:.65rem var(--font-mono);letter-spacing:.14em;text-transform:uppercase}@media (max-width:700px){.logo-band__grid{grid-template-columns:repeat(2,1fr)}.logo-card{aspect-ratio:4/3;padding:1rem}}