.rh-grid3{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:20px;
}

.rh-card{
  --tone:var(--rh-blue);
  position:relative;
  display:flex;
  flex-direction:column;
  gap:10px;
  overflow:hidden;
  padding:28px;
  border:1px solid var(--rh-line);
  border-radius:var(--rh-r);
  background:var(--rh-surface);
  transition:transform var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);
}

.rh-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:2px;
  background:var(--tone);
  opacity:.65;
  transition:opacity var(--transition-base);
}

.rh-card:hover{
  transform:translateY(-3px);
  border-color:var(--rh-line2);
  box-shadow:0 18px 44px rgba(0,0,0,.32);
}

.rh-card:hover::before{
  opacity:1;
}

.rh-card p{
  margin:0;
  font-size:.875rem;
  line-height:1.55;
  color:var(--rh-muted);
}

@media (max-width: 900px){
  .rh-grid3{
    grid-template-columns:1fr;
    gap:14px;
  }
}