/* Looped Thai typography, approximating the user's reference card. */
@font-face {
  font-family: "Sarabun";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("assets/fonts/Sarabun-Regular.woff") format("woff");
}
@font-face {
  font-family: "Sarabun";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("assets/fonts/Sarabun-Medium.woff") format("woff");
}
@font-face {
  font-family: "Sarabun";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("assets/fonts/Sarabun-SemiBold.woff") format("woff");
}
@font-face {
  font-family: "Sarabun";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("assets/fonts/Sarabun-Bold.woff") format("woff");
}

body {
  font-family: "Sarabun", Tahoma, sans-serif;
  line-height: 1.75;
}
button, input, select, textarea { font-family: inherit; }
h1, h2, h3 {
  font-weight: 700;
  letter-spacing: normal;
}
.hero h1 {
  font-weight: 600;
  letter-spacing: normal;
  line-height: 1.45;
}
.brand strong {
  letter-spacing: normal;
  line-height: 1.55;
}
.eyebrow, .hero .eyebrow { letter-spacing: normal; }