@custom-variant dark (&:is(.dark *));

@theme inline {
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --color-card: var(--card);
  --color-card-foreground: var(--card-foreground);
  --color-popover: var(--popover);
  --color-popover-foreground: var(--popover-foreground);
  --color-primary: var(--primary);
  --color-primary-foreground: var(--primary-foreground);
  --color-secondary: var(--secondary);
  --color-secondary-foreground: var(--secondary-foreground);
  --color-muted: var(--muted);
  --color-muted-foreground: var(--muted-foreground);
  --color-accent: var(--accent);
  --color-accent-foreground: var(--accent-foreground);
  --color-destructive: var(--destructive);
  --color-destructive-foreground: var(--destructive-foreground);
  --color-border: var(--border);
  --color-input: var(--input);
  --color-ring: var(--ring);
  --color-chart-1: var(--chart-1);
  --color-chart-2: var(--chart-2);
  --color-chart-3: var(--chart-3);
  --color-chart-4: var(--chart-4);
  --color-chart-5: var(--chart-5);
  --radius-sm: calc(var(--radius) * 0.6);
  --radius-md: calc(var(--radius) * 0.8);
  --radius-lg: var(--radius);
  --radius-xl: calc(var(--radius) * 1.4);
  --radius-2xl: calc(var(--radius) * 1.8);
  --radius-3xl: calc(var(--radius) * 2.2);
  --radius-4xl: calc(var(--radius) * 2.6);
  --color-sidebar: var(--sidebar);
  --color-sidebar-foreground: var(--sidebar-foreground);
  --color-sidebar-primary: var(--sidebar-primary);
  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
  --color-sidebar-accent: var(--sidebar-accent);
  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
  --color-sidebar-border: var(--sidebar-border);
  --color-sidebar-ring: var(--sidebar-ring);
  --spacing-button-padding: var(--padding);
}

