/* Generated from ui/styles/site-header.css. Edit the source, then npm run build:styles. */
body > :is(.header, .ac-header, .ad-header, .rep-header, .utility-header) {
  position: sticky;
  top: 0;
  z-index: 100;
  width: 100%;
  max-width: none;
  background: inherit;
  border-bottom: 1px solid transparent;
  box-shadow: var(--ui-shadow-none);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
body > :is(.header, .ac-header, .ad-header, .rep-header, .utility-header).is-scrolled {
  border-bottom-color: var(--ui-color-line);
}
body > .header .header__inner {
  background: transparent;
  box-shadow: var(--ui-shadow-none);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
body:has(#contact.is-deck-active):not(.menu-is-open) > .header {
  background: var(--ui-color-accent);
  color: var(--ui-color-white);
}
body:has(#contact.is-deck-active):not(.menu-is-open) > .header.is-scrolled {
  border-bottom-color: rgba(255,255,255,.2);
}

body > .header { position: fixed; }

body:has(#contact.is-deck-active):not(.menu-is-open) .header__inner > .button {
  color: var(--ui-color-ink); background: var(--ui-color-white); border-color: var(--ui-color-white);
}
body:has(#contact.is-deck-active):not(.menu-is-open) .header__inner > .button:hover {
  color: var(--ui-color-ink); background: #f3f3ef; border-color: #f3f3ef; transform: none;
}

/* The expanded navigation must sit above its page backdrop (z-index: 990). */
body.menu-is-open > .header { z-index: 1000; }