@import url("https://fonts.googleapis.com/css2?family=Lora:wght@400..700&display=swap");

:root {
  --face: "Lora", Georgia, "Times New Roman", serif;
  --body: "Trebuchet MS", Arial, sans-serif;
}
body { font-family: var(--body); font-size: 18px; line-height: 1.65; }
h1, h2, .kl, .kp > p:last-child { font-family: var(--face); font-weight: 500; }
h1 { font-size: clamp(2.5rem, 5.5vw, 4.5rem); line-height: 1.12; letter-spacing: -.035em; text-wrap: balance; }
h2 { font-size: clamp(1.55rem, 2.5vw, 1.9rem); line-height: 1.3; letter-spacing: -.015em; text-wrap: balance; }
h3, dt { font-size: 1.125rem; line-height: 1.45; font-weight: 700; }
button, input, a { font: inherit; }
button, .ey, .qt, .sn, .ft, .md, figcaption { font-size: 1rem; }
.ld { font-size: 1.25rem; line-height: 1.65; }
.bn { font-family: var(--face); font-size: 1.25rem; font-weight: 500; line-height: 1.2; }
.wh h2 { font-size: 1.35rem; }
.kp > p:last-child { font-size: 1.4rem; line-height: 1.55; }
@media (max-width: 600px) {
  body { font-size: 18px; }
  h1 { font-size: 2.55rem; }
  .ld { font-size: 1.125rem; }
  .bn { font-size: 1.125rem; }
}