body {
  font-family: 'Lato', sans-serif;
  scroll-behavior: smooth;
}

h1,
h2,
h3,
h4 {
  font-family: 'Playfair Display', serif;
}

.bg-sage-50 { background-color: #f4f7f5; }
.bg-sage-100 { background-color: #e3e9e5; }
.text-sage-800 { color: #2c4a3b; }
.bg-sage-600 { background-color: #4a7c64; }
.bg-sage-700 { background-color: #3b6350; }
.hover-sage-700:hover { background-color: #3b6350; }

.logo-crop {
  width: 6.75rem;
  height: 4rem;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.logo-crop img {
  width: 9.375rem;
  max-width: none;
  flex-shrink: 0;
}