/* Logo Css */
    /* ── Section Wrapper ── */
    .logo-section {
      background: #1a1a1a;
      padding: 60px 40px;
    }
 
    /* ── Section Header ── */
    .section-header {
      text-align: center;
      margin-bottom: 40px;
    }
 
    .section-header .eyebrow {
      font-size: 12px;
      letter-spacing: 0.22em;
      color: #e07b39;
      text-transform: uppercase;
      font-family: Georgia, serif;
      font-weight: 400;
      margin-bottom: 10px;
    }
 
    .section-header h2 {
      font-size: 26px;
      color: #f5f0e8;
      font-weight: 400;
      letter-spacing: 0.06em;
    }
 
    /* ── Decorative Divider ── */
    .divider {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 14px;
      margin: 14px auto 0;
    }
 
    .divider-line {
      width: 70px;
      height: 1px;
      background: linear-gradient(90deg, transparent, #e07b39);
    }
 
    .divider-line.right {
      background: linear-gradient(90deg, #e07b39, transparent);
    }
 
    .divider-dot {
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: #e07b39;
    }
 
    /* ── Carousel Outer Wrapper (clips overflow + adds fade edges) ── */
    .carousel-wrapper {
      overflow: hidden;
      position: relative;
    }
 
    .carousel-wrapper::before,
    .carousel-wrapper::after {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      width: 100px;
      z-index: 2;
      pointer-events: none;
    }
 
    .carousel-wrapper::before {
      left: 0;
      background: linear-gradient(90deg, #1a1a1a, transparent);
    }
 
    .carousel-wrapper::after {
      right: 0;
      background: linear-gradient(90deg, transparent, #1a1a1a);
    }
 
    /* ── Scrolling Track ── */
    .carousel-track {
      display: flex;
      gap: 24px;
      width: max-content;
      animation: logoScroll 28s linear infinite;
    }
 
    .carousel-track:hover {
      animation-play-state: paused;
    }
 
    @keyframes logoScroll {
      0%   { transform: translateX(0); }
      100% { transform: translateX(-50%); }
    }
 
    /* ── Individual Logo Card ── */
    .logo-card {
      width: 160px;
      height: 100px;
      background: #2a2520;
      border: 1px solid #3a3028;
      border-radius: 8px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 16px;
      flex-shrink: 0;
      transition: border-color 0.3s ease, background 0.3s ease;
      cursor: pointer;
    }
 
    .logo-card:hover {
      border-color: #e07b39;
      background: #322820;
    }
 
    .logo-card img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      filter: brightness(0.95) contrast(1.05);
      transition: filter 0.3s ease;
    }
 
    .logo-card:hover img {
      filter: brightness(1.1) contrast(1.05);
    }
 
    /* ── Pause / Play Controls ── */
    .controls {
      display: flex;
      justify-content: center;
      gap: 14px;
      margin-top: 30px;
    }
 
    .ctrl-btn {
      width: 38px;
      height: 38px;
      border-radius: 50%;
      border: 1px solid #e07b39;
      background: transparent;
      color: #e07b39;
      font-size: 15px;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: background 0.2s ease, color 0.2s ease;
    }
 
    .ctrl-btn:hover {
      background: #e07b39;
      color: #1a1a1a;
    }