.hero-shade {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, oklch(0.22 0.045 145 / 0.92) 0%, oklch(0.22 0.045 145 / 0.42) 46%, oklch(0.22 0.045 145 / 0) 78%),
    linear-gradient(0deg, oklch(0.22 0.045 145 / 0.72) 0%, oklch(0.22 0.045 145 / 0) 52%);
}

.site-header.is-solid {
  background-image: none !important;
  background-color: var(--forest) !important;
  box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
}

#mobile-nav { display: none; }
#mobile-nav.is-open { display: block; }

@media (min-width: 80rem) {
  #mobile-nav { display: none !important; }
}

a.inline-flex { text-decoration: none; }
.hp { position: absolute; left: -9999px; height: 0; overflow: hidden; }
.menu-toggle .icon-close { display: none; }
.menu-toggle[aria-expanded="true"] .icon-open { display: none; }
.menu-toggle[aria-expanded="true"] .icon-close { display: block; }