section#system {
  display: flex;
  justify-content: space-between;
  margin: 5rem var(--padding-body);

  .text {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 46vw;
    max-width: 27rem;

    .top {
      .section-title {
        font-weight: 400;
        font-size: var(--font-size-s);
        text-transform: uppercase;
        margin-bottom: 0.75rem;
      }

      .title {
        font-family: 'owners-xnarrow', sans-serif;
        font-weight: 500;
        font-size: var(--font-size-l);
        text-transform: uppercase;
        color: var(--color-blue);
        margin-bottom: 2rem;
      }

      .info {
        font-size: var(--font-size-m);
        font-weight: 500;
      }
    }

    .bottom {
      ul {
        li {
          list-style: disc;
          list-style-position: inside;
        }
      }
      ul:not(:last-child) {
        margin-bottom: 3rem;
      }
    }
  }

  figure {
    width: 55%;
    height: 46vw;
    img {
      object-fit: cover;
      width: 100%;
      height: 100%;
    }
  }
}