html {
  scroll-behavior: smooth;
}

body {
  background: #f6f1ea;
  color: #1c1714;
}

header {
  background-color: rgba(246, 241, 234, 0.94);
}

[id] {
  scroll-margin-top: 8.5rem;
}

.hero-scrim {
  background: linear-gradient(
    rgba(20, 18, 16, 0.28),
    rgba(20, 18, 16, 0.16) 38%,
    rgba(20, 18, 16, 0.74)
  );
}

.page-scrim {
  background: linear-gradient(
    rgba(20, 18, 16, 0.2),
    rgba(20, 18, 16, 0.55)
  );
}

.nav-current {
  color: #1c1714;
  box-shadow: inset 0 -1px 0 #6f3140;
}