html {
  scroll-behavior: smooth;
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}
section[id],
header {
  scroll-margin-top: 80px;
}
body {
  font-family: "Inter", sans-serif;
}
h1,
h2,
.font-display {
  font-family: "Inter", sans-serif;
}
.bg-noise {
  background-image: radial-gradient(
    circle at 20% 20%,
    rgba(212, 162, 76, 0.08),
    transparent 40%
  );
}