.reasons {
  display: grid;
  grid-template-columns: var(--container);
  justify-content: center;

  
  row-gap: var(--spacing-block-lg);

  
  padding-block: var(--spacing-section-edge);

  background: var(--color-surface-subtle);
}

.reasons__intro {
  display: flex;
  flex-direction: column;

  
  gap: var(--spacing-heading-h2);
}

.reasons__title {
  font: var(--type-heading-h2);

  
  color: var(--color-text-heading);
}



.reasons__list {
  display: flex;
  flex-direction: column;

  
  gap: var(--spacing-block-md);

  
  list-style: none;
}

@media (min-width: 1200px) {
  .reasons {
    
    grid-template-columns:
      var(--col-text)
      calc(var(--container) - var(--col-text) - var(--spacing-block-xl));

    column-gap: var(--spacing-block-xl);
  }
}