@media (max-width: 760px) {
  body.leedab-menu-active {
    overflow: hidden !important;
  }

  .leedab-menu-header.menu-open {
    z-index: 110 !important;
    height: 72px;
    border-bottom: 1px solid rgba(52, 52, 52, 0.115) !important;
    background: #f5f5f2 !important;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.72) !important;
    color: #343434 !important;
  }

  .leedab-menu-header.menu-open .leedab-menu-brand,
  .leedab-menu-header.menu-open .leedab-menu-toggle {
    color: #343434 !important;
  }

  .leedab-menu-header.menu-open .leedab-menu-toggle {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .leedab-menu-header.menu-open .leedab-menu-toggle::before,
  .leedab-menu-header.menu-open .leedab-menu-toggle::after {
    opacity: 0 !important;
    transform: scale(0.9) !important;
  }

  .leedab-menu-header.menu-open .leedab-menu-toggle span {
    right: 6px !important;
    left: 6px !important;
    background: #343434 !important;
  }

  .leedab-mobile-menu {
    position: fixed !important;
    z-index: 100 !important;
    inset: 0 !important;
    display: flex !important;
    width: 100% !important;
    height: 100dvh !important;
    min-height: 100svh !important;
    align-items: center !important;
    flex-direction: column !important;
    padding: 92px 24px max(66px, calc(42px + env(safe-area-inset-bottom))) !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    border: 0 !important;
    background: #f5f5f2 !important;
    box-shadow: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: scale(0.995) !important;
    transition: opacity 240ms ease, visibility 240ms ease, transform 240ms ease !important;
  }

  .leedab-mobile-menu.open,
  .leedab-mobile-menu.is-open {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
  }

  .leedab-mobile-links {
    display: flex;
    width: 100%;
    align-items: center;
    flex: 0 0 auto;
    flex-direction: column;
    gap: clamp(8px, 1.8vh, 14px);
    margin: auto 0;
  }

  .leedab-mobile-menu a {
    width: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #343434 !important;
    font-family: "Geist", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: clamp(28px, 7.2vw, 32px) !important;
    font-weight: 400 !important;
    letter-spacing: -0.04em !important;
    line-height: 1.14 !important;
    text-align: center !important;
    white-space: nowrap !important;
    transition: color 180ms ease, opacity 180ms ease !important;
  }

  .leedab-mobile-menu a:hover,
  .leedab-mobile-menu a:focus-visible {
    color: #111 !important;
  }

  .leedab-mobile-menu a[aria-current="page"] {
    color: rgba(52, 52, 52, 0.36) !important;
  }

  .leedab-mobile-menu .leedab-mobile-divider {
    width: min(220px, 72vw) !important;
    margin-top: clamp(10px, 2.2vh, 20px) !important;
    padding-top: clamp(20px, 3.2vh, 30px) !important;
    border-top: 1px solid rgba(52, 52, 52, 0.12) !important;
  }

  .leedab-mobile-menu > small {
    position: absolute;
    right: 24px;
    bottom: max(22px, env(safe-area-inset-bottom));
    left: 24px;
    color: rgba(52, 52, 52, 0.38);
    font-family: "Geist", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: -0.01em;
    line-height: 1.3;
    text-align: center;
  }

  .leedab-mobile-heading {
    margin-bottom: 2px;
    color: rgba(52, 52, 52, 0.32);
    font-family: "Geist", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -0.025em;
    line-height: 1.2;
  }

  .leedab-menu-header--dark.menu-open {
    border-bottom-color: rgba(244, 241, 234, 0.1) !important;
    background: #0e0d0a !important;
    box-shadow: none !important;
    color: #f4f1ea !important;
  }

  .leedab-menu-header--dark.menu-open .leedab-menu-brand,
  .leedab-menu-header--dark.menu-open .leedab-menu-toggle {
    color: #f4f1ea !important;
  }

  .leedab-menu-header--dark.menu-open .leedab-menu-toggle span {
    background: #f4f1ea !important;
  }

  .leedab-mobile-menu--dark {
    background: #0e0d0a !important;
  }

  .leedab-mobile-menu--dark a {
    color: #f4f1ea !important;
  }

  .leedab-mobile-menu--dark a:hover,
  .leedab-mobile-menu--dark a:focus-visible {
    color: #fff !important;
  }

  .leedab-mobile-menu--dark a[aria-current="page"] {
    color: rgba(244, 241, 234, 0.36) !important;
  }

  .leedab-mobile-menu--dark .leedab-mobile-divider {
    border-top-color: rgba(244, 241, 234, 0.12) !important;
  }

  .leedab-mobile-menu--dark > small {
    color: rgba(244, 241, 234, 0.34);
  }
}