.features {
  .grid {
    --content-max-width: 60rem;

    >figure {
      margin: var(--space-m) 0 0 0;

      >figcaption {
        color: var(--color-neutral-4);
      }
    }
  }

  .text {
    text-align: left;
    justify-items: start;
    margin: var(--space-l) 0 0 0;

    >p {
      color: var(--color-neutral-3);
      max-width: 100%;
      text-wrap: auto;
    }

    >ul {
      margin: 0 0 0 var(--space-m);
      padding: 0;
      display: flex;
      flex-direction: column;
      gap: var(--space-2xs);

      >li {
        color: var(--color-neutral-3);
      }
    }
  }
}


.onboarding-1 {
  max-height: 60rem;
  object-fit: contain;
  border: 1px solid var(--color-neutral-7);
}

.onboarding-2 {
  max-height: 85rem;
  object-fit: contain;
  border: 1px solid var(--color-neutral-7);
}

.onboarding-3 {
  max-height: 70rem;
  object-fit: contain;
  border: 1px solid var(--color-neutral-7);
}

.grid-1 {
  border: 1px solid var(--color-neutral-7);
}

.start-building {
  margin: var(--space-l-2xl) 0 0 0;
}