.feature__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--s-md-space);
  @media (max-width: 43rem) {
    grid-template-columns: 1fr;
  }
}
.feature__card {
  position: relative;
  overflow: clip;
  display: grid;
  align-items: start;
  align-content: start;
  gap: var(--s-dl-space);
  padding: var(--s-lg-space);
  background-color: var(--c-background-primary);
  border-radius: var(--s-xlg-space);
  border: solid var(--border-thickness) var(--c-border-primary);
}
.feature__h2 {
  display: flex;
  align-items: end;
  justify-content: end;
  padding: 0 var(--s-md-space);
}
.feature__card svg {
  --icon-size: 2rem;
  color: var(--c-accent-primary);
  width: var(--icon-size);
  height: var(--icon-size);
}
.card__content h3 {
  font-size: var(--f-size-md);
  line-height: 1;
  margin-bottom: 0.5em;
}
.feature__card:nth-child(2) {
  grid-row: span 2;
  @media (max-width: 43rem) {
    grid-row: span 1;
  }
}