.brands {
  padding-block: clamp(3.125rem, 1.25rem + 9.375vw, 12.5rem)
    clamp(6.25rem, 6.125rem + 0.625vw, 6.875rem);
}

.brands__all {
  margin-bottom: 1.25rem;
  padding: var(--space-xs) clamp(0.625rem, 0.4125rem + 1.0625vw, 1.6875rem);
  border-radius: 1.5rem;
  background-color: var(--color-surface);
}

.brands__all .btn--link__text {
  font-family: var(--font-header-menu);
  font-size: clamp(1.25rem, 0.9375rem + 1.5625vw, 2.8125rem);
  line-height: clamp(1.5625rem, 1.1625rem + 2vw, 3.5625rem);
  text-decoration: none;
}

.brands__all .btn--link__arrow {
  width: clamp(1.375rem, 1.075rem + 1.5vw, 2.875rem);
}

.brands__list {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(0.875rem, 0.75rem + 0.625vw, 1.5rem);
}

.logo-strip-brands__list,
.logo-strip-clients__list {
  margin-top: clamp(1.25rem, 0.875rem + 1.875vw, 3.125rem);
  margin-bottom: 3.125rem;
}

.brands__item {
  min-width: 0;
}

.brand-card__text {
  font-family: var(--font-body-medium);
  font-size: clamp(0.625rem, 0.475rem + 0.75vw, 1.375rem);
  line-height: clamp(0.875rem, 0.675rem + 1vw, 1.875rem);
}

@media (min-width: 768px) {
  .brands__list {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 1024px) {
  .brands__list {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (min-width: 1600px) {
  .brands__list {
    grid-template-columns: repeat(5, 1fr);
  }
}

@media (min-width: 1800px) {
  .brands__list {
    grid-template-columns: repeat(6, 1fr);
  }
}

.brand-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  min-width: 0;
  height: 100%;
  padding: clamp(0.625rem, 0.5rem + 0.625vw, 1.25rem);
  background-color: var(--color-surface);
  border-radius: 1.25rem;
  text-decoration: none;
  color: var(--color-primary);
}

.brand-card__media {
  display: flex;
  align-items: center;
  justify-content: center;
  height: clamp(2.8125rem, 1.875rem + 4.6875vw, 7.5rem);
  min-width: 0;
}

.brand-card__media img {
  width: auto;
  height: 100%;
  max-width: 100%;
  object-fit: contain;
}

.logo-strip-clients__list .brand-card {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: clamp(6.25rem, 4rem + 11.25vw, 17.5rem);
}

.logo-strip-clients__list .brand-card__media {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: auto;
}

.brand-card__line {
  width: 100%;
  height: 1px;
  background-color: var(--color-border);
  margin: clamp(0.625rem, 0.5rem + 0.625vw, 1.25rem) 0;
}

.brand-card__link {
  height: clamp(3.125rem, 2.625rem + 2.5vw, 5.625rem);
  gap: clamp(0.3125rem, 0.125rem + 0.9375vw, 1.25rem);
}

.brand-card__link .btn--link__text {
  font-family: var(--font-header-menu);
  font-size: clamp(1.4375rem, 1.1625rem + 1.375vw, 2.8125rem);
  line-height: clamp(1.8125rem, 1.4625rem + 1.75vw, 3.5625rem);
  text-decoration: none;
  white-space: normal;
}

.brand-card__link .btn--link__arrow {
  width: clamp(1.375rem, 1.075rem + 1.5vw, 2.875rem);
}