/* 섹션 공통 뼈대: 넓은 화면에서 제목은 왼쪽, 설명은 오른쪽(당근 회사 소개 원리) */
.section {
  padding-top: var(--section-gap);
}

.section-head {
  display: grid;
  gap: var(--s-4);
  margin-bottom: var(--s-7);
}

.section-title {
  font-size: var(--t-h2-size);
  line-height: var(--t-h2-lh);
  font-weight: var(--weight-bold);
  letter-spacing: var(--track-heading);
}

.section-text {
  display: grid;
  gap: var(--s-4);
}

.section-lead {
  max-width: var(--measure);
  font-size: var(--t-lead-size);
  line-height: var(--t-lead-lh);
  color: var(--text-secondary);
}

.section h3 {
  font-size: var(--t-h3-size);
  line-height: var(--t-h3-lh);
  font-weight: var(--weight-semibold);
  letter-spacing: var(--track-heading);
}

@media (min-width: 64rem) {
  .section-head {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: var(--s-5);
    align-items: start;
    margin-bottom: var(--s-8);
  }

  .section-head .section-title {
    grid-column: 1 / span 5;
  }

  .section-head .section-text {
    grid-column: 6 / -1;
    padding-top: 0.35em;
  }
}