.rc-about {
  background: var(--color-brand-background);
  background: radial-gradient(circle at top right, var(--color-primary-cta-background), var(--color-brand-background));
  border-bottom: var(--spacer-medium) solid var(--color-brand-background);
  border-top: var(--spacer-medium) solid var(--color-brand-background);
  color: var(--color-brand-foreground);
  padding: var(--spacer-large) 0;
}

.rc-about .rc-link {
  color: var(--color-accent-background);
}

.rc-about > div {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: var(--spacer-xl);
}

.rc-about article {
  max-width: 66%;
  padding: var(--spacer-large);
}

.rc-about h3 {
  margin-bottom: var(--spacer-large);
}

.rc-about svg {
  height: 20%;
  width: 20%;
  margin: 0 var(--spacer-medium) 0 0;
}

.rc-about svg path,
.rc-about svg rect {
  fill: var(--color-brand-foreground);
}

@media (max-width: 800px) {
  .rc-about article {
    max-width: 70%;
    padding: var(--spacer-large) 0 var(--spacer-large) var(--spacer-large);
  }
}

@media (max-width: 700px) {
  .rc-about article {
    max-width: none;
    padding: var(--spacer-large);
  }

  .rc-about svg {
    display: none;
  }
}