:root {
  --radius: 0.625rem;
  --background: oklch(1 0 0);
  --foreground: oklch(0.145 0 0);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.145 0 0);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.145 0 0);
  --primary: oklch(0.205 0 0);
  --primary-foreground: oklch(0.985 0 0);
  --secondary: oklch(0.97 0 0);
  --secondary-foreground: oklch(0.205 0 0);
  --muted: oklch(0.97 0 0);
  --muted-foreground: oklch(0.556 0 0);
  --accent: oklch(0.97 0 0);
  --accent-foreground: oklch(0.205 0 0);
  --destructive: oklch(0.577 0.245 27.325);
  --border: oklch(0.922 0 0);
  --input: oklch(0.922 0 0);
  --ring: oklch(0.708 0 0);
  --chart-1: oklch(0.646 0.222 41.116);
  --chart-2: oklch(0.6 0.118 184.704);
  --chart-3: oklch(0.398 0.07 227.392);
  --chart-4: oklch(0.828 0.189 84.429);
  --chart-5: oklch(0.769 0.188 70.08);
  --sidebar: oklch(0.985 0 0);
  --sidebar-foreground: oklch(0.145 0 0);
  --sidebar-primary: oklch(0.205 0 0);
  --sidebar-primary-foreground: oklch(0.985 0 0);
  --sidebar-accent: oklch(0.97 0 0);
  --sidebar-accent-foreground: oklch(0.205 0 0);
  --sidebar-border: oklch(0.922 0 0);
  --sidebar-ring: oklch(0.708 0 0);
  --padding: 5rem;
  --main-navigation-gap: 0px;
  
    /* Trigger */
  --navbar-trigger-color: inherit;
  --navbar-trigger-font-size: 0.875rem;
  --navbar-trigger-font-weight: normal;
  --navbar-trigger-letter-spacing: normal;
  --navbar-trigger-line-height: normal;
  --navbar-trigger-text-transform: none;
  --navbar-trigger-hover-color: currentColor;
  --navbar-trigger-text-underline-offset: 2px;
  --navbar-trigger-font-family: var(--font-sans, inherit);

  /* Mega menu */
  --navbar-megamenu-max-width: 80rem;
  --navbar-megamenu-padding-top: 2rem;
  --navbar-megamenu-padding-bottom: 2rem;
  --navbar-megamenu-gap: 2.5rem;
  --navbar-megamenu-groups-gap: 0px;
  --navbar-megamenu-group-min-width: 0px;
  --navbar-megamenu-group-max-width: none;
  --navbar-megamenu-tree-width: 70%;
  --navbar-megamenu-image-width: 30%;
  --navbar-megamenu-tree-max-height: none;
  --navbar-megamenu-min-height: unset;

  /* Desktop mega menu — motion (1 = shadcn default, 0 = instant / legacy) */
  --navbar-megamenu-motion-enabled: 1;
  --navbar-megamenu-viewport-enter-scale: 0.9;
  --navbar-megamenu-viewport-exit-scale: 0.9;
  --navbar-megamenu-viewport-duration: 100ms;
  --navbar-megamenu-viewport-height-duration: 100ms;
  --navbar-megamenu-viewport-transform-origin: top center;
  --navbar-megamenu-content-motion-offset: 13rem;
  --navbar-megamenu-content-motion-duration: 150ms;
  --navbar-megamenu-content-motion-easing: cubic-bezier(0.22, 1, 0.36, 1);

  /* Mobile / tablet drawer */
  --navbar-drawer-transition-duration: 300ms;
  --navbar-mobile-accordion-duration: 500ms;
  --navbar-trigger-chevron-duration: 300ms;

  /* Group title (3-level mega menu category headers) */
  --navbar-group-title-color: inherit;
  --navbar-group-title-font-size: 0.75rem;
  --navbar-group-title-font-weight: 600;
  --navbar-group-title-letter-spacing: 0.05em;
  --navbar-group-title-line-height: normal;
  --navbar-group-title-text-transform: uppercase;
  --navbar-group-title-margin-bottom: 0.5rem;
  --navbar-group-title-hover-color: currentColor;
  --navbar-group-title-font-family: var(--font-sans, inherit);

  /* Sub-link (mega menu tree items) */
  --navbar-sublink-color: inherit;
  --navbar-sublink-hover-color: currentColor;
  --navbar-sublink-font-size: 0.875rem;
  --navbar-sublink-font-weight: normal;
  --navbar-sublink-letter-spacing: normal;
  --navbar-sublink-line-height: normal;
  --navbar-sublink-text-transform: none;
  --navbar-sublink-gap: 0.5rem;
  --navbar-sublink-font-family: var(--font-sans, inherit);

  /* Mega menu flat list (2-level, no groups) */
  --navbar-megamenu-list-direction: column;
  --navbar-megamenu-list-row-gap: 0px;
  --navbar-megamenu-list-column-gap: 0px;
  --navbar-megamenu-list-item-width: auto;
  --navbar-megamenu-list-link-color: inherit;
  --navbar-megamenu-list-link-hover-color: currentColor;
  --navbar-megamenu-list-link-font-size: 0.875rem;
  --navbar-megamenu-list-link-font-weight: normal;
  --navbar-megamenu-list-link-letter-spacing: normal;
  --navbar-megamenu-list-link-line-height: normal;
  --navbar-megamenu-list-link-text-transform: none;
  --navbar-megamenu-list-link-font-family: var(--font-sans, inherit);

  /* Drawer backdrop + widths */
  --navbar-backdrop-background: rgba(0, 0, 0, 0.6);
  --navbar-mobile-drawer-z-index: 99999;
  --navbar-mobile-drawer-top: 0;
  --navbar-mobile-drawer-bottom: 0;
  --navbar-mobile-blocks-padding-x: var(--navbar-mobile-subitem-padding-x);
  --navbar-mobile-blocks-padding-left: var(--navbar-mobile-subitem-padding-x);
  --navbar-mobile-blocks-padding-right: var(--navbar-mobile-subitem-padding-x);
  --navbar-mobile-blocks-padding-top: 10px;
  --navbar-mobile-blocks-padding-bottom: 0px;
  --navbar-tablet-blocks-padding-x: var(--navbar-tablet-subitem-padding-x);
  --navbar-tablet-blocks-padding-left: var(--navbar-tablet-subitem-padding-x);
  --navbar-tablet-blocks-padding-right: var(--navbar-tablet-subitem-padding-x);
  --navbar-tablet-blocks-padding-top: 10px;
  --navbar-tablet-blocks-padding-bottom: 0px;
  --navbar-mobile-expanded-padding-top: 0px;
  --navbar-mobile-expanded-padding-bottom: 0px;
  --navbar-tablet-expanded-padding-top: 0px;
  --navbar-tablet-expanded-padding-bottom: 0px;
  --navbar-mobile-subitem-min-height: auto;
  --navbar-mobile-leafitem-min-height: auto;
  --navbar-icon-burger-filter: none;
  --navbar-icon-back: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 7'%3E%3Cpolyline points='3.2,0.6 0.6,3.5 3.2,6.4' fill='none' stroke='%23000' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

  /* Burger label (shown next to the trigger, desktop only) */
  --navbar-burger-label-color: inherit;
  --navbar-burger-label-font-family: inherit;
  --navbar-burger-label-font-size: 0.75rem;
  --navbar-burger-label-font-weight: 500;
  --navbar-burger-label-letter-spacing: 0.24px;
  --navbar-burger-label-text-transform: uppercase;
  --navbar-desktop-drawer-width: 30%;
  --navbar-tablet-drawer-width: 60%;
  --navbar-mobile-drawer-width: 100%;

  /* Sidebar flyout — secondary pane beside (desktop) or over (tablet/mobile) the primary drawer */
  --navbar-sidebar-flyout-pane-width: 700px;
  --navbar-sidebar-flyout-pane-background: var(--background, #fff);
  --navbar-sidebar-flyout-pane-padding: 20px;
  --navbar-sidebar-flyout-pane-padding-top: var(--navbar-sidebar-flyout-pane-padding);
  --navbar-sidebar-flyout-gap: 16px;
  --navbar-sidebar-flyout-tile-gap: 13px;
  --navbar-sidebar-flyout-tile-aspect-ratio: 1 / 1;
  --navbar-sidebar-flyout-tile-overlay-color: #000;
  --navbar-sidebar-flyout-tile-overlay-font-size: 14px;
  --navbar-sidebar-flyout-tile-overlay-font-weight: 500;
  --navbar-sidebar-flyout-tile-overlay-font-family: inherit;
  --navbar-sidebar-flyout-l4-gap: 20px;
  --navbar-sidebar-flyout-l4-font-size: 14px;
  --navbar-sidebar-flyout-l4-font-weight: 500;
  --navbar-sidebar-flyout-drawer-duration: 200ms;
  --navbar-sidebar-flyout-pane-duration: 300ms;

  /* Element font families (default: inherit the page font) */
  --navbar-desktop-header-font-family: inherit;
  --navbar-desktop-item-font-family: inherit;
  --navbar-desktop-subitem-font-family: inherit;
  --navbar-desktop-leafitem-font-family: inherit;
  --navbar-tablet-header-font-family: inherit;
  --navbar-tablet-item-font-family: inherit;
  --navbar-tablet-subitem-font-family: inherit;
  --navbar-tablet-leafitem-font-family: inherit;
  --navbar-mobile-header-font-family: inherit;
  --navbar-mobile-item-font-family: inherit;
  --navbar-mobile-subitem-font-family: inherit;
  --navbar-mobile-leafitem-font-family: inherit;

  /* ===== Desktop drawer ===== */
  /* header */
  --navbar-desktop-header-padding-left: 1rem;
  --navbar-desktop-header-padding-right: 1rem;
  --navbar-desktop-header-padding-y: 0.75rem;
  --navbar-desktop-header-border: 1px solid var(--border);
  --navbar-desktop-header-color: inherit;
  --navbar-desktop-header-font-size: 0.75rem;
  --navbar-desktop-header-font-weight: normal;
  --navbar-desktop-header-letter-spacing: 0.1em;
  --navbar-desktop-header-line-height: normal;
  --navbar-desktop-header-text-transform: uppercase;
  /* back bar (drill-down section header) */
  --navbar-desktop-back-gap: 0.5rem;
  --navbar-desktop-back-padding-left: 1rem;
  --navbar-desktop-back-padding-right: 1rem;
  --navbar-desktop-back-padding-top: 0.75rem;
  --navbar-desktop-back-padding-bottom: 0.75rem;
  --navbar-desktop-back-border: 1px solid var(--border);
  --navbar-desktop-back-color: inherit;
  --navbar-desktop-back-font-family: inherit;
  --navbar-desktop-back-font-size: 0.875rem;
  --navbar-desktop-back-font-weight: 500;
  --navbar-desktop-back-letter-spacing: normal;
  --navbar-desktop-back-line-height: normal;
  --navbar-desktop-back-text-transform: none;
  /* menu list */
  --navbar-desktop-menu-padding-x: 0px;
  --navbar-desktop-menu-margin-top: 0px;
  --navbar-desktop-menu-margin-bottom: 0px;
  --navbar-desktop-menu-border-bottom: none;
  --navbar-desktop-item-gap: 0px;
  --navbar-desktop-item-margin-bottom: 0px;
  /* top-level items */
  --navbar-desktop-item-padding-x: 1rem;
  --navbar-desktop-item-padding-y: 0.75rem;
  --navbar-desktop-item-border: 1px solid var(--border);
  --navbar-desktop-item-color: #191919;
  --navbar-desktop-item-font-size: 0.875rem;
  --navbar-desktop-item-font-weight: 500;
  --navbar-desktop-item-letter-spacing: normal;
  --navbar-desktop-item-line-height: normal;
  --navbar-desktop-item-text-transform: none;
  /* nested sub-items */
  --navbar-desktop-subitem-padding-x: 1rem;
  --navbar-desktop-subitem-padding-left: var(--navbar-desktop-subitem-padding-x);
  --navbar-desktop-subitem-padding-y: 0.75rem;
  --navbar-desktop-subitem-border: 1px solid var(--border);
  --navbar-desktop-subitem-color: inherit;
  --navbar-desktop-subitem-idle-opacity: 1;
  --navbar-desktop-subitem-gap: 0px;
  --navbar-desktop-subitem-font-size: 0.875rem;
  --navbar-desktop-subitem-font-weight: normal;
  --navbar-desktop-subitem-letter-spacing: normal;
  --navbar-desktop-subitem-line-height: normal;
  --navbar-desktop-subitem-text-transform: none;
  /* 3rd-level (and deeper) leaf items — defaults mirror subitem */
  --navbar-desktop-leafitem-padding-x: 1rem;
  --navbar-desktop-leafitem-padding-y: 0.75rem;
  --navbar-desktop-leafitem-border: 1px solid var(--border);
  --navbar-desktop-leafitem-color: inherit;
  --navbar-desktop-leafitem-font-size: 0.875rem;
  --navbar-desktop-leafitem-font-weight: normal;
  --navbar-desktop-leafitem-letter-spacing: normal;
  --navbar-desktop-leafitem-line-height: normal;
  --navbar-desktop-leafitem-text-transform: none;
  /* group titles (2nd-level headers in the drill-down panel) */
  --navbar-desktop-group-margin-top: 1rem;
  --navbar-desktop-group-padding-x: 1rem;
  --navbar-desktop-group-padding-y: 0.75rem;
  --navbar-desktop-group-color: inherit;
  --navbar-desktop-group-font-family: inherit;
  --navbar-desktop-group-font-size: 0.75rem;
  --navbar-desktop-group-font-weight: 600;
  --navbar-desktop-group-letter-spacing: 0.05em;
  --navbar-desktop-group-line-height: normal;
  --navbar-desktop-group-text-transform: uppercase;
  --navbar-desktop-group-divider: 1px solid var(--border);
  --navbar-desktop-group-divider-margin-top: 1rem;
  --navbar-desktop-group-divider-margin-bottom: 1rem;

  /* ===== Tablet drawer ===== */
  /* header */
  --navbar-tablet-header-padding-left: 1rem;
  --navbar-tablet-header-padding-right: 1rem;
  --navbar-tablet-header-padding-y: 0.75rem;
  --navbar-tablet-header-border: 1px solid var(--border);
  --navbar-tablet-header-color: inherit;
  --navbar-tablet-header-font-size: 0.75rem;
  --navbar-tablet-header-font-weight: normal;
  --navbar-tablet-header-letter-spacing: 0.1em;
  --navbar-tablet-header-line-height: normal;
  --navbar-tablet-header-text-transform: uppercase;
  --navbar-tablet-header-justify-content: space-between;
  --navbar-tablet-header-close-margin-start: 0;
  /* back bar (drill-down section header) */
  --navbar-tablet-back-gap: 0.5rem;
  --navbar-tablet-back-padding-left: 1rem;
  --navbar-tablet-back-padding-right: 1rem;
  --navbar-tablet-back-padding-top: 0.75rem;
  --navbar-tablet-back-padding-bottom: 0.75rem;
  --navbar-tablet-back-border: 1px solid var(--border);
  --navbar-tablet-back-color: inherit;
  --navbar-tablet-back-font-family: inherit;
  --navbar-tablet-back-font-size: 0.875rem;
  --navbar-tablet-back-font-weight: 500;
  --navbar-tablet-back-letter-spacing: normal;
  --navbar-tablet-back-line-height: normal;
  --navbar-tablet-back-text-transform: none;
  /* menu list */
  --navbar-tablet-menu-padding-x: 0px;
  --navbar-tablet-menu-margin-top: 0px;
  --navbar-tablet-menu-margin-bottom: 0px;
  --navbar-tablet-menu-border-bottom: none;
  /* top-level items */
  --navbar-tablet-item-padding-x: 1rem;
  --navbar-tablet-item-padding-y: 0.75rem;
  --navbar-tablet-item-border: 1px solid var(--border);
  --navbar-tablet-item-color: #191919;
  --navbar-tablet-item-font-size: 0.875rem;
  --navbar-tablet-item-font-weight: 500;
  --navbar-tablet-item-letter-spacing: normal;
  --navbar-tablet-item-line-height: normal;
  --navbar-tablet-item-text-transform: none;
  --navbar-tablet-item-min-height: auto;
  --navbar-tablet-item-margin-top: 0px;
  --navbar-tablet-item-gap: 0px;
  --navbar-tablet-item-margin-bottom: 0px;
  --navbar-tablet-section-border: none;
  --navbar-tablet-section-padding-bottom: 0px;
  /* nested sub-items */
  --navbar-tablet-subitem-padding-x: 1rem;
  --navbar-tablet-subitem-padding-left: var(--navbar-tablet-subitem-padding-x);
  --navbar-tablet-subitem-padding-y: 0.75rem;
  --navbar-tablet-subitem-gap: 0px;
  --navbar-tablet-subitem-border: 1px solid var(--border);
  --navbar-tablet-subitem-color: inherit;
  --navbar-tablet-subitem-font-size: 0.875rem;
  --navbar-tablet-subitem-font-weight: normal;
  --navbar-tablet-subitem-letter-spacing: normal;
  --navbar-tablet-subitem-line-height: normal;
  --navbar-tablet-subitem-text-transform: none;
  /* 3rd-level (and deeper) leaf items — defaults mirror subitem */
  --navbar-tablet-leafitem-padding-x: 1rem;
  --navbar-tablet-leafitem-padding-y: 0.75rem;
  --navbar-tablet-leafitem-border: 1px solid var(--border);
  --navbar-tablet-leafitem-color: inherit;
  --navbar-tablet-leafitem-font-size: 0.875rem;
  --navbar-tablet-leafitem-font-weight: normal;
  --navbar-tablet-leafitem-letter-spacing: normal;
  --navbar-tablet-leafitem-line-height: normal;
  --navbar-tablet-leafitem-text-transform: none;
  --navbar-tablet-pane-item-gap: 25px;
  --navbar-tablet-nesteditem-font-family: inherit;
  --navbar-tablet-nesteditem-font-size: 14px;
  --navbar-tablet-nesteditem-font-weight: 600;
  --navbar-tablet-nesteditem-letter-spacing: 0.7px;
  --navbar-tablet-nesteditem-color: inherit;
  --navbar-tablet-nesteditem-padding-left: 15px;
  --navbar-tablet-nesteditem-gap: 20px;
  /* group titles (2nd-level headers in the drill-down panel) */
  --navbar-tablet-group-margin-top: 1rem;
  --navbar-tablet-group-padding-x: 1rem;
  --navbar-tablet-group-padding-y: 0.75rem;
  --navbar-tablet-group-color: inherit;
  --navbar-tablet-group-font-family: inherit;
  --navbar-tablet-group-font-size: 0.75rem;
  --navbar-tablet-group-font-weight: 600;
  --navbar-tablet-group-letter-spacing: 0.05em;
  --navbar-tablet-group-line-height: normal;
  --navbar-tablet-group-text-transform: uppercase;
  --navbar-tablet-group-divider: 1px solid var(--border);
  --navbar-tablet-group-divider-margin-top: 1rem;
  --navbar-tablet-group-divider-margin-bottom: 1rem;

  /* ===== Mobile drawer ===== */
  /* header */
  --navbar-mobile-header-padding-left: 1rem;
  --navbar-mobile-header-padding-right: 1rem;
  --navbar-mobile-header-padding-y: 0.75rem;
  --navbar-mobile-header-border: 1px solid var(--border);
  --navbar-mobile-header-color: inherit;
  --navbar-mobile-header-font-size: 0.75rem;
  --navbar-mobile-header-font-weight: normal;
  --navbar-mobile-header-letter-spacing: 0.1em;
  --navbar-mobile-header-line-height: normal;
  --navbar-mobile-header-text-transform: uppercase;
  --navbar-mobile-header-justify-content: space-between;
  --navbar-mobile-header-close-margin-start: 0;
  /* back bar (drill-down section header) */
  --navbar-mobile-back-gap: 0.5rem;
  --navbar-mobile-back-padding-left: 1rem;
  --navbar-mobile-back-padding-right: 1rem;
  --navbar-mobile-back-padding-top: 0.75rem;
  --navbar-mobile-back-padding-bottom: 0.75rem;
  --navbar-mobile-back-border: 1px solid var(--border);
  --navbar-mobile-back-color: inherit;
  --navbar-mobile-back-font-family: inherit;
  --navbar-mobile-back-font-size: 0.875rem;
  --navbar-mobile-back-font-weight: 500;
  --navbar-mobile-back-letter-spacing: normal;
  --navbar-mobile-back-line-height: normal;
  --navbar-mobile-back-text-transform: none;
  /* menu list */
  --navbar-mobile-menu-padding-x: 0px;
  --navbar-mobile-menu-margin-top: 0px;
  --navbar-mobile-menu-margin-bottom: 0px;
  --navbar-mobile-menu-border-bottom: none;
  /* top-level items */
  --navbar-mobile-item-padding-x: 1rem;
  --navbar-mobile-item-padding-y: 0.75rem;
  --navbar-mobile-item-border: 1px solid var(--border);
  --navbar-mobile-item-color: #191919;
  --navbar-mobile-item-font-size: 0.875rem;
  --navbar-mobile-item-font-weight: 500;
  --navbar-mobile-item-letter-spacing: normal;
  --navbar-mobile-item-line-height: normal;
  --navbar-mobile-item-text-transform: none;
  --navbar-mobile-item-min-height: auto;
  --navbar-mobile-item-margin-top: 0px;
  --navbar-mobile-item-gap: 0px;
  --navbar-mobile-item-margin-bottom: 0px;
  --navbar-mobile-section-border: none;
  --navbar-mobile-section-padding-bottom: 0px;
  /* nested sub-items */
  --navbar-mobile-subitem-padding-x: 1rem;
  --navbar-mobile-subitem-padding-left: var(--navbar-mobile-subitem-padding-x);
  --navbar-mobile-subitem-padding-y: 0.75rem;
  --navbar-mobile-subitem-gap: 0px;
  --navbar-mobile-subitem-border: 1px solid var(--border);
  --navbar-mobile-subitem-color: inherit;
  --navbar-mobile-subitem-font-size: 0.875rem;
  --navbar-mobile-subitem-font-weight: normal;
  --navbar-mobile-subitem-letter-spacing: normal;
  --navbar-mobile-subitem-line-height: normal;
  --navbar-mobile-subitem-text-transform: none;
  /* 3rd-level (and deeper) leaf items — defaults mirror subitem */
  --navbar-mobile-leafitem-padding-x: 1rem;
  --navbar-mobile-leafitem-padding-y: 0.75rem;
  --navbar-mobile-leafitem-border: 1px solid var(--border);
  --navbar-mobile-leafitem-color: inherit;
  --navbar-mobile-leafitem-font-size: 0.875rem;
  --navbar-mobile-leafitem-font-weight: normal;
  --navbar-mobile-leafitem-letter-spacing: normal;
  --navbar-mobile-leafitem-line-height: normal;
  --navbar-mobile-leafitem-text-transform: none;
  --navbar-mobile-pane-item-gap: 25px;
  --navbar-mobile-nesteditem-font-family: inherit;
  --navbar-mobile-nesteditem-font-size: 14px;
  --navbar-mobile-nesteditem-font-weight: 600;
  --navbar-mobile-nesteditem-letter-spacing: 0.7px;
  --navbar-mobile-nesteditem-color: inherit;
  --navbar-mobile-nesteditem-padding-left: 15px;
  --navbar-mobile-nesteditem-gap: 20px;
  /* group titles (2nd-level headers in the drill-down panel) */
  --navbar-mobile-group-margin-top: 1rem;
  --navbar-mobile-group-padding-x: 1rem;
  --navbar-mobile-group-padding-y: 0.75rem;
  --navbar-mobile-group-color: inherit;
  --navbar-mobile-group-font-family: inherit;
  --navbar-mobile-group-font-size: 0.75rem;
  --navbar-mobile-group-font-weight: 600;
  --navbar-mobile-group-letter-spacing: 0.05em;
  --navbar-mobile-group-line-height: normal;
  --navbar-mobile-group-text-transform: uppercase;
  --navbar-mobile-group-divider: 1px solid var(--border);
  --navbar-mobile-group-divider-margin-bottom: 1rem;
}

