html {
  scroll-behavior: smooth;
}

body {
  font-feature-settings: "palt";
}

.hero-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background:
    linear-gradient(180deg, rgba(247, 244, 237, 0.92) 0%, rgba(247, 244, 237, 0.75) 45%, rgba(247, 244, 237, 0.95) 100%),
    radial-gradient(circle at 80% 20%, rgba(74, 124, 155, 0.15) 0%, transparent 40%),
    radial-gradient(circle at 20% 80%, rgba(61, 107, 79, 0.12) 0%, transparent 45%);
}