.sr-brands {
  --sr-brand-text: #f7f9ff;
  box-sizing: border-box;
  isolation: isolate;
  width: 100%;
  padding: clamp(40px, 6vw, 76px) 24px;
  background: radial-gradient(ellipse at 50% 0, rgba(87, 45, 172, .13), transparent 68%), #08080c;
  border-block: 1px solid rgba(187, 175, 255, .09);
  color: var(--sr-brand-text);
}
.sr-brands *, .sr-brands *::before, .sr-brands *::after { box-sizing: border-box; }
.sr-brands .sr-brands__inner { max-width: 1160px; margin: 0 auto; }
.sr-brands .sr-brands__heading { margin: 0 0 32px; padding: 0; color: var(--sr-brand-text); font: 800 clamp(24px, 2.6vw, 32px)/1.25 Raleway, sans-serif; letter-spacing: -.035em; text-align: center; text-transform: none; }
.sr-brands .sr-brands__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(165px, 1fr)); gap: 1px; margin: 0; padding: 1px; list-style: none; overflow: hidden; border: 1px solid rgba(215, 205, 255, .08); border-radius: 18px; background: rgba(215, 205, 255, .07); }
.sr-brands .sr-brands__cell { display: flex; min-width: 0; height: 112px; padding: 0; margin: 0; background: #0c0c12; position: relative; list-style: none; }
.sr-brands .sr-brands__logo { display: flex; align-items: center; justify-content: center; position: relative; width: 100%; height: 100%; padding: 16px; border: 0; border-radius: 0; box-shadow: none; text-decoration: none; background: transparent; transition: background .25s ease; }
.sr-brands .sr-brands__logo img { display: block; width: var(--sr-brand-size, 75%); height: auto; max-width: 180px; max-height: 64px; object-fit: contain; border: 0; border-radius: 0; box-shadow: none; opacity: 1; filter: none; transition: filter .25s ease, opacity .25s ease; }
.sr-brands .sr-brands__cell--light { background: #ededf2; }
.sr-brands .sr-brands__logo:focus-visible { outline: 2px solid #82ccfa; outline-offset: -4px; border-radius: 8px; }
@media (hover: hover) and (pointer: fine) {
  .sr-brands .sr-brands__logo img { filter: grayscale(1); opacity: .78; }
  .sr-brands .sr-brands__logo:hover, .sr-brands .sr-brands__logo:focus-visible { background: rgba(112, 64, 207, .10); }
  .sr-brands .sr-brands__logo:hover img, .sr-brands .sr-brands__logo:focus-visible img { filter: grayscale(0); opacity: 1; }
}
@keyframes sr-brand-reveal { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
@media (prefers-reduced-motion: no-preference) {
  .sr-brands.sr-brands--revealed .sr-brands__cell { animation: sr-brand-reveal .45s ease both; animation-delay: var(--sr-brand-delay, 0ms); }
}
@media (max-width: 760px) {
  .sr-brands .sr-brands__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 480px) {
  .sr-brands { padding: 40px 20px; }
  .sr-brands .sr-brands__heading { margin-bottom: 24px; }
  .sr-brands .sr-brands__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); border-radius: 12px; }
  .sr-brands .sr-brands__cell { height: 88px; }
  .sr-brands .sr-brands__logo { padding: 12px; }
  .sr-brands .sr-brands__logo img { max-height: 48px; }
}
@media (prefers-reduced-motion: reduce) {
  .sr-brands .sr-brands__logo, .sr-brands .sr-brands__logo img { transition: none; }
}