/* COMPONENT: PERSON CARD */
  
  .module-persons .module-header .headline {
    margin-left: 0;
  }
  
  .persons-list {
    --base-width: 100%;
    --columns: 3;
    --column-width: calc((var(--base-width) - (var(--column-gap) * var(--columns))) / var(--columns));
    --column-gap: var(--grid-gap);
    --row-gap: max(40px, calc(85 * var(--base-unit)));
    margin-right: calc(var(--column-gap) * -1);
    margin-bottom: calc(var(--row-gap) * -1);
    display: flex;
    flex-flow: row wrap;
  }
  
  .persons-list > * {
    width: var(--column-width);
    margin-right: var(--column-gap);
    margin-bottom: var(--row-gap);
  }
  
  .person-card .row-1 {
    --padding: max(15px, calc(22 * var(--base-unit)));
    background: #394390;
    color: #fff;
    position: relative;
    overflow: hidden;
  }
  
  .person-card .row-2 {
    margin-top: max(15px, calc(25 * var(--base-unit)));
    padding-bottom: max(15px, calc(25 * var(--base-unit)));
  }
  
  .person-card .name {
    padding: var(--padding);
    padding-bottom: calc(var(--padding) * 1.5);
  }
  
  .person-card .role {
    position: absolute;
    bottom: var(--padding);
    left: var(--padding);
  }
  
  .person-card .role > span {
    display: inline-block;
    transform: rotate(-90deg) translateY(100%);
    transform-origin: left bottom;
    line-height: 1;
  }

  .person-card .row-2 .cpy-18 {
    line-height: 1.38095238095238095238;
  }
  
  .person-card .btn-set {
    margin-top: max(15px, calc(20 * var(--base-unit)));
  }
  
  .person-card .btn-set svg {
    width: max(25px, calc(35 * var(--base-unit)));
    height: auto;
    display: inline-block;
  }
  
  .person-card .hdln-32 {
    --min-font-size: 14px;
  }
  
  .person-card .cpy-21 {
    --min-font-size: 12px;
  }
  
  
  
  
  
  
  
  @media (max-width: 750px) {
    
    .persons-list {
      --columns: 2;
    }
    
  }
  
  
  
  
  
  
  @media (max-width: 450px) {
    
    .persons-list {
      --columns: 1;
      max-width: 280px;
      --row-gap: var(--page-padding-left);
    }
    
    .person-card .row-1 {
      margin-bottom: 0;
    }
    
  }