

.refs-r { padding: 96px 0 88px; --re-cell: 220px; --k: 1.07; }
.refs-r .re-head { margin-bottom: 46px; }
.refs-r .h2 { max-width: none; }

.refs-r .re-cell { gap: 16px; padding: 30px 18px 22px; } 
.refs-r .re-cell { grid-template-rows: minmax(0, 1fr) auto; }
.refs-r .re-cell img { min-height: 0; max-height: 94px; object-fit: contain; width: auto; max-width: min(100%, calc(var(--w) * var(--k) * 1px)); }
.refs-r .re-cell--kuria img { max-height: 94px; } 
.refs-r .re-name { max-width: 29ch; }

.refs-r .re-eras { margin-top: 56px; }
.refs-r .re-eras__head { padding-bottom: 16.5px; }
.refs-r .re-row { padding: 18px 0 16px; }
.refs-r .re-key { gap: 7.5px; }
.refs-r .re-names { column-gap: 30px; }

@media (max-width: 960px) {
  .refs-r .re-names { column-count: 3; }
}
@media (max-width: 900px) {
  .refs-r { --re-cell: 190px; --k: .91; padding: 80px 0 74px; }
}
@media (max-width: 680px) {
  .refs-r { --re-cell: 160px; --k: .69; padding: 66px 0 60px; }
  .refs-r .re-head { margin-bottom: 30px; }
  .refs-r .re-cell { padding: 20px 10px 16px; gap: 12px; }
  .refs-r .re-cell img { max-height: 62px; }
  .refs-r .re-cell--kuria img { width: 52px; max-height: 62px; }
  .refs-r .re-eras { margin-top: 44px; }
  .refs-r .re-eras__head { padding-bottom: 13px; }
  .refs-r .re-row { padding: 18.5px 0 16.5px; }
  .refs-r .re-key { margin: 0 0 7.5px; }
  .refs-r .re-names { column-count: 2; }
  .refs-r .re-names li { padding: 1.5px 0 1.5px 14px; }
  .refs-r .re-names li::before { top: 11.5px; }
}
