/* Markalar: equal full-image frames; device lists never substitute for one another. */
.homepage-brand-strip {
  --brand-gap: 10px;
  --brand-columns: 8;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% - (var(--brand-columns) - 1) * var(--brand-gap)) / var(--brand-columns));
  align-items: start;
  gap: var(--brand-gap);
  min-width: 0;
  max-width: 100%;
  margin: 14px 0 12px;
  padding: 3px 2px;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scroll-snap-type: x proximity;
  scrollbar-width: thin;
}
.homepage-brand-strip--mobile,
.homepage-brand-strip[hidden],
.homepage-brand-strip [hidden] {
  display: none;
}
.homepage-brand-strip__item {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  min-width: 0;
  gap: 8px;
  color: #fff;
  font: inherit;
  text-align: center;
  text-decoration: none;
  scroll-snap-align: start;
}
.homepage-brand-strip__item:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 1px;
  border-radius: 12px;
}
.homepage-brand-strip__item:hover {
  color: #fff;
  text-decoration: none;
}
.homepage-brand-strip__media {
  display: block;
  width: 100%;
  aspect-ratio: 2 / 1;
  overflow: hidden;
  border-radius: 10px;
}
.homepage-brand-strip__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.homepage-brand-strip__label {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  min-height: 2.5em;
  overflow-wrap: anywhere;
  font-size: clamp(12px, 3.45vw, 16px);
  line-height: 1.25;
}
@media (min-width: 768px) and (max-width: 1100px) {
  .homepage-brand-strip { --brand-columns: 6; }
}
@media (max-width: 767.98px) {
  .homepage-brand-strip--desktop { display: none; }
  .homepage-brand-strip--mobile:not([hidden]) {
    --brand-gap: clamp(8px, 2.6vw, 16px);
    --brand-columns: 5;
    display: grid;
    margin: 12px 0 0;
  }
  .homepage-brand-strip__media {
    aspect-ratio: 1;
    border-radius: 24%;
  }
}