/* =============================================================
 * home-seo.css  —  홈 프론트 인트로/SEO 섹션
 *
 * 의존: _tokens.css (색상/폰트/간격/반경/그림자/브레이크포인트 변수)
 * 규약: 브레이크포인트 표준 (≤ 480 / 768 / 1024 / 1280 / 1400 / 1920)
 *       색상/폰트값은 var(--*) 참조 사용
 * ============================================================= */

.home-site-summary {
  max-width: 1400px;
  margin: 1rem auto 1.5rem;
  padding: 0 0.5rem;
}

.home-site-summary__text {
  margin: 0;
  max-width: 880px;
  color: var(--color-gray-500);
  font-size: 0.9rem;
  line-height: 1.65;
  letter-spacing: -0.01em;
}

@media (max-width: 768px) {
  .home-site-summary {
    margin: 0.75rem auto 1.25rem;
  }

  .home-site-summary__text {
    font-size: 0.86rem;
    line-height: 1.6;
  }
}