   filter: blur(10px);
  }
}
.site.is--showing-patterns-navigation .site__content {
  transform: translateY(25%);
  opacity: 0;
}

:root {
  --color-hs-sandwisp: 58 83%;
  --color-hs-accent: var(--color-hs-sandwisp);
  --color-accent: hsl(var(--color-hs-accent) 77%);
  --color-hs-woodybrown: 345 19%;
  --color-hs-primary: var(--color-hs-woodybrown);
  --color-primary: hsl(var(--color-hs-primary) 25%);
  --color-hs-blue-marguerite: 233 44%;
  --color-hs-highlight: var(--color-hs-blue-marguerite);
  --color-h