/* SULKIT type system 01 | Museo Sans / Source Sans 3 / Source Han Sans KR.
   Adobe Fonts are delivered by the Web Project linked in each public page. */
:root {
  --font-display: "museo-sans", "source-sans-3", Arial, sans-serif;
  --font-reading: "source-sans-3", Arial, sans-serif;
  --font-korean: "source-han-sans-korean", "Malgun Gothic", sans-serif;
}

html[lang="en"] body, html[lang="vi"] body { font-family: var(--font-reading); }
html[lang="ko"] body { font-family: var(--font-korean); word-break: keep-all; }

/* Existing pages use several font shorthands; define display roles explicitly. */
html[lang="en"] h1, html[lang="en"] h2, html[lang="en"] h3,
html[lang="en"] h4, html[lang="en"] h5, html[lang="en"] h6,
html[lang="en"] .lead, html[lang="en"] .action,
html[lang="en"] .giant, html[lang="en"] .orbit-center strong,
html[lang="en"] .stage-tabs button,
html[lang="en"] .site-menu a {
  font-family: var(--font-display) !important;
}
html[lang="ko"] h1, html[lang="ko"] h2, html[lang="ko"] h3,
html[lang="ko"] h4, html[lang="ko"] h5, html[lang="ko"] h6,
html[lang="ko"] .lead, html[lang="ko"] .action,
html[lang="ko"] .site-menu a {
  font-family: var(--font-korean) !important;
}
html[lang="vi"] h1, html[lang="vi"] h2, html[lang="vi"] h3,
html[lang="vi"] h4, html[lang="vi"] h5, html[lang="vi"] h6,
html[lang="vi"] .lead, html[lang="vi"] .action,
html[lang="vi"] .site-menu a {
  font-family: var(--font-reading) !important;
}

/* Short navigation and utility text share the reading face. */
.site-header, .site-primary, .header-actions, .site-menu,
.eyebrow, .section-top, .section-foot, .card-index,
button, input, select, textarea, footer {
  font-family: var(--font-reading) !important;
}
html[lang="ko"] .site-header, html[lang="ko"] .site-primary,
html[lang="ko"] .header-actions, html[lang="ko"] .site-menu,
html[lang="ko"] button, html[lang="ko"] input,
html[lang="ko"] select, html[lang="ko"] textarea,
html[lang="ko"] footer { font-family: var(--font-korean) !important; }

/* Keep accented Vietnamese capitals and Korean blocks away from clipping. */
html[lang="vi"] h1, html[lang="vi"] h2, html[lang="vi"] h3 {
  line-height: 1.12;
  letter-spacing: -.035em;
}

@media (max-width: 700px) {
  .site-primary, .header-actions, .site-menu { font-size: max(12px, 1em); }
  .section-top, .section-foot, footer, footer > span { font-size: 12px; }
  .eyebrow, .card-index { font-size: 12px; }
}

/* Hero hierarchy: strengthen the opening line while keeping the emphasized line dominant. */
html[lang="en"] .hero h1,
html[lang="en"] .original-hero h1 { font-weight: 500; }
html[lang="en"] .intro-hero h1,
html[lang="en"] .enquiry-hero h1 { font-weight: 600; }
html[lang="en"] :is(.hero,.original-hero,.intro-hero,.products-hero,.enquiry-hero) h1 strong { font-weight: 700; }