.brands-section { padding: 120px 0; background: #111417; }
.brand-groups { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2px; }
.brand-groups article { padding: 34px; background: #1a1e22; border-top: 4px solid #3a3f44; }
.brand-groups .brand-primary { grid-column: 1 / -1; border-color: var(--red); }
.brand-groups span { color: var(--red); font-size: 12px; font-weight: 900; letter-spacing: .16em; }
.brand-groups h3 { margin: 8px 0 24px; font-size: 21px; }
.brand-groups p, .brands-note { color: var(--muted); }
.brand-names { display: flex; flex-wrap: wrap; gap: 8px; }
.brand-names b { padding: 10px 15px; border: 1px solid #42484e; background: #0b0d0f; font-size: 15px; letter-spacing: .03em; }
.brands-note { margin-top: 24px; font-size: 14px; }
@media (max-width: 800px) {
  .brands-section { padding: 90px 0; }
  .brand-groups { grid-template-columns: 1fr; }
  .brand-groups .brand-primary { grid-column: auto; }
  .brand-names b { font-size: 14px; }
}