@media (max-width: 809.98px) {
  html,
  body {
    background: #07110f !important;
  }

  body::before {
    content: "";
    position: fixed;
    /* Keep an opaque Citrus surface above the visual viewport for iOS
       Safari's translucent chrome. End it at the header edge so it cannot
       create a visible strip between the navigation and page content. */
    top: -220px;
    left: 0;
    right: 0;
    height: 300px !important;
    background: #07110f !important;
    z-index: 900 !important;
    pointer-events: none;
  }

  .framer-1enn8xh-container,
  .site-header {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 1000 !important;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }

  html.attract-home-page .framer-1enn8xh-container > .framer-0YBUG,
  .framer-1enn8xh-container > .framer-0YBUG {
    background-color: #07110f !important;
  }

  /* Framer gives the shared navigation a late flex order. The home page
     physically prepends it, so keep its visual order aligned with the DOM. */
  html.attract-home-page .framer-1enn8xh-container {
    order: -1 !important;
  }

  /* Keep the fixed footer curtain reveal, but prevent its transparent state
     from sitting on top of the page and stealing taps. */
  html.attract-home-page .framer-by62w0-container {
    isolation: isolate;
    max-height: calc(100vh - 80px);
    max-height: calc(100svh - 80px);
    pointer-events: none !important;
  }

  html.attract-home-page .framer-by62w0-container > .framer-VBYrO {
    max-height: calc(100vh - 80px);
    max-height: calc(100svh - 80px);
    overflow-x: clip !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    pointer-events: none !important;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  html.attract-home-page.attract-home-footer-revealed
    .framer-by62w0-container
    > .framer-VBYrO {
    pointer-events: auto !important;
  }

  html.attract-home-page .framer-by62w0-container > .framer-VBYrO::-webkit-scrollbar {
    display: none;
  }

  html.attract-home-page .framer-VBYrO .framer-bpuvch-container,
  html.attract-home-page .framer-VBYrO .framer-10zcmbt-container,
  html.attract-home-page .framer-VBYrO .framer-1lahui9-container {
    min-height: 44px !important;
  }

  html.attract-home-page .framer-VBYrO a[href^="tel:"] {
    position: relative;
  }

  html.attract-home-page .framer-VBYrO a[href^="tel:"]::after {
    content: "";
    position: absolute;
    inset: -13px -10px;
  }

  html.attract-home-page .framer-VBYrO .framer-1s0ic6x {
    padding-bottom: max(14px, env(safe-area-inset-bottom, 0px)) !important;
  }
}