html {
  scroll-behavior: smooth;
}

body {
  background:
    radial-gradient(900px 420px at 8% -10%, rgba(44, 138, 130, 0.12), transparent 55%),
    radial-gradient(720px 380px at 100% 0%, rgba(224, 122, 95, 0.1), transparent 50%),
    #f7f3ec;
}

[data-header].is-scrolled {
  background: rgba(247, 243, 236, 0.92);
  box-shadow: 0 8px 24px rgba(50, 46, 42, 0.06);
}

@media (max-width: 1023px) {
  body.nav-open #site-nav {
    display: flex;
  }
}

::selection {
  background: #2c8a82;
  color: #fffdf8;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  * {
    transition: none !important;
  }
}