/* Site-wide navbar authority. Keep every route aligned with the home navbar. */
html body nav[data-loc="src/web/components/Navbar.tsx:123"][data-av-enhanced-nav="true"],
html body nav[data-loc="src/web/components/Navbar.tsx:123"].av-story-nav,
html body nav[data-loc="src/web/components/Navbar.tsx:123"].av-team-nav,
html body nav[data-loc="src/web/components/Navbar.tsx:123"].av-process-nav {
  --av-nav-height: 82px !important;
  height: var(--av-nav-height) !important;
  color: #ffffff !important;
  background:
    radial-gradient(circle at 14% 0%, rgba(236, 207, 126, 0.20), transparent 33%),
    radial-gradient(circle at 84% 16%, rgba(67, 146, 136, 0.19), transparent 32%),
    linear-gradient(120deg, rgba(255, 255, 255, 0.17), rgba(255, 255, 255, 0.055) 34%, rgba(8, 10, 10, 0.70) 72%),
    linear-gradient(180deg, rgba(14, 16, 15, 0.66), rgba(4, 5, 5, 0.58)) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.22) !important;
  box-shadow:
    0 18px 58px rgba(0, 0, 0, 0.25),
    0 6px 24px rgba(67, 146, 136, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    inset 0 -1px 0 rgba(236, 207, 126, 0.20) !important;
  backdrop-filter: blur(26px) saturate(170%) contrast(1.08) !important;
  -webkit-backdrop-filter: blur(26px) saturate(170%) contrast(1.08) !important;
  transition:
    height 280ms cubic-bezier(.18, .84, .2, 1),
    background 240ms ease,
    border-color 240ms ease,
    box-shadow 240ms ease,
    opacity 420ms ease,
    transform 420ms cubic-bezier(.16, .84, .16, 1) !important;
}

html body nav[data-loc="src/web/components/Navbar.tsx:123"][data-av-enhanced-nav="true"].av-nav-compact {
  --av-nav-height: 64px !important;
  background:
    radial-gradient(circle at 14% 0%, rgba(236, 207, 126, 0.14), transparent 30%),
    radial-gradient(circle at 84% 16%, rgba(67, 146, 136, 0.14), transparent 30%),
    linear-gradient(120deg, rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0.045) 34%, rgba(7, 9, 9, 0.74) 72%),
    linear-gradient(180deg, rgba(12, 14, 13, 0.70), rgba(3, 4, 4, 0.62)) !important;
}

html body nav[data-loc="src/web/components/Navbar.tsx:123"] .av-nav-enhanced-shell,
html body nav[data-loc="src/web/components/Navbar.tsx:123"] .av-nav-link-holder,
html body nav[data-loc="src/web/components/Navbar.tsx:123"] .av-nav-control-wrap,
html body nav[data-loc="src/web/components/Navbar.tsx:123"] .av-nav-brand-mark {
  height: var(--av-nav-height, 82px) !important;
  transition: height 280ms cubic-bezier(.18, .84, .2, 1) !important;
}

html body nav[data-loc="src/web/components/Navbar.tsx:123"] :where(a, button, span, svg),
html body nav[data-loc="src/web/components/Navbar.tsx:123"].av-story-nav :where(a, button, span, svg),
html body nav[data-loc="src/web/components/Navbar.tsx:123"].av-team-nav :where(a, button, span, svg),
html body nav[data-loc="src/web/components/Navbar.tsx:123"].av-process-nav :where(a, button, span, svg) {
  color: rgba(255, 255, 255, 0.84) !important;
  -webkit-text-fill-color: currentColor !important;
}

