@font-face {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 100 1000;
  font-display: swap;
  src: url("fonts/dm-sans-latin.woff2") format("woff2");
}

@font-face {
  font-family: "Fraunces";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("fonts/fraunces-latin.woff2") format("woff2");
}

:root {
  --font-sans: "DM Sans", Arial, sans-serif;
  --font-serif: "Fraunces", Georgia, serif;
}

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

body {
  line-height: 1.5;
}

.eyebrow {
  font-size: 15px !important;
  letter-spacing: .15em !important;
  line-height: 1.35;
}

.learning-label {
  font-size: 13px;
}

@media (min-width: 901px) {
  .hero-pro {
    min-height: 800px;
  }

  .hero-pro-card {
    padding-top: 125px;
    padding-bottom: 125px;
  }

  .hero-pro-image {
    object-position: center 20%;
  }
}

main h1,
main h2,
main h3,
.refined-wordmark strong,
.site-footer strong,
.site-footer b {
  font-family: var(--font-serif);
}

main h1,
main h2,
main h3 {
  font-weight: 400;
}

.site-header .desktop-nav a {
  font-size: 15px;
}

.site-header .header-call,
.site-header .header-book-link {
  font-size: 12px;
}

.programs h2,
.nutrition-heading h2 {
  font-weight: 600;
}

.about-hero h1,
.mission-copy h2,
.about-values h2,
.about-cta h2,
.about-value-grid h3 {
  font-family: Georgia, serif;
  font-weight: 400;
}

@media (max-width: 600px) {
  body {
    font-size: 16px;
  }

  .about-hero h1,
  .inner-hero h1,
  .staff-hero h1 {
    line-height: .96;
  }
}

@media (max-width: 800px) {
  .about-photo img {
    object-position: 78% 50%;
    transform: scale(1.16);
    transform-origin: 78% 50%;
  }
}

@media (max-width: 1050px) and (min-width: 901px) {
  .site-header .desktop-nav {
    gap: 15px;
  }

  .site-header .desktop-nav a {
    font-size: 13px;
  }

  .site-header .header-call,
  .site-header .header-book-link {
    font-size: 11px;
  }
}