.logo-carousel-wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
  }

  /* White fade edges — match bg-surface-container-low (#f5f3f3) */
.logo-carousel-wrapper::before,
  .logo-carousel-wrapper::after {
    content: "";
    position: absolute;
    top: 0;
    width: clamp(40px, 8vw, 160px);
    height: 100%;
    z-index: 2;
    pointer-events: none;
  }
  .logo-carousel-wrapper::before {
    left: 0;
    background: linear-gradient(to right, #f5f3f3 0%, transparent 100%);
  }

  .logo-carousel-wrapper::after {
    right: 0;
    background: linear-gradient(to left, #f5f3f3 0%, transparent 100%);
  }

  .logo-carousel-track {
    display: flex;
    align-items: center;
    gap: 5rem;
    width: max-content;
    animation: logoScroll 35s linear infinite;
    gap: 1rem;

  }

  /* Pause on hover */
  .logo-carousel-wrapper:hover .logo-carousel-track {
    animation-play-state: paused;
  }

.logo-carousel-track .logo-slot {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 90px;
  width: 220px;
  flex-shrink: 0;
  opacity: 0.75;
  transition: opacity 0.3s ease, filter 0.3s ease;
}
  .logo-carousel-wrapper:hover .logo-slot {
    opacity: 0.9;
    filter: grayscale(0%);
  }

  .logo-carousel-track .logo-slot img {
    height: 100%;
    width: 100%;
    object-fit: contain;
  }

  /* Placeholder boxes shown when images aren't loaded */
  .logo-carousel-track .logo-slot .logo-placeholder {
    width: 100%;
    height: 100%;
    border: 1px solid #cfc4c5;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .logo-carousel-track .logo-slot .logo-placeholder span {
    font-family: 'Inter', sans-serif;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #ffffff;
  }

  /* Separator dots between logos */
  .logo-carousel-track .logo-sep {
    width: 4px;
    height: 4px;
    background-color: #cfc4c5;
    border-radius: 50%;
    flex-shrink: 0;
  }

  @keyframes logoScroll {
    from { transform: translateX(0); }
    to   { transform: translateX(-50%); }
  }

  /* Modern glassmorphism utilities */
  .glass-panel {
      background: rgba(255, 255, 255, 0.65);
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      border: 1px solid rgba(0, 0, 0, 0.04);
  }