html body nav[data-loc="src/web/components/Navbar.tsx:123"][data-av-enhanced-nav="true"] .av-nav-primary-row .av-nav-primary-link,
html:has(#root) body nav[data-loc="src/web/components/Navbar.tsx:123"][data-av-enhanced-nav="true"] .av-nav-primary-row .av-nav-primary-link,
html.av-non-home-route body nav[data-loc="src/web/components/Navbar.tsx:123"][data-av-enhanced-nav="true"] .av-nav-primary-row .av-nav-primary-link,
html body nav[data-loc="src/web/components/Navbar.tsx:123"][data-av-enhanced-nav="true"] .av-nav-icon-button,
html:has(#root) body nav[data-loc="src/web/components/Navbar.tsx:123"][data-av-enhanced-nav="true"] .av-nav-icon-button,
html.av-non-home-route body nav[data-loc="src/web/components/Navbar.tsx:123"][data-av-enhanced-nav="true"] .av-nav-icon-button {
  color: rgba(255, 255, 255, 0.84) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.84) !important;
}

html body nav[data-loc="src/web/components/Navbar.tsx:123"] .av-nav-primary-row .av-nav-primary-link:hover,
html body nav[data-loc="src/web/components/Navbar.tsx:123"] .av-nav-primary-row .av-nav-primary-link:focus,
html body nav[data-loc="src/web/components/Navbar.tsx:123"] .av-nav-link-holder.av-nav-popup-open .av-nav-primary-link,
html:has(#root) body nav[data-loc="src/web/components/Navbar.tsx:123"] .av-nav-primary-row .av-nav-primary-link:hover,
html:has(#root) body nav[data-loc="src/web/components/Navbar.tsx:123"] .av-nav-primary-row .av-nav-primary-link:focus,
html:has(#root) body nav[data-loc="src/web/components/Navbar.tsx:123"] .av-nav-link-holder.av-nav-popup-open .av-nav-primary-link,
html.av-non-home-route body nav[data-loc="src/web/components/Navbar.tsx:123"] .av-nav-primary-row .av-nav-primary-link:hover,
html.av-non-home-route body nav[data-loc="src/web/components/Navbar.tsx:123"] .av-nav-primary-row .av-nav-primary-link:focus,
html.av-non-home-route body nav[data-loc="src/web/components/Navbar.tsx:123"] .av-nav-link-holder.av-nav-popup-open .av-nav-primary-link {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body nav[data-loc="src/web/components/Navbar.tsx:123"] .av-nav-brand-mark {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body nav[data-loc="src/web/components/Navbar.tsx:123"] .av-nav-brand-mark img {
  height: 44px !important;
  transition: height 280ms cubic-bezier(.18, .84, .2, 1), filter 180ms ease !important;
}

html body nav[data-loc="src/web/components/Navbar.tsx:123"].av-nav-compact .av-nav-brand-mark img {
  height: 36px !important;
}

html body nav[data-loc="src/web/components/Navbar.tsx:123"] .av-nav-search-panel,
html body nav[data-loc="src/web/components/Navbar.tsx:123"] .av-nav-user-panel {
  background: linear-gradient(180deg, rgba(28, 31, 29, 0.96), rgba(8, 10, 10, 0.94)) !important;
  border-color: rgba(236, 207, 126, 0.30) !important;
  backdrop-filter: blur(14px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(14px) saturate(125%) !important;
}

html body nav[data-loc="src/web/components/Navbar.tsx:123"] .av-nav-universal-popup,
html:has(#root) body nav[data-loc="src/web/components/Navbar.tsx:123"] .av-nav-universal-popup,
html.av-non-home-route body nav[data-loc="src/web/components/Navbar.tsx:123"] .av-nav-universal-popup {
  background:
    radial-gradient(circle at 16% 0%, rgba(236, 207, 126, 0.14), transparent 36%),
    radial-gradient(circle at 86% 100%, rgba(67, 146, 136, 0.15), transparent 38%),
    linear-gradient(180deg, rgba(22, 27, 25, 0.98), rgba(8, 11, 10, 0.96)) !important;
  border: 1px solid rgba(236, 207, 126, 0.34) !important;
  box-shadow:
    0 26px 70px rgba(0, 0, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
  backdrop-filter: blur(18px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(135%) !important;
}

html body nav[data-loc="src/web/components/Navbar.tsx:123"] .av-nav-universal-popup .av-nav-popup-row,
html body nav[data-loc="src/web/components/Navbar.tsx:123"] .av-nav-universal-popup a.av-nav-popup-row,
html body nav[data-loc="src/web/components/Navbar.tsx:123"] .av-nav-universal-popup span.av-nav-popup-row,
html.av-non-home-route body nav[data-loc="src/web/components/Navbar.tsx:123"] .av-nav-universal-popup .av-nav-popup-row,
html:has(#root) body nav[data-loc="src/web/components/Navbar.tsx:123"] .av-nav-universal-popup .av-nav-popup-row {
  color: rgba(236, 246, 243, 0.78) !important;
  -webkit-text-fill-color: rgba(236, 246, 243, 0.78) !important;
  text-decoration: none !important;
}

html body nav[data-loc="src/web/components/Navbar.tsx:123"] .av-nav-universal-popup .av-nav-popup-row:hover,
html body nav[data-loc="src/web/components/Navbar.tsx:123"] .av-nav-universal-popup .av-nav-popup-row:focus,
html.av-non-home-route body nav[data-loc="src/web/components/Navbar.tsx:123"] .av-nav-universal-popup .av-nav-popup-row:hover,
html.av-non-home-route body nav[data-loc="src/web/components/Navbar.tsx:123"] .av-nav-universal-popup .av-nav-popup-row:focus,
html:has(#root) body nav[data-loc="src/web/components/Navbar.tsx:123"] .av-nav-universal-popup .av-nav-popup-row:hover,
html:has(#root) body nav[data-loc="src/web/components/Navbar.tsx:123"] .av-nav-universal-popup .av-nav-popup-row:focus {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background:
    linear-gradient(90deg, rgba(236, 207, 126, 0.16), rgba(67, 146, 136, 0.10)) !important;
}

html body nav[data-loc="src/web/components/Navbar.tsx:123"] .av-nav-search-panel :where(input, button),
html body nav[data-loc="src/web/components/Navbar.tsx:123"] .av-nav-user-panel :where(input, button),
html.av-non-home-route body nav[data-loc="src/web/components/Navbar.tsx:123"] .av-nav-search-panel :where(input, button),
html.av-non-home-route body nav[data-loc="src/web/components/Navbar.tsx:123"] .av-nav-user-panel :where(input, button) {
  color: rgba(255, 255, 255, 0.86) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.86) !important;
}
