:root {
  --font-thai: "Anuphan", Tahoma, Arial, sans-serif;
  --type-page-title: clamp(2rem, 4vw, 4.25rem);
  --type-section-title: clamp(1.875rem, 3vw, 3.25rem);
  --type-article-title: clamp(1.75rem, 2.2vw, 2.625rem);
}

html,
body,
button,
input,
select,
textarea {
  font-family: var(--font-thai);
}

h1,
h2,
h3,
h4,
.brand-name,
.brand strong,
.fact-value,
.section-title {
  font-family: var(--font-thai);
  font-weight: 600;
}

body {
  font-weight: 400;
}

h1 {
  line-height: 1.32;
}

h2 {
  line-height: 1.36;
}

h3,
h4 {
  line-height: 1.45;
}

body main h1 {
  font-size: var(--type-page-title) !important;
  line-height: 1.32 !important;
  letter-spacing: -0.025em !important;
}

body main h2 {
  line-height: 1.36 !important;
}

body main h3,
body main h4 {
  line-height: 1.45 !important;
}

body main .section-title,
body main .section-intro h2,
body main .section-head h2,
body main .origin h2,
body main .story h2,
body main .topics > .container > h2,
body main .latest .section-title,
body main .map-section .section-title,
body main .reviews .section-title {
  font-size: var(--type-section-title) !important;
}

body main .prose h2 {
  font-size: var(--type-article-title) !important;
  line-height: 1.4 !important;
}

.nav a,
.nav button,
.primary,
.outline,
.line,
.line-btn,
.text-link {
  font-family: var(--font-thai);
  font-weight: 600;
}

.eyebrow,
.caption,
figcaption,
.meta,
small {
  font-family: var(--font-thai);
  font-weight: 500;
}