.layer--logo-sliders .eyebrow {
    margin-bottom: 30px;
}

.layer--logo-sliders .marquee{
  filter: grayscale();
  mix-blend-mode: multiply;
}
:root {
    --color-text: #F3E8E4;
    --color-bg: rgba(243,232,228,0.1);
    --color-bg-accent: #F3E8E4;
    --size: clamp(15rem, 1rem + 25vmin, 30rem);
    --gap: calc(var(--size) / 24);
    --duration: 40s;
    --scroll-start: 0;
    --scroll-end: calc(-100% - var(--gap));
  }
    
    .marquee {
      display: flex;
      overflow: hidden;
      user-select: none;
      gap: var(--gap);
      /* mask-image: linear-gradient(
        var(--mask-direction, to right),
        hsl(0 0% 0% / 0),
        hsl(0 0% 0% / 1) 20%,
        hsl(0 0% 0% / 1) 80%,
        hsl(0 0% 0% / 0)
      ); */
  
      padding-bottom: var(--gap);
    
      
    }
    
  
  
  
    /* .brand-marquee h2 {
      text-align: center;
      font-style: normal;
      font-weight: 600;
      font-size: 28px;
      line-height: 61px;
      letter-spacing: 0.02em;
  
      padding-bottom: 20px;
    } */
    .brand-marquee h2 {
      font-family: "Roboto Condensed", sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 27px;
      line-height: 40px;
    }
  
  
    .marquee__group {
      flex-shrink: 0;
      display: flex;
      align-items: center;
      justify-content: space-around;
      gap: var(--gap);
      min-width: 100%;
      animation: scroll-x var(--duration) linear infinite;
    }
    
    @media (prefers-reduced-motion: reduce) {
      .marquee__group {
        animation-play-state: paused;
      }
    }
    .marquee--reverse .marquee__group {
      animation-direction: reverse;
      animation-delay: -3s;
    }
    
    @keyframes scroll-x {
      from {
        transform: translateX(var(--scroll-start));
      }
      to {
        transform: translateX(var(--scroll-end));
      }
    }
    
    @keyframes scroll-y {
      from {
        transform: translateY(var(--scroll-start));
      }
      to {
        transform: translateY(var(--scroll-end));
      }
    }
    
    /* Element styles */
    .marquee svg,
    .marquee img {
      display: grid;
      place-items: center;
      width: var(--size);
      height: auto;
      fill: var(--color-text);
      background: var(--color-bg);
      aspect-ratio: 15/9;
      /* padding: calc(var(--size) / 24) calc(var(--size) / 24); */
      padding:  0;
      border-radius: 7px;
    }
    
    .marquee--vertical svg,
    .marquee--vertical img {
      aspect-ratio: 1;
      width: calc(var(--size) / 1.5);
      padding: calc(var(--size) / 24);
    }
    
  
    
    .toggle span {
      position: absolute;
      display: inline-block;
      top: 50%;
      left: calc(100% + 0.4em);
      width: fit-content;
      white-space: nowrap;
      transform: translateY(-50%);
      animation: fade 400ms 4s ease-out forwards;
      user-select: none;
    }
    
    .toggle svg {
      --size: 1.5rem;
      position: absolute;
      top: 50%;
      left: 50%;
      width: var(--size);
      height: var(--size);
      fill: currentcolor;
      transform: translate(-50%, -50%);
      transition: transform 300ms cubic-bezier(0.25, 1, 0.5, 1);
    }
    
    .toggle--vertical svg {
      transform: translate(-50%, -50%) rotate(-90deg);
    }
    
    @keyframes fade {
      to {
        opacity: 0;
        visibility: hidden;
      }
    }