html.attract-unified-nav {
  --attract-announcement-height: 0px;
  --attract-desktop-nav-height: 100px;
  --attract-mobile-nav-height: 80px;
  --attract-nav-ink: #07110f;
  --attract-nav-paper: #fff;
  --attract-nav-yellow: #fee05c;
  --attract-nav-line: rgba(255, 255, 255, .24);
}

html.attract-unified-nav .attract-unified-header {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  height: auto !important;
  min-height: 0 !important;
  background: transparent !important;
  isolation: isolate;
  z-index: 2147483000 !important;
}

html.attract-unified-nav .attract-unified-header.site-header {
  border-bottom: 0 !important;
}

html.attract-unified-nav .attract-unified-header .framer-0YBUG,
html.attract-unified-nav .attract-unified-header > .nav-shell {
  flex: none !important;
  width: 100% !important;
  height: var(--attract-desktop-nav-height) !important;
  background-color: transparent !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  transition: background-color .3s ease, -webkit-backdrop-filter .3s ease, backdrop-filter .3s ease;
}

html.attract-unified-nav .attract-unified-header > .nav-shell {
  box-sizing: border-box !important;
  border-bottom: 1px solid var(--attract-nav-line) !important;
}

html.attract-unified-nav .attract-unified-brand-mark {
  display: block;
  flex: none;
  width: 91px;
  height: 63px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

html.attract-unified-nav:is(.attract-unified-scrolled, .attract-unified-open) .attract-unified-header,
html.attract-unified-nav:is(.attract-unified-scrolled, .attract-unified-open) .attract-unified-header .framer-0YBUG,
html.attract-unified-nav:is(.attract-unified-scrolled, .attract-unified-open) .attract-unified-header > .nav-shell {
  background-color: var(--attract-nav-ink) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  backdrop-filter: blur(20px) !important;
}

@media (min-width: 810px) {
  html.attract-unified-nav .attract-unified-header {
    height: var(--attract-desktop-nav-height) !important;
    min-height: var(--attract-desktop-nav-height) !important;
  }
}

html.attract-unified-nav .attract-unified-header.site-header + .location-main {
  padding-top: calc(var(--attract-desktop-nav-height) + var(--attract-announcement-height)) !important;
}

html.attract-unified-nav.attract-unified-scroll-locked,
html.attract-unified-nav.attract-unified-scroll-locked body {
  overscroll-behavior: none !important;
}

@media (max-width: 809.98px) {
  html.attract-unified-nav {
    --attract-announcement-height: 0px;
  }

  html.attract-unified-nav,
  html.attract-unified-nav body {
    overflow-x: clip !important;
    overflow-y: visible !important;
  }

  html.attract-unified-nav body::before {
    height: 220px !important;
    background: var(--attract-nav-ink) !important;
    z-index: 0 !important;
  }

  html.attract-unified-nav:is(.attract-unified-scrolled, .attract-unified-open) body::before {
    height: 300px !important;
  }

  html.attract-unified-nav .framer-qOafj {
    overflow: visible !important;
  }

  html.attract-unified-nav .attract-unified-header {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
    order: -1 !important;
    flex: none !important;
    width: 100% !important;
    margin-bottom: 0 !important;
    transform: none !important;
  }

  html.attract-unified-nav.attract-unified-scroll-locked,
  html.attract-unified-nav.attract-unified-scroll-locked body {
    overflow: hidden !important;
  }

  html.attract-unified-nav .attract-unified-header .framer-0YBUG,
  html.attract-unified-nav .attract-unified-header > .nav-shell {
    height: var(--attract-mobile-nav-height) !important;
    transform: none !important;
    transform-origin: center !important;
  }

  html.attract-unified-nav .attract-unified-brand-mark {
    width: 58px;
    height: 40px;
  }

  html.attract-unified-nav .attract-unified-header .framer-0YBUG > .framer-l8upto,
  html.attract-unified-nav .attract-unified-header .framer-0YBUG > .framer-mzuvow {
    transform: none !important;
    transform-origin: center !important;
  }

  html.attract-unified-nav .attract-unified-header .framer-0YBUG:is(.framer-v-13o4ee2, .framer-v-12hnio) {
    height: calc(100vh + var(--attract-mobile-nav-height)) !important;
    height: calc(100dvh + var(--attract-mobile-nav-height)) !important;
    min-height: calc(100svh + var(--attract-mobile-nav-height)) !important;
  }

  html.attract-unified-nav .attract-unified-header .framer-0YBUG:is(.framer-v-13o4ee2, .framer-v-12hnio) > .framer-mzuvow {
    position: relative !important;
    height: 100vh !important;
    height: 100dvh !important;
    min-height: 100svh !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  html.attract-unified-nav .attract-unified-header .framer-0YBUG:is(.framer-v-98ilbb, .framer-v-1pz81gk) {
    height: var(--attract-mobile-nav-height) !important;
  }

  html.attract-unified-nav .attract-unified-header .framer-0YBUG:is(.framer-v-98ilbb, .framer-v-1pz81gk) > .framer-mzuvow {
    opacity: 0 !important;
    pointer-events: none !important;
  }

  html.attract-unified-nav .attract-unified-header.site-header .mobile-panel {
    top: calc(var(--attract-mobile-nav-height) + var(--attract-announcement-height)) !important;
    height: calc(100dvh - var(--attract-mobile-nav-height) - var(--attract-announcement-height)) !important;
    z-index: 2147483001 !important;
  }

  html.attract-unified-nav .attract-unified-header.site-header > .nav-shell {
    background-color: transparent !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  html.attract-unified-nav .attract-unified-header.site-header + .location-main {
    padding-top: calc(var(--attract-mobile-nav-height) + var(--attract-announcement-height)) !important;
  }

}

@media (prefers-reduced-motion: reduce) {
  html.attract-unified-nav .attract-unified-header,
  html.attract-unified-nav .attract-unified-header .framer-0YBUG,
  html.attract-unified-nav .attract-unified-header > .nav-shell {
    transition: none !important;
  }
}
