/*
Typography
*/
/* font family */
/* perfect triangle */
/* type scale ratio */
/* type scale */
/* Vertical Rythm */
/*
xs: 576px,
sm: 768px,
md: 992px,
lg: 1200px
*/
.row {
  display: grid;
  gap: var(--spacer);
  align-items: start;
}
.row.row-2 {
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 63rem) {
  .row.row-2 {
    grid-template-columns: 1fr;
  }
}
.row.row-41 {
  grid-template-columns: 4fr 1fr;
}
@media (max-width: 63rem) {
  .row.row-41 {
    grid-template-columns: 1fr;
  }
}
.row.row-21 {
  grid-template-columns: 2fr 1fr;
}
@media (max-width: 63rem) {
  .row.row-21 {
    grid-template-columns: 1fr;
  }
}
.row .s-title {
  display: block;
  font-size: 2.74625rem;
  line-height: 1.1;
  margin-bottom: var(--spacer);
}
@media (max-width: 63rem) {
  .row .s-title {
    font-size: 2.1125rem;
  }
}
.row .badge {
  font-size: 0.9615384615rem;
  line-height: 1.8;
  height: 34px;
  padding: calc(var(--spacer) / 8) calc(var(--spacer));
}
@media (max-width: 63rem) {
  .row .badge {
    font-size: 0.9615384615rem;
    line-height: 1.8;
    padding: calc(var(--spacer) / 8) calc(var(--spacer) / 2);
  }
}
.row p {
  margin-bottom: calc(var(--spacer) * 2);
}
.row strong {
  font-weight: bold;
}