.reputation-page{
  border-top:1px solid var(--line);
}

.rep-hero{
  padding:34px 38px 32px;
  border-bottom:1px solid var(--line);
}

.rep-hero h1{
  margin:0;
  font:800 clamp(58px,7vw,104px)/.85 var(--cond);
  letter-spacing:-.035em;
  text-transform:uppercase;
}


/* CATEGORY */

.rep-section{
  border-bottom:1px solid var(--line);
}

.rep-section-head{
  min-height:72px;
  padding:0 30px;
  border-bottom:1px solid var(--line);
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.rep-section-head h2{
  margin:0;
  font-size:28px;
  font-weight:800;
  line-height:1;
  text-transform:uppercase;
}

.rep-section-head span{
  color:#777f77;
  font-size:13px;
  font-weight:700;
}


/* GRID */

.rep-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  align-items:start;
}


/* CARD */

.rep-card{
  min-width:0;
  min-height:225px;
  padding:24px 20px 22px;

  border-right:1px solid var(--line);
  border-bottom:1px solid var(--line);

  color:#e4e7e1;
  text-decoration:none;

  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;

  background:transparent;

  transition:
    background .15s ease,
    transform .15s ease;
}

.rep-card:nth-child(4n){
  border-right:0;
}

.rep-card:hover{
  background:#151815;
}


/* LOGO */

.rep-card-logo{
  width:100%;
  height:125px;
  margin:0 0 13px;

  display:flex;
  align-items:center;
  justify-content:center;
}

.rep-card-logo img{
  display:block;

  width:auto;
  height:auto;

  max-width:82%;
  max-height:105px;

  object-fit:contain;
  object-position:center;
}

.rep-card-logo-placeholder{
  justify-content:center;
}

.rep-card-logo-placeholder span{
  color:#707870;
  font-size:58px;
  font-weight:800;
}


/* NAME */

.rep-card-name{
  width:100%;

  margin:0;
  padding:0;

  text-align:center;

  font-size:20px;
  font-weight:800;
  line-height:1.05;

  text-transform:uppercase;

  overflow-wrap:anywhere;
}


/* DEPOSIT */

.rep-card-deposit{
  width:100%;
  margin-top:14px;

  text-align:center;
}

.rep-card-deposit span{
  display:block;

  margin-bottom:4px;

  color:#7f887f;

  font-size:10px;
  font-weight:700;
  letter-spacing:.1em;
}

.rep-card-deposit strong{
  display:block;

  font-size:16px;
  line-height:1.1;
}


/* EMPTY */

.rep-empty{
  grid-column:1/-1;

  padding:30px;

  color:#737b73;
  font-size:14px;
}

.rep-empty-page{
  padding:48px 38px;

  color:#737b73;
}


/* MOBILE */

@media(max-width:780px){

  .rep-hero{
    padding:26px 22px 24px;
  }

  .rep-hero h1{
    font-size:clamp(48px,15vw,72px);
  }

  .rep-section-head{
    min-height:60px;
    padding:0 18px;
  }

  .rep-section-head h2{
    font-size:22px;
  }

  .rep-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .rep-card{
    min-height:180px;
    padding:16px 12px 16px;
  }

  .rep-card:nth-child(4n){
    border-right:1px solid var(--line);
  }

  .rep-card:nth-child(2n){
    border-right:0;
  }

  .rep-card-logo{
    height:94px;
    margin-bottom:10px;
  }

  .rep-card-logo img{
    max-width:88%;
    max-height:82px;
  }

  .rep-card-logo-placeholder span{
    font-size:44px;
  }

  .rep-card-name{
    font-size:17px;
  }

  .rep-card-deposit{
    margin-top:10px;
  }

  .rep-card-deposit span{
    font-size:9px;
  }

  .rep-card-deposit strong{
    font-size:14px;
  }
}