/* 한국어: Gabarito와 Figtree에는 한글이 없어 Gothic A1(제목)과 Noto Sans KR(본문)을 씁니다 (ui.json fonts_href).
   한글은 어절 단위로 줄을 바꾸고(keep-all), 라틴 대문자용 넓은 자간과 촘촘한 행간을 한글에 맞게 조정합니다. */
:root {
  --display: "Gothic A1", "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
  --sans: "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
}

/* 단어 중간에서 줄이 바뀌지 않도록: 어절 단위 줄바꿈, 너무 긴 낱말(주소, URL)만 예외로 끊음 */
body { word-break: keep-all; overflow-wrap: break-word; line-break: strict; line-height: 1.7; }

/* 제목: 한글은 받침과 모음이 위아래로 커서 라틴 기준 행간(1.04)이면 줄이 겹쳐 보임 */
.display { line-height: 1.24; letter-spacing: -0.02em; }
.hero--home .display { font-size: clamp(38px, 4vw, 58px); }
.h2 { line-height: 1.28; letter-spacing: -0.02em; }
.h3 { line-height: 1.32; letter-spacing: -0.015em; }
.proof-num .sub { letter-spacing: -0.02em; }

/* 라틴 대문자용 넓은 자간을 한글 라벨에 맞게 좁힘 */
.eyebrow { letter-spacing: .06em; }
.wcard-group, .index-cap, .facts dt, .product-body .facts dt, .aud-tag, .cf-org, .quote figcaption b,
.press p, .sub--mega .mega-group, .foot-col p, .prod-body .prod-group, .bio-org { letter-spacing: .04em; }

/* 본문 단락: ch 단위는 한글 한 글자보다 좁아 줄이 짧아지므로 조금 넓힘 */
.lead { max-width: 52ch; }
.statement, .faq details p { line-height: 1.75; }