.coordinators-list {
    --columns: 2;
    --margin: max(40px, calc(72 * var(--base-unit)));
    --item-width: calc((100% - (var(--item-gap) * var(--columns))) / var(--columns));
    --item-gap: var(--grid-gap);
    margin-bottom: calc(var(--margin) * -1);
    margin-right: calc(var(--item-gap) * -1);
    display: flex;
    flex-flow: row wrap;
  }
  
  .coordinators-list > li {
    width: var(--item-width);
    margin-right: var(--item-gap);
    margin-bottom: var(--margin);
  }

  article.coordinators-article {
    display: flex;
    flex-flow: row nowrap;
    --col-1-width: 167px;
    --gap: var(--grid-gap);
    --slant-offset: 6px;
  }

  article.coordinators-article figure {
    width: var(--col-1-width);
    margin-right: var(--gap);
    position: relative;
  }
  
  article.coordinators-article figure > div {
    position: relative;
  }
  
  article.coordinators-article figure .slant {
    position: absolute;
    top: calc(100% + 3px);
    left: calc(var(--slant-offset) * -1);
    z-index: 2;
    width: calc(100% + var(--slant-offset));
    pointer-events: none;
    transform: translateY(-50%);
  }
  
  article.coordinators-article figure .slant svg {
    width: 100%;
    height: auto;
  }
  
  article.coordinators-article figure .slant svg path {
    fill: var(--base-color-light-green);
  }
  
  article.coordinators-article .article-body {
    width: calc(100% - var(--col-1-width) - var(--gap));
  }
  
  article.coordinators-article .article-body > div {
    padding-right: var(--grid-gap);
  }
  
  article.coordinators-article .copy {
    margin-top: .9375rem;
  }
  
  article.coordinators-article.has-placeholder-image figure img {
    filter: hue-rotate(-95deg) brightness(2) saturate(0.3);
  }
  
  
  
  
  
  
  @media (max-width: 1200px) {
    
    article.coordinators-article {
      --col-1-width: calc(150 * var(--base-unit));
    }
    
  }
  
  
  
  
  
  @media (max-width: 700px) {
    
    .coordinators-list {
      --columns: 1;
    }
    
    article.coordinators-article {
      --col-1-width: 80px;
      --gap: calc(var(--page-padding-left) / 2);
    }
    
    article.coordinators-article .copy {
      margin-top: 10px;
    }
    
  }