* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -o-font-smoothing: antialiased;
}

/* Base nav look (before scroll) */
.nav_component {
  position: fixed;
  top: 0;
  z-index: 9999;
  background: transparent;
  color: #ffffff;
  /* your “on-hero” color */
  transition: background .28s ease, color .28s ease, box-shadow .28s ease;
  will-change: background, color, box-shadow;
}

/* Make all children inherit color */
.nav_component .w-nav-link,
.nav_component .nav_link,
.nav_component .button.is-nav {
  color: currentColor;
}

/* Button outline style that adapts to color */
.nav_component .button.is-nav {
  background: transparent;
  border: 1px solid currentColor;
}

/* Hamburger lines adopt currentColor */
.menu-icon1_line-top,
.menu-icon1_line-middle,
.menu-icon1_line-bottom,
.menu-icon1_line-middle-inner {
  background: currentColor;
}

/* Force the inline SVG logo to follow currentColor (overrides fill="white") */
.nav_logo svg path {
  fill: currentColor !important;
}

/* Scrolled state */
.nav_component.is-solid {
  background: #F9F9F9;
  color: #1f294b;
  border-bottom: 1px solid rgba(31, 41, 75, 0.12);
}

/* Optional: when not scrolled, make it explicit */
.nav_component.is-transparent {
  background: transparent;
  color: #ffffff;
}

/* (Optional) Improve contrast for open mobile menu overlay */
.w-nav-overlay {
  backdrop-filter: blur(4px);
}

.nav_logo svg .accent {
  fill: #8C1724 !important;
}

/* Characters */
.btn-animate-chars [data-button-animate-chars] {
  overflow: hidden;
  position: relative;
  display: inline-block;
}

.btn-animate-chars [data-button-animate-chars] span {
  display: inline-block;
  position: relative;
  text-shadow: 0px 1.3em currentColor;
  transform: translateY(0em) rotate(0.001deg);
  transition: transform 0.6s cubic-bezier(0.625, 0.05, 0, 1);
}

.btn-animate-chars:hover [data-button-animate-chars] span {
  transform: translateY(-1.3em) rotate(0.001deg);
}

/* Background */
.btn-animate-chars__bg {
  inset: 0;
  transition: inset 0.6s cubic-bezier(0.625, 0.05, 0, 1);
}

.btn-animate-chars:hover .btn-animate-chars__bg {
  inset: 0.125em;
}

.nav_component.is-transparent[data-wf--navigation--variant="dark"] {
  background: transparent;
  color: #1f294b;
}