.grain-overlay {
  background-image: url(https://lh3.googleusercontent.com/aida-public/AB6AXuBOOYqwI_wWmDZth-B7STGqSdR0rg9XLXNSBXqO_19QOe6l5bqD85EQLnc1q3Us0-wraHKIIzLjWgrALf9IYNoZpoB2X8R3WRN_qANg-VbhpGja33u0QfhE1lP3Hn_zGQSeYtrhODFkqoJf48ika80S1lRgUabDpw4uLnjyt_9KSed7aCvtxGXA2KvdwNQpDE6Y-0vkfZKBY2W7-Be30OJ-IHhpT5OnjTpf9YVsMVoTSq_IwNEcFhFN6ngmTzEk2PEVYITIP9oKJpqO);
  opacity: 0.03;
  pointer-events: none;
}

.shadow-ambient {
  box-shadow: 0 4px 12px rgba(199, 119, 42, 0.02), 0 12px 32px rgba(199, 119, 42, 0.04), 0 32px 64px rgba(199, 119, 42, 0.06);
}

.hairline-border {
  border: 1px solid rgba(199, 119, 42, 0.08);
}

.nav-on-hero {
  background: rgba(15, 11, 10, 0.58) !important;
  border-bottom-color: rgba(255,255,255,0.08) !important;
  box-shadow: none !important;
}

.nav-on-hero a,
.nav-on-hero button,
.nav-on-hero #landingNavToggleBtn {
  color: rgba(255,255,255,0.88) !important;
}

.nav-on-hero #landingNavToggleLine1,
.nav-on-hero #landingNavToggleLine2 {
  background: rgba(255,255,255,0.88) !important;
}