.brand-carousel { padding: 0 6vw 44px; max-width: 1440px; margin: auto; }
.carousel-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 18px; }
.carousel-toolbar p { margin: 0; }
.carousel-controls { display: flex; gap: 8px; }
.carousel-controls button { width: 38px; height: 38px; border: 1px solid var(--line); border-radius: 50%; color: var(--green); background: var(--paper); cursor: pointer; }
.carousel-controls button:hover { background: var(--soft); }
.carousel-auto[aria-pressed="true"] .play-icon,
.carousel-auto[aria-pressed="false"] .pause-icon { display: none; }
.brand-showcase { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 32px) / 3); gap: 16px; overflow-x: auto; scroll-behavior: auto; scroll-snap-type: none; scrollbar-width: none; padding-bottom: 12px; }
.brand-showcase > a { position: relative; display: block; height: clamp(300px, 34vw, 460px); overflow: hidden; border-radius: 6px; }
.brand-showcase img { width: 100%; height: 100%; object-fit: cover; }
.brand-showcase > a > span { position: absolute; inset: auto 14px 14px; display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; background: rgba(250,249,246,.95); border-radius: 4px; font-size: 13px; }
.brand-showcase > a:focus-visible { outline-offset: -4px; }
@media (max-width: 900px) { .brand-showcase { grid-auto-columns: calc((100% - 16px) / 2); } }
@media (max-width: 700px) {
  .brand-carousel { padding: 0 22px 30px; }
  .carousel-toolbar .eyebrow { font-size: 9px; letter-spacing: 1px; }
  .brand-showcase { grid-auto-columns: 85%; gap: 12px; }
  .brand-showcase > a { height: 380px; }
}

.brand-showcase::-webkit-scrollbar { display: none; }