.page-intro {
  display: flex;
  flex-wrap: wrap;
  margin: -3.2rem calc(-24px / 2);
}
.page-intro__body, .page-intro__right {
  margin-top: 3.2rem;
  padding: 0 calc(24px / 2);
  width: 100%;
}
@media (min-width: 48em) {
  .page-intro__body, .page-intro__right {
    width: 50%;
  }
}
.page-intro__body img, .page-intro__right img {
  border-radius: 12px;
}
.page-intro__category {
  color: #6b6b10;
  font-size: 12;
  font-weight: 700;
  margin-bottom: 1.6rem;
  text-transform: uppercase;
}
@media (min-width: 48em) {
  .page-intro__category {
    margin-bottom: 3.2rem;
  }
}