/* RUPTLINE_PUBLIC_LEGACY_DIRECTORY_R7 */

.rl-r7-directory{
  width:100%;
  padding:148px 0 90px;
  background:#05060a;
  color:#ececf0;
}

html[data-theme="light"] .rl-r7-directory{
  background:#f7f7f4;
  color:#171920;
}

.rl-r7-directory__inner{
  width:min(calc(100% - 48px),1120px);
  margin:0 auto;
}

.rl-r7-directory__hero{
  max-width:800px;
  padding:42px 0 58px;
}

.rl-r7-directory__eyebrow{
  margin:0 0 14px;
  color:#8258f1;
  font-size:10px;
  line-height:1;
  font-weight:700;
  letter-spacing:.15em;
}

.rl-r7-directory h1{
  margin:0;
  color:inherit;
  font-size:clamp(44px,6vw,72px);
  line-height:.99;
  font-weight:520;
  letter-spacing:-.055em;
}

.rl-r7-directory__lead{
  max-width:690px;
  margin:20px 0 0;
  color:#7d8490;
  font-size:14px;
  line-height:1.7;
}

.rl-r7-directory__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}

.rl-r7-directory__grid--two{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.rl-r7-directory__card{
  min-height:255px;
  display:flex;
  flex-direction:column;
  padding:22px;
  border:1px solid rgba(255,255,255,.085);
  border-radius:20px;
  background:#0c0d12;
  color:inherit;
  text-decoration:none;
  transition:transform .16s ease,border-color .16s ease;
}

.rl-r7-directory__card:hover{
  transform:translateY(-3px);
  border-color:rgba(130,88,241,.34);
}

.rl-r7-directory__card > span{
  color:#8258f1;
  font-size:9px;
  font-weight:700;
  letter-spacing:.11em;
}

.rl-r7-directory__card h2{
  margin:auto 0 8px;
  color:#f0f0f3;
  font-size:18px;
  line-height:1.2;
  font-weight:560;
  letter-spacing:-.025em;
}

.rl-r7-directory__card p{
  margin:0;
  color:#737986;
  font-size:11px;
  line-height:1.55;
}

.rl-r7-directory__note{
  margin-top:62px;
  padding-top:28px;
  border-top:1px solid rgba(255,255,255,.075);
  color:#6f7580;
  font-size:11px;
  line-height:1.65;
}

html[data-theme="light"] .rl-r7-directory__card{
  border-color:rgba(20,23,35,.08);
  background:#fff;
}

html[data-theme="light"] .rl-r7-directory__card h2{
  color:#171920;
}

html[data-theme="light"] .rl-r7-directory__card p,
html[data-theme="light"] .rl-r7-directory__lead,
html[data-theme="light"] .rl-r7-directory__note{
  color:#697180;
}

html[data-theme="light"] .rl-r7-directory__note{
  border-color:rgba(20,23,35,.08);
}

@media(max-width:820px){
  .rl-r7-directory__grid,
  .rl-r7-directory__grid--two{
    grid-template-columns:1fr;
  }
}

@media(max-width:620px){
  .rl-r7-directory{
    padding:105px 0 62px;
  }

  .rl-r7-directory__inner{
    width:min(calc(100% - 28px),1120px);
  }

  .rl-r7-directory__hero{
    padding:38px 0 42px;
  }

  .rl-r7-directory h1{
    font-size:clamp(38px,12vw,56px);
  }

  .rl-r7-directory__card{
    min-height:205px;
  }
}