.home-menu-backdrop {
  position: fixed;
  inset: 0;
  z-index: 1090;
  background: rgba(0, 16, 36, .45);
  opacity: 0;
  pointer-events: none;
  transition: opacity .25s ease;
}

.home-menu-backdrop.is-visible {
  opacity: 1;
  pointer-events: auto;
}

body.home-menu-open {
  overflow: hidden;
}

@media (max-width: 900px) {
  .nav-links:where(.astro-J7PV25F6) {
    top: calc(env(safe-area-inset-top, 0px) + 1rem) !important;
    right: 1rem !important;
    left: auto !important;
    width: min(320px, calc(100vw - 2rem)) !important;
    max-height: calc(100dvh - env(safe-area-inset-top, 0px) - 2rem) !important;
    height: auto !important;
    overflow: auto !important;
    padding: 84px 22px 22px !important;
    border: 1px solid rgba(0, 31, 63, .1) !important;
    border-radius: 24px !important;
    background: rgba(255, 255, 255, .98) !important;
    box-shadow: 0 24px 54px rgba(0, 31, 63, .16) !important;
    transform: translateX(calc(100% + 2rem));
    transition: transform .35s ease !important;
    z-index: 1100 !important;
  }

  .nav-links:where(.astro-J7PV25F6).open {
    right: 1rem !important;
    transform: translateX(0) !important;
  }

  .nav-dropdown:where(.astro-J7PV25F6) {
    width: 100%;
  }

  .dd-trigger:where(.astro-J7PV25F6) {
    display: flex !important;
    width: 100%;
    align-items: center;
    justify-content: space-between;
  }

  .nav-cta:where(.astro-J7PV25F6) {
    width: 100%;
    justify-content: center;
    margin-top: 14px;
  }

  .mobile-toggle:where(.astro-J7PV25F6) {
    position: relative;
    z-index: 1102;
  }
}

@media (min-width: 901px) {
  .home-menu-backdrop {
    display: none;
  }
}