.brand-logos-section{position:relative;padding:96px 48px;background:#080a0d;border-bottom:1px solid var(--border-light)}
.brand-logos-section .sp-section-header{align-items:flex-end;margin-bottom:48px}
.brand-logo-intro{max-width:440px;margin:0;color:#8a9098;font-family:var(--font-primary);font-size:.96875rem;line-height:1.65}
.brand-logo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;max-width:1240px;margin:auto}
.brand-logo-card{margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:#101216;transition:border-color .25s ease,transform .25s ease}
.brand-logo-art{display:flex;align-items:center;justify-content:center;aspect-ratio:1.2;background:#f0efeb;padding:26px}
.brand-logo-art img{display:block;width:100%;height:100%;object-fit:contain}
@media(hover:hover){.brand-logo-card:hover{border-color:rgba(255,77,0,.55);transform:translateY(-3px)}}
@media(max-width:1000px){.brand-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-logos-section .sp-section-header{align-items:flex-start;flex-direction:column;gap:24px}.brand-logo-intro{max-width:620px}}
@media(max-width:600px){.brand-logos-section{padding:64px 24px}.brand-logo-grid{grid-template-columns:1fr;gap:16px}.brand-logo-art{aspect-ratio:1.45;padding:30px}.brand-logos-section .sp-section-header{margin-bottom:32px}}
@media(prefers-reduced-motion:reduce){.brand-logo-card{transition:none}.brand-logo-card:hover{transform:none}}