/* Desktop mega menu motion — driven by --navbar-megamenu-motion-* tokens */
@keyframes navbar-megamenu-viewport-enter {
  from {
    opacity: calc(1 - var(--navbar-megamenu-motion-enabled));
    transform: scale(
      calc(
        1 -
          var(--navbar-megamenu-motion-enabled) *
          (1 - var(--navbar-megamenu-viewport-enter-scale))
      )
    );
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes navbar-megamenu-viewport-exit {
  from {
    opacity: 1;
    transform: scale(1);
  }

  to {
    opacity: calc(1 - var(--navbar-megamenu-motion-enabled));
    transform: scale(
      calc(
        1 -
          var(--navbar-megamenu-motion-enabled) *
          (1 - var(--navbar-megamenu-viewport-exit-scale))
      )
    );
  }
}

@keyframes navbar-megamenu-content-from-start {
  from {
    opacity: calc(1 - var(--navbar-megamenu-motion-enabled));
    transform: translateX(
      calc(-1 * var(--navbar-megamenu-content-motion-offset) * var(--navbar-megamenu-motion-enabled))
    );
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes navbar-megamenu-content-from-end {
  from {
    opacity: calc(1 - var(--navbar-megamenu-motion-enabled));
    transform: translateX(
      calc(var(--navbar-megamenu-content-motion-offset) * var(--navbar-megamenu-motion-enabled))
    );
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes navbar-megamenu-content-to-start {
  from {
    opacity: 1;
    transform: translateX(0);
  }

  to {
    opacity: calc(1 - var(--navbar-megamenu-motion-enabled));
    transform: translateX(
      calc(-1 * var(--navbar-megamenu-content-motion-offset) * var(--navbar-megamenu-motion-enabled))
    );
  }
}

@keyframes navbar-megamenu-content-to-end {
  from {
    opacity: 1;
    transform: translateX(0);
  }

  to {
    opacity: calc(1 - var(--navbar-megamenu-motion-enabled));
    transform: translateX(
      calc(var(--navbar-megamenu-content-motion-offset) * var(--navbar-megamenu-motion-enabled))
    );
  }
}

[data-slot="navigation-menu-viewport"] {
  transform-origin: var(--navbar-megamenu-viewport-transform-origin);
  transition-property: height, width;
  transition-duration: calc(
    var(--navbar-megamenu-viewport-height-duration) * var(--navbar-megamenu-motion-enabled)
  );
  transition-timing-function: ease;
}

[data-slot="navigation-menu-viewport"][data-state="open"],
[data-slot="navigation-menu-viewport"]:where([data-open]:not([data-open="false"])) {
  animation: navbar-megamenu-viewport-enter
    calc(var(--navbar-megamenu-viewport-duration) * var(--navbar-megamenu-motion-enabled))
    ease forwards;
}

[data-slot="navigation-menu-viewport"][data-state="closed"],
[data-slot="navigation-menu-viewport"][data-closed] {
  animation: navbar-megamenu-viewport-exit
    calc(var(--navbar-megamenu-viewport-duration) * var(--navbar-megamenu-motion-enabled))
    ease forwards;
}

[data-slot="navigation-menu-content"][data-motion="from-start"] {
  animation: navbar-megamenu-content-from-start
    calc(var(--navbar-megamenu-content-motion-duration) * var(--navbar-megamenu-motion-enabled))
    var(--navbar-megamenu-content-motion-easing) forwards;
}

[data-slot="navigation-menu-content"][data-motion="from-end"] {
  animation: navbar-megamenu-content-from-end
    calc(var(--navbar-megamenu-content-motion-duration) * var(--navbar-megamenu-motion-enabled))
    var(--navbar-megamenu-content-motion-easing) forwards;
}

[data-slot="navigation-menu-content"][data-motion="to-start"] {
  animation: navbar-megamenu-content-to-start
    calc(var(--navbar-megamenu-content-motion-duration) * var(--navbar-megamenu-motion-enabled))
    var(--navbar-megamenu-content-motion-easing) forwards;
}

[data-slot="navigation-menu-content"][data-motion="to-end"] {
  animation: navbar-megamenu-content-to-end
    calc(var(--navbar-megamenu-content-motion-duration) * var(--navbar-megamenu-motion-enabled))
    var(--navbar-megamenu-content-motion-easing) forwards;
}

/* Tailwind preflight sets `font: inherit` on buttons, overriding brand GlobalStyle.
   Re-apply navbar typography with longhand properties (unlayered, after Tailwind). */
[data-slot="navigation-menu-trigger"],
[data-slot="navigation-menu-link"] {
  font-family: var(--navbar-trigger-font-family, var(--font-sans, inherit));
  font-size: var(--navbar-trigger-font-size);
  font-weight: var(--navbar-trigger-font-weight);
  letter-spacing: var(--navbar-trigger-letter-spacing);
  line-height: var(--navbar-trigger-line-height);
  text-transform: var(--navbar-trigger-text-transform);
}

[data-slot="navigation-menu-content"] [id^="nav-group-"] {
  font-family: var(--navbar-group-title-font-family, var(--font-sans, inherit));
  font-size: var(--navbar-group-title-font-size);
  font-weight: var(--navbar-group-title-font-weight);
  letter-spacing: var(--navbar-group-title-letter-spacing);
  line-height: var(--navbar-group-title-line-height);
  text-transform: var(--navbar-group-title-text-transform);
}

[data-nav-sublink] {
  font-family: var(--navbar-sublink-font-family, var(--font-sans, inherit));
  font-size: var(--navbar-sublink-font-size);
  font-weight: var(--navbar-sublink-font-weight);
  letter-spacing: var(--navbar-sublink-letter-spacing);
  line-height: var(--navbar-sublink-line-height);
  text-transform: var(--navbar-sublink-text-transform);
}

[data-sidebar-flyout-tiles],
#sidebar-flyout-pane :has(> [data-sidebar-flyout-tile]) {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
  height: fit-content;
  gap: var(--navbar-sidebar-flyout-tile-gap, 13px);
}

[data-sidebar-flyout-tile] {
  box-sizing: border-box;
  position: relative;
  display: block;
  flex: 0 0 calc((100% - var(--navbar-sidebar-flyout-tile-gap, 13px)) / 2);
  width: calc((100% - var(--navbar-sidebar-flyout-tile-gap, 13px)) / 2);
  max-width: calc((100% - var(--navbar-sidebar-flyout-tile-gap, 13px)) / 2);
  aspect-ratio: var(--navbar-sidebar-flyout-tile-aspect-ratio, 1 / 1);
  height: auto;
  overflow: hidden;
  align-self: flex-start;
}

[data-sidebar-flyout-tile] > :first-child {
  display: block;
  width: 100%;
  height: 100%;
}

[data-sidebar-flyout-tile] img,
[data-sidebar-flyout-tile] video {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
  display: block;
}