/* Behavior-only enhancement; existing logo tiles, artwork and row dimensions are retained. */
.logo-carousel.is-enhanced { position:relative; }
.logo-carousel.is-enhanced .logo-carousel__viewport {
  overflow-x:auto;
  overflow-y:hidden;
  overscroll-behavior-x:contain;
  overscroll-behavior-y:auto;
  touch-action:pan-x pan-y pinch-zoom;
  scroll-behavior:auto;
  scrollbar-width:none;
  cursor:grab;
}
.logo-carousel.is-enhanced .logo-carousel__viewport::-webkit-scrollbar { display:none; }
.logo-carousel.is-enhanced .logo-carousel__viewport:focus-visible { outline:3px solid var(--orange-500); outline-offset:-3px; }
.logo-carousel.is-enhanced .logo-carousel__viewport.is-dragging { cursor:grabbing; user-select:none; }
.logo-carousel.is-enhanced .logo-track { animation:none; transform:none; will-change:auto; }
.logo-carousel.is-enhanced .logo-set[aria-hidden="true"] { display:flex; }
.client-proof-label:has(+ .logo-carousel.is-enhanced) { padding-inline-end:6.5rem; }
.logo-playback {
  position:absolute;
  right:0;
  bottom:calc(100% + 1.25rem);
  min-width:5.5rem;
  min-height:2.75rem;
  padding:.4rem .8rem;
  border:1px solid var(--line);
  border-radius:0;
  background:var(--white);
  color:var(--green-800);
  font-family:var(--font-body);
  font-size:.85rem;
  font-weight:700;
  cursor:pointer;
}
.logo-playback[hidden] { display:none; }
.logo-playback:hover { border-color:var(--green-800); }
.logo-playback:focus-visible { outline:3px solid var(--orange-500); outline-offset:3px; }

.logo-playback { display:inline-flex; align-items:center; justify-content:center; gap:.4rem; }
.logo-playback svg { flex:none; fill:currentColor; }