:root {
  --john-well-sans: 'Inter', 'Helvetica Neue', Arial, sans-serif;
  --john-well-display: 'Playfair Display', Georgia, serif;
}

html,
body,
button,
input,
select,
textarea {
  font-family: var(--john-well-sans) !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.brand,
.brand-title,
.brand-mark,
.brand-logo,
.nav-brand,
.hero-brand,
.hero-brand-sub,
.consultation-bar,
.footer-mark,
.page-header,
.book-title,
.book-subtitle {
  font-family: var(--john-well-display) !important;
  font-weight: 400;
}

.brand,
.brand-title,
.brand-mark,
.brand-logo,
.nav-brand {
  letter-spacing: 0.12em;
}

.brand-title {
  text-transform: none;
}

p.lead,
.lede,
.book-subtitle {
  font-family: var(--john-well-sans) !important;
  font-weight: 300;
}

button,
.btn,
nav a,
.nav-links a,
.eyebrow {
  letter-spacing: 0.12em;
}