.site-header-wrap {
  position: sticky;
  top: 0;
  z-index: 1000;
}

.site-header {
  background: rgba(14, 14, 16, 0.8);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  box-shadow: var(--cd-shadow-header);
}

.site-header-row-layout-contained .site-container,
.site-header-row .site-container {
  max-width: var(--cd-container-max);
}

.site-main-header-wrap,
.site-top-header-wrap,
.site-bottom-header-wrap {
  background: transparent;
}

.site-main-header-inner-wrap {
  min-height: var(--cd-header-height);
}

.site-branding,
.site-branding a {
  color: var(--cd-color-primary);
  font-family: "Space Grotesk", sans-serif;
  font-size: 1.25rem;
  font-weight: 900;
  letter-spacing: -0.04em;
  text-transform: uppercase;
}

.site-branding .site-title,
.site-branding .site-title a {
  color: inherit;
}

.main-navigation .menu > li > a,
.mobile-navigation .menu > li > a {
  color: rgba(255, 255, 255, 0.7);
  font-family: "Space Grotesk", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.main-navigation .menu > li.current-menu-item > a,
.main-navigation .menu > li.current_page_item > a,
.main-navigation .menu > li > a:hover,
.mobile-navigation .menu > li.current-menu-item > a,
.mobile-navigation .menu > li.current_page_item > a,
.mobile-navigation .menu > li > a:hover {
  color: var(--cd-color-primary);
}

.header-button-wrap .button,
.mobile-header-button-wrap .button,
.header-button-wrap .kb-button,
.mobile-header-button-wrap .kb-button {
  background: var(--cd-color-primary);
  border: 0;
  border-radius: 0.5rem;
  color: #005d63;
  font-family: "Space Grotesk", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  min-height: auto;
  padding: 0.75rem 1.5rem;
  text-transform: uppercase;
}

.header-button-wrap .button:hover,
.mobile-header-button-wrap .button:hover,
.header-button-wrap .kb-button:hover,
.mobile-header-button-wrap .kb-button:hover {
  box-shadow: 0 0 20px rgba(143, 245, 255, 0.4);
  color: #005d63;
  transform: translateY(-1px);
}

.drawer-toggle {
  color: var(--cd-color-primary);
}

.mobile-drawer-popup {
  background: rgba(14, 14, 16, 0.96);
}

.mobile-navigation .menu {
  gap: 0.75rem;
}

.site-footer {
  background: #0e0e10;
  border-top: 1px solid rgba(72, 71, 74, 0.4);
  color: var(--cd-color-muted);
}

.site-footer a {
  color: var(--cd-color-text);
}

@media (max-width: 1024px) {
  .header-button-wrap {
    display: none;
  }
}