.item {
  lost-column: 1/3;
  composes: mb4 from '_spacing';
}

.card {
  composes: ba br2 bw2 b-iron b-hover-regent b-active-slate from '_borders';
  composes: flex from '_flexbox';
  composes: relative from '_position';
  composes: pa3 from '_spacing';
  composes: transition-s-cubic from '_transitions';
}

.icon {
  composes: mr3 from '_spacing';
  composes: w4 h4 from '_sizing';
}

.name {
  composes: body from '_typography';
  composes: mb0 from '_spacing';
}

.tagline { composes: legal t-regent from '_typography'; }

.type {
  composes: absolute from '_position';
  composes: top-2 right-2 from '_position';
}