.brand-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px 30px;margin-top:30px}
.brand-list li{min-width:0;min-height:136px;display:flex;align-items:center;justify-content:center;padding:25px 20px}
.brand-list img{display:block;object-fit:contain;width:var(--logo-width,180px);max-width:100%;height:var(--logo-height,64px);transition:transform 220ms ease}
@media(hover:hover){.brand-list li:hover img{transform:translateY(-4px)}}
.brand-list.is-revealing li{animation:logo-arrive 650ms cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--order)*65ms)}
@keyframes logo-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:640px){.brand-list{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px 10px;border-radius:12px}.brand-list li{min-height:108px;padding:20px 15px}.brand-list li:last-child:nth-child(odd){grid-column:1/-1}.brand-list img{height:calc(var(--logo-height,64px)*.85)}}
@media(prefers-reduced-motion:reduce){.brand-list.is-revealing li{animation:none}.brand-list img{transition:none}.brand-list li:hover img{transform:none}}

.brand-crop{display:block;position:relative;overflow:hidden;width:235px;max-width:100%;aspect-ratio:2.8/1}.brand-list .brand-crop img{position:absolute;left:0;top:0;height:100%;width:auto;max-width:none;object-fit:contain;transform:none}

.brand-list .hospital-brand{flex-direction:column;gap:14px}.hospital-brand span{font-size:14px;line-height:1.4;font-weight:500;letter-spacing:0;color:var(--muted)}
@media(min-width:1000px){.brand-list{grid-template-columns:repeat(5,minmax(0,1fr));padding:20px 16px}.brand-list li{padding:24px 15px}}
@media(min-width:641px) and (max-width:999px){.brand-list li:last-child{grid-column:2}}