html {
  background: #18201c;
}

body {
  position: relative;
  isolation: isolate;
  background: transparent;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    linear-gradient(180deg, #161d1433, #141a1580),
    radial-gradient(circle at 64% 10%, rgba(226, 181, 110, .18), transparent 34%),
    url("/assets/alpine-valley.webp"),
    linear-gradient(135deg, #1a211b, #425032 46%, #171d18);
  background-size: auto, auto, cover, auto;
  background-position: center, center, center top, center;
  background-repeat: no-repeat;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  will-change: transform;
}