@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500&display=swap');

:root {
  --forest: #2d4739;
  --cream: #f5f1ea;
  --gold: #c7a35d;
  --muted: #70786f;
  --page: #fdfcf9;
  --font-body: "DM Sans", Arial, sans-serif;
  --font-heading: "Playfair Display", Georgia, serif;
  font-family: var(--font-body);
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  font-weight: 400;
  color: var(--forest);
  background: var(--page);
}

/* Reserve the header's space before its JavaScript loads. */
golden-site-header {
  display: block;
  position: sticky;
  top: 0;
  z-index: 20;
  height: 91px;
  background: var(--page);
}

golden-site-header > a {
  display: inline-block;
  padding: 24px;
  color: var(--forest);
  font-family: var(--font-heading);
}

@media (max-width: 800px) {
  golden-site-header { height: 76px; }
}