.product-brands { background: #0d1419; color: #f3f5f6; padding: 72px 0 56px; overflow: hidden; }
.brands-heading { display: grid; grid-template-columns: 1.1fr 1fr; gap: 70px; align-items: end; }
.brands-heading .eyebrow { color: #89a8bb; margin-bottom: 20px; }
.brands-heading h2 { font-size: clamp(36px,4vw,58px); line-height: 1.1; letter-spacing: -.055em; }
.brands-heading > p { max-width: 320px; margin: 0 0 3px auto; color: #9aadb9; font-size: 14px; line-height: 1.8; }
.brands-window { margin-top: 43px; border-block: 1px solid #a8c4d31b; padding: 33px 0; background: #eef1f2; }
.brands-track { display: flex; width: 100%; }
.brands-group { list-style: none; margin: 0; padding: 0 max(25px,4vw); display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 32px 60px; width: 100%; }
.brand-mark { display: flex; justify-content: center; align-items: center; flex: 0 0 165px; height: 70px; }
.brand-mark img { display: block; width: 100%; height: 54px; object-fit: contain; transition: transform .5s var(--ease); }
.brand-mark:hover img { opacity: 1; transform: translateY(-3px); }
.brand-mark--koch img { height: 42px; }
.brand-mark--gtechniq img { width: 230px; max-width: none; height: 70px; }
.brand-mark--ps img { width: 130px; height: 60px; }
.brand-mark--soft99 img { width: 105px; height: 70px; }
.brand-mark--yumcars img { height: 24px; filter: brightness(0); }
.brands-group[aria-hidden="true"] { display: none; }
@media(prefers-reduced-motion:no-preference) {
  .product-brands.is-ready .brands-window { mask-image: linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); -webkit-mask-image: linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); }
  .product-brands.is-ready .brands-track { width: max-content; animation: brand-circuit 48s linear infinite; animation-play-state: paused; }
  .product-brands.is-ready .brands-group { display: flex; flex-wrap: nowrap; flex-shrink: 0; width: auto; min-width: 100vw; gap: 80px; padding: 0 80px 0 0; justify-content: space-around; }
  .product-brands.is-ready .brand-mark { flex-basis: 190px; width: 190px; }
  .product-brands.is-ready.is-visible .brands-track { animation-play-state: running; }
  .product-brands.is-ready .brands-window:is(:hover,:focus-within) .brands-track { animation-play-state: paused; }
}
@keyframes brand-circuit { to { transform: translateX(-50%); } }
@media(max-width:700px) {
  .product-brands { padding: 50px 0 35px; }
  .brands-heading { grid-template-columns: 1fr; gap: 20px; }
  .brands-heading > p { margin: 0; font-size: 13px; }
  .brands-window { margin-top: 30px; padding: 25px 0; }
  .brands-group { gap: 24px; }
  .brand-mark { flex-basis: 125px; }
  .product-brands.is-ready .brands-group { gap: 45px; padding-right: 45px; }
  .product-brands.is-ready .brand-mark { width: 145px; flex-basis: 145px; }
  .brand-mark--ps img { width: 110px; }
  .brand-mark--gtechniq img { width: 180px; height: 60px; }
}
@media(forced-colors:active) { .brand-mark img { filter: none; opacity: 1; background: white; } }