html {
  scroll-behavior: smooth;
  scroll-padding-top: 5rem;
}

/* header gains a shadow once the page is scrolled, toggled by main.js */
#site-header.is-scrolled {
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
  border-bottom-color: rgb(241 245 249);
}

/* nav link highlighted while its section is in view, toggled by main.js */
[data-nav-link].is-active {
  color: #c8792b;
}

/* simple fade-up reveal for sections as they scroll into view */
.reveal {
  opacity: 0;
  transform: translateY(16px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}