.logos-section{--gap:16px;--card-bg:#ffffff;--card-border:rgba(0,0,0,0.08);--card-shadow:-1px 1px 9px 4px #37506c1c;--radius:12px;--title-color:#3d3d3d;padding:24px 0;}.logos-heading{margin:0 0 16px;font-size:1.25rem;font-weight:700;color:var(--title-color);}.logo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap);}.logo-item{min-width:0;}.logo-item.span-2{grid-column:span 2;}.logo-card{background:#ffffff;border:1px solid var(--card-border);border-radius:var(--radius);box-shadow:var(--card-shadow);padding:14px;display:flex;flex-direction:column;align-items:stretch;justify-content:space-around;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease;height:200px;}.logo-media{background:var(--card-bg);border-radius:calc(var(--radius) - 4px);display:grid;align-content:center;place-items:center;overflow:hidden;}.logo-media img{max-width:90%;max-height:80%;width:auto;height:auto;object-fit:contain;}.logo-title{text-align:center;font-size:.95rem;font-weight:600;margin:10px 6px 2px;line-height:1.25;}.logo-title a{color:var(--title-color);text-decoration:none;transition:color 0.2s ease;}.logo-title a:hover{color:#1a70ad;}@media (max-width:1200px){.logo-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}@media (max-width:900px){.logo-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.logo-item.span-2{grid-column:span 2;}}@media (max-width:540px){.logo-grid{grid-template-columns:1fr;}.logo-item.span-2{grid-column:span 1;}}