.split-intro-row {
  display: flex;
  gap: var(--space-16);
  align-items: center;        
}

.split-intro-left {
  flex: 0 0 60%;
}

.split-intro-left h2 {
  font-size: var(--text-5xl);
  font-weight: var(--font-bold);
  text-transform: uppercase;
  color: var(--color-dark);
  margin: 0;
}

.split-intro-subtitle {
  font-size: var(--text-2xl);
  font-weight: var(--font-semibold);
  line-height: var(--leading-relaxed);
  color: var(--color-dark);
  margin: 0;
}

.split-intro-text {
  font-size: 1rem;
  line-height: var(--leading-relaxed);
  color: var(--color-dark);
  margin: 0;
}

.split-intro-left .divider {
  position: relative;
  left: calc(-50vw + 50%);
  width: calc(50vw + 25%);
  max-width: calc(50vw + 25% - (100vw - 100%));
}

.split-intro-divider-bottom {
  margin-top: 2rem;
}

.split-intro-right {
  flex: 1;
  display: flex;
  align-items: center;
  min-width: 0;
}

.split-intro-right ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

.split-intro-right .material-symbols-outlined {
  font-variation-settings:
    'FILL' 0,
    'wght' 200,
    'GRAD' 0,
    'opsz' 40;
}

@media (max-width: 1024px) {
  .split-intro-row {
    flex-direction: column;
    gap: var(--space-12);
    align-items: flex-start;
  }

  .split-intro-left {
    flex: 1;
    width: 100%;
  }

  .split-intro-right {
    width: 100%;
    align-items: flex-start;
  }

  .split-intro-right ul {
    align-items: flex-start;
  }

  .split-intro-right ul li {
    justify-content: flex-start;
  }
}

@media (max-width: 768px) {
  .split-intro-left h2 {
    font-size: var(--text-4xl);
  }

  .split-intro-subtitle {
    font-size: var(--text-xl);
  }
}