html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; }

#nav.scrolled {
  background: rgba(250, 248, 245, 0.92);
  backdrop-filter: saturate(140%) blur(8px);
  border-bottom: 1px solid rgba(138, 133, 126, 0.15);
}
#nav.scrolled a, #nav.scrolled span { color: #111; }

.reveal {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.9s ease, transform 0.9s ease;
}
.reveal.in { opacity: 1; transform: none; }

::selection { background: #6B7A4B; color: #FAF8F5; }