.partners-list {
    --columns: 6;
    --item-width: calc((100% - (var(--columns) * var(--item-gap))) / var(--columns));
    --item-gap: var(--grid-gap);
    --margin: var(--item-gap);
    margin-bottom: calc(var(--margin) * -1);
    margin-right: calc(var(--item-gap) * -1);
    display: flex;
    flex-flow: row wrap;
    width: calc(100% + var(--item-gap));
  }
  
  .partners-list > li {
    width: var(--item-width);
    margin-right: var(--item-gap);
    margin-bottom: var(--margin);
    display: flex;
    flex-flow: column nowrap;
    aspect-ratio: 1 / 1;
  }
  
  .partners-list div.partner {
    border: 1px solid var(--base-color-gray);
    flex-grow: 1;
    background: #fff;
  }
  
  .partners-list div.partner figure {
    height: 100%;
  }
  
  .partners-list div.partner img {
    display: block;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    padding: max(10px, calc(20 * var(--base-unit)));
    object-fit: contain;
  }
  
  .partners-list div.partner a {
    display: block;
    height: 100%;
  }
  
  
  
  
  
  
  
  @media (max-width: 1100px) {
    
    .partners-list {
      --columns: 5;
    }
    
  }
  
  
  
  
  @media (max-width: 700px) {
    
    .partners-list {
      --columns: 4;
    }
    
  }
  
  
  
  
  
  
  @media (max-width: 400px) {
    
    .partners-list {
      --columns: 3;
    }
    
  }