{"version":3,"file":"MobileCSSHead.DU1GTf8R.mjs","names":[],"sources":["https:/framerusercontent.com/modules/RgaTMysXKQzHZiaXqA5c/FVKBEAD0b09sQMs7aueT/MobileCSSHead.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";/**\n * MobileCSSHead\n *\n * A zero-size utility component that outputs the mobile-responsive CSS as an\n * inline <style> tag, rendered UNCONDITIONALLY (no window/location guard) so it\n * is present in the server-rendered HTML. Place ONE instance at the TOP of a\n * page (first child of the Desktop breakpoint) so the <style> lands early in the\n * document — before the page sections — which eliminates the mobile FOUC/flicker\n * (the browser no longer paints the desktop layout and then reflows to mobile).\n *\n * The `page` prop selects which CSS block to emit. Every block also includes the\n * global nav-prehydrate CSS so the navbar is correct on first paint.\n *\n * ⚠️ SOURCE-OF-TRUTH NOTE: these CSS blocks are kept identical to AALogo.tsx\n * (codeFileId DD0_QF2), which still injects the same CSS at runtime for the\n * editor canvas / as a fallback. If you edit the mobile CSS, update BOTH files,\n * or consolidate to this component as the single owner (recommended cleanup).\n */const NAV_PREHYDRATE_CSS=`\n@media (max-width: 809px) {\n  nav[data-framer-name=\"Navbar\"] > div:has(a[href*=\"/services\"]):has(a[href*=\"/patient-stories\"]),\n  .framer-fbmkb0 > div:has(a[href*=\"/services\"]):has(a[href*=\"/patient-stories\"]) {\n    display: none !important;\n  }\n  /* Force the mobile nav layout at first paint on EVERY page — critical for Home,\n     which only receives this nav CSS (no full-page mobile CSS). Without it, Home\n     paints the desktop/native nav (a green \"MENU\" pill on the LEFT, logo shoved to\n     the CENTER) for a beat until JS rebuilds it. This pins logo-left / menu-right,\n     56px tall, from the first frame. */\n  nav[data-framer-name=\"Navbar\"] {\n    flex-direction: row !important;\n    align-items: center !important;\n    justify-content: space-between !important;\n    padding: 0px 20px !important;\n    height: 56px !important;\n  }\n  /* Hide Framer's native mobile menu pill (\"MENU\"). It is server-rendered and\n     flashes on the left at first paint until custom JS hides it and injects the\n     plain-text button[data-aa-mobile-btn]. The pill is display:none in the settled\n     state and the menu still works via the custom button, so hiding it from first\n     paint is safe and removes the flash. Targeted via its inner trigger\n     (data-framer-name=\"A\"); the auto-generated class (.framer-…/ssr-variant) is unstable. */\n  nav[data-framer-name=\"Navbar\"] > div:has([data-framer-name=\"A\"]) {\n    display: none !important;\n  }\n  /* MENU BUTTON PLACEHOLDER — the real mobile menu button (button[data-aa-mobile-btn])\n     is injected by client JS, so it is ABSENT from the server HTML and \"pops in\" a\n     beat after load. This CSS-only placeholder paints an identical \"MENU\" label in\n     the exact same spot at first paint, then disappears the instant the real\n     (interactive) button mounts — no pop-in, no layout shift. Style mirrors the real\n     span: Inter 600 / 12px / 0.11em / uppercase / green; right edge 36px from the nav\n     edge, vertically centered. The nav is position:fixed = containing block for this\n     absolute ::after. */\n  nav[data-framer-name=\"Navbar\"]:not(:has(button[data-aa-mobile-btn]))::after {\n    content: \"Menu\";\n    position: absolute;\n    right: 36px;\n    top: 50%;\n    transform: translateY(-50%);\n    font-family: Inter, sans-serif;\n    font-weight: 600;\n    font-size: 12px;\n    line-height: 1;\n    letter-spacing: 0.11em;\n    text-transform: uppercase;\n    color: rgb(127, 166, 155);\n    pointer-events: none;\n  }\n}\n`;const ABOUT_MOBILE_CSS=`\n@media (max-width: 809px) {\n  nav[data-framer-name=\"Navbar\"] {\n    flex-direction: row !important;\n    align-items: center !important;\n    justify-content: space-between !important;\n    padding: 0px 20px !important;\n    gap: 12px !important;\n    height: 56px !important;\n  }\n  div[data-framer-name=\"Main Container\"] { gap: 0px !important; }\n  div[data-framer-name=\"Header\"] {\n    padding: 0px 0px 48px 0px !important;\n    gap: 24px !important;\n  }\n  div[data-framer-name=\"Header\"] > div[data-framer-name=\"Sections\"] {\n    padding: 0px 20px !important;\n    flex-direction: column !important;\n    gap: 0px !important;\n  }\n  div[data-framer-name=\"Header\"] > div[data-framer-name=\"Sections\"] > section[data-framer-name=\"Section\"] {\n    width: 100% !important; flex: none !important; height: auto !important;\n  }\n  div[data-framer-name=\"Header\"] [data-framer-name=\"Headline\"] {\n    padding: 0px !important; gap: 24px !important;\n  }\n  div[data-framer-name=\"Header\"] [data-framer-name=\"Headline\"] h1.framer-text,\n  div[data-framer-name=\"Header\"] [data-framer-name=\"Headline\"] h2.framer-text {\n    font-size: 44px !important; --framer-font-size: 44px !important;\n    line-height: 110% !important; --framer-line-height: 110% !important;\n    letter-spacing: -0.03em !important;\n  }\n  div[data-framer-name=\"The Way We Help\"] {\n    padding: 48px 20px !important; gap: 24px !important;\n  }\n  div[data-framer-name=\"The Way We Help\"] [data-framer-name=\"Icon\"] {\n    width: auto !important;\n    min-width: 260px !important;\n    max-width: calc(100% - 32px) !important;\n    overflow: visible !important;\n    padding: 8px 18px !important;\n    height: auto !important;\n    border-radius: 999px !important;\n    margin: 0 auto !important;\n    flex-direction: row !important;\n    justify-content: center !important;\n    align-items: center !important;\n  }\n  div[data-framer-name=\"The Way We Help\"] [data-framer-name=\"Icon\"] > div,\n  div[data-framer-name=\"The Way We Help\"] [data-framer-name=\"Icon\"] p.framer-text {\n    width: auto !important;\n    max-width: none !important;\n    white-space: nowrap !important;\n    text-align: center !important;\n    font-size: 11px !important;\n    --framer-font-size: 11px !important;\n    letter-spacing: 0.08em !important;\n    line-height: 140% !important;\n  }\n  div[data-framer-name=\"Text Reveal\"] {\n    padding: 0px 20px !important; width: 100% !important;\n  }\n  div[data-framer-name=\"Text Reveal\"] h1 span,\n  div[data-framer-name=\"Text Reveal\"] h2 span,\n  div[data-framer-name=\"Text Reveal\"] h3 span,\n  div[data-framer-name=\"Text Reveal\"] h4 span,\n  div[data-framer-name=\"Text Reveal\"] h5 span,\n  div[data-framer-name=\"Text Reveal\"] h6 span,\n  div[data-framer-name=\"Text Reveal\"] p span {\n    font-size: 22px !important; --framer-font-size: 22px !important;\n    line-height: 135% !important; --framer-line-height: 135% !important;\n    letter-spacing: -0.02em !important;\n  }\n  div[data-framer-name=\"Text Reveal\"] h1,\n  div[data-framer-name=\"Text Reveal\"] h2,\n  div[data-framer-name=\"Text Reveal\"] h3,\n  div[data-framer-name=\"Text Reveal\"] h4,\n  div[data-framer-name=\"Text Reveal\"] h5,\n  div[data-framer-name=\"Text Reveal\"] h6,\n  div[data-framer-name=\"Text Reveal\"] p {\n    width: 100% !important; max-width: 100% !important;\n  }\n  div[data-framer-name=\"Big Quote\"] {\n    padding: 48px 20px !important; flex-direction: column !important;\n    gap: 24px !important; width: 100% !important; max-width: 100% !important;\n  }\n  div[data-framer-name=\"Big Quote\"] h1.framer-text,\n  div[data-framer-name=\"Big Quote\"] h2.framer-text,\n  div[data-framer-name=\"Big Quote\"] h3.framer-text {\n    font-size: 28px !important; --framer-font-size: 28px !important;\n    line-height: 125% !important; --framer-line-height: 125% !important;\n  }\n  div[data-framer-name=\"Image and Quote\"],\n  div[data-framer-name=\"Image and Quote Container\"] {\n    padding: 48px 20px !important; flex-direction: column !important;\n    gap: 24px !important; width: 100% !important; max-width: 100% !important;\n    height: auto !important; min-height: unset !important;\n  }\n  div[data-framer-name=\"Image and Quote\"] section[data-framer-name=\"Section\"],\n  div[data-framer-name=\"Image and Quote Container\"] section[data-framer-name=\"Section\"] {\n    width: 100% !important; flex: none !important; height: auto !important;\n    min-height: unset !important; padding: 0px !important; overflow: visible !important;\n  }\n  div[data-framer-name=\"Image and Quote\"] > section[data-framer-name=\"Section\"]:empty,\n  div[data-framer-name=\"Image and Quote Container\"] > section[data-framer-name=\"Section\"]:empty {\n    display: none !important;\n  }\n  /* IMAGE OF DR. B — source 1792x2400 portrait. The template applies a SCROLL\n     PARALLAX to the <img>: it sets height:calc(100% + 300px) and a JS-driven\n     translateY(...) that slides the image inside an overflow:hidden frame. On\n     desktop the frame is tall so the shift is subtle, but on the small mobile\n     frame the upward translate (~170px) pushed her FACE entirely out of the\n     top of the frame, leaving only the torso + hand. We neutralize the\n     transform (transform:none) so the image sits at its natural position with\n     the face visible; our height:auto + aspect-ratio:3/4 already overrides the\n     calc() height. transform:none in a stylesheet with !important beats the\n     JS-set inline transform (which has no !important), and holds during scroll. */\n  div[data-framer-name=\"Image and Quote\"] [data-framer-name=\"Image\"],\n  div[data-framer-name=\"Image and Quote Container\"] [data-framer-name=\"Image\"] {\n    width: 100% !important; max-width: 100% !important; height: auto !important;\n    overflow: visible !important;\n    transform: none !important;\n  }\n  div[data-framer-name=\"Image and Quote\"] [data-framer-name=\"Image\"] img,\n  div[data-framer-name=\"Image and Quote Container\"] [data-framer-name=\"Image\"] img,\n  div[data-framer-name=\"Image and Quote\"] img,\n  div[data-framer-name=\"Image and Quote Container\"] img {\n    width: 100% !important; max-width: 100% !important; height: auto !important;\n    aspect-ratio: 3 / 4 !important;\n    object-fit: cover !important;\n    object-position: 50% 25% !important;\n    transform: none !important;\n  }\n  div[data-framer-name=\"Image and Quote\"] [data-framer-name=\"Text Container\"],\n  div[data-framer-name=\"Image and Quote Container\"] [data-framer-name=\"Text Container\"],\n  div[data-framer-name=\"Image and Quote\"] [data-framer-name=\"Quote\"],\n  div[data-framer-name=\"Image and Quote Container\"] [data-framer-name=\"Quote\"] {\n    width: 100% !important; max-width: 100% !important;\n    padding: 0px !important; gap: 16px !important;\n  }\n  div[data-framer-name=\"Image and Quote\"] h1.framer-text,\n  div[data-framer-name=\"Image and Quote\"] h2.framer-text,\n  div[data-framer-name=\"Image and Quote\"] h3.framer-text,\n  div[data-framer-name=\"Image and Quote\"] h4.framer-text,\n  div[data-framer-name=\"Image and Quote Container\"] h1.framer-text,\n  div[data-framer-name=\"Image and Quote Container\"] h2.framer-text,\n  div[data-framer-name=\"Image and Quote Container\"] h3.framer-text,\n  div[data-framer-name=\"Image and Quote Container\"] h4.framer-text {\n    font-size: 22px !important; --framer-font-size: 22px !important;\n    line-height: 130% !important; --framer-line-height: 130% !important;\n    letter-spacing: -0.02em !important;\n    max-width: 100% !important; width: 100% !important;\n  }\n  div[data-framer-name=\"Image and Quote\"] p.framer-text,\n  div[data-framer-name=\"Image and Quote Container\"] p.framer-text {\n    font-size: 14px !important; line-height: 170% !important; max-width: 100% !important;\n  }\n  div[data-framer-name=\"Image and Quote Container\"] section[data-framer-name=\"quote-animation\"] {\n    display: none !important;\n  }\n  div[data-framer-name=\"Meet Anna\"],\n  div[data-framer-name=\"About\"],\n  div[data-framer-name=\"Text Section\"] {\n    padding: 48px 20px !important; gap: 24px !important;\n    width: 100% !important; max-width: 100% !important;\n  }\n  div[data-framer-name=\"Meet Anna\"] > div[data-framer-name=\"Sections\"],\n  div[data-framer-name=\"About\"] > div[data-framer-name=\"Sections\"],\n  div[data-framer-name=\"Text Section\"] > div[data-framer-name=\"Sections\"] {\n    flex-direction: column !important; padding: 0px !important; gap: 24px !important;\n  }\n  div[data-framer-name=\"Meet Anna\"] section[data-framer-name=\"Section\"],\n  div[data-framer-name=\"About\"] section[data-framer-name=\"Section\"],\n  div[data-framer-name=\"Text Section\"] section[data-framer-name=\"Section\"] {\n    width: 100% !important; flex: none !important; height: auto !important;\n    min-height: unset !important; overflow: visible !important;\n  }\n  div[data-framer-name=\"Meet Anna\"] h1.framer-text,\n  div[data-framer-name=\"Meet Anna\"] h2.framer-text,\n  div[data-framer-name=\"Meet Anna\"] h3.framer-text,\n  div[data-framer-name=\"About\"] h1.framer-text,\n  div[data-framer-name=\"About\"] h2.framer-text,\n  div[data-framer-name=\"About\"] h3.framer-text {\n    font-size: 30px !important; --framer-font-size: 30px !important;\n    line-height: 115% !important; --framer-line-height: 115% !important;\n    letter-spacing: -0.02em !important;\n  }\n  div[data-framer-name=\"Journal\"] {\n    padding: 48px 20px !important; gap: 24px !important;\n  }\n  div[data-framer-name=\"Team\"] {\n    padding: 24px 0px 48px 0px !important; gap: 32px !important;\n    flex-direction: column !important; width: 100% !important;\n    height: auto !important; min-height: unset !important;\n  }\n  div[data-framer-name=\"Team\"] > div,\n  div[data-framer-name=\"Team\"] [data-framer-name=\"Card Container\"] {\n    flex-direction: column !important; padding: 0px 20px !important;\n    gap: 16px !important;\n    width: 100% !important; height: auto !important;\n    min-height: 0 !important; min-width: 0 !important;\n    overflow: visible !important;\n    position: relative !important;\n  }\n  div[data-framer-name=\"Team\"] [data-framer-name=\"Card Container\"] {\n    min-height: 400px !important;\n  }\n  div[data-framer-name=\"Team\"] [data-framer-name=\"Card Container\"] > * {\n    position: relative !important;\n    width: 100% !important; max-width: 100% !important;\n    min-width: 0 !important; height: auto !important;\n    min-height: 400px !important;\n    overflow: visible !important;\n  }\n  div[data-framer-name^=\"Ready to find\"] {\n    padding: 64px 20px !important; gap: 32px !important;\n  }\n  div[data-framer-name^=\"Ready to find\"] > div[data-framer-name=\"Sections\"] {\n    flex-direction: column !important; padding: 0px !important; gap: 32px !important;\n  }\n  div[data-framer-name^=\"Ready to find\"] section[data-framer-name=\"Section\"] {\n    width: 100% !important; flex: none !important; height: auto !important;\n    min-height: unset !important; padding: 0px !important;\n  }\n  div[data-framer-name^=\"Ready to find\"] [data-framer-name=\"Text Container\"] {\n    width: 100% !important; max-width: 100% !important;\n    padding: 0px !important; gap: 20px !important;\n  }\n  div[data-framer-name^=\"Ready to find\"] h1.framer-text,\n  div[data-framer-name^=\"Ready to find\"] h2.framer-text {\n    font-size: 36px !important; --framer-font-size: 36px !important;\n    line-height: 105% !important; --framer-line-height: 105% !important;\n    letter-spacing: -0.03em !important;\n    width: 100% !important; max-width: 100% !important;\n  }\n  div[data-framer-name^=\"Ready to find\"] p.framer-text {\n    font-size: 15px !important; line-height: 170% !important;\n    width: 100% !important; max-width: 100% !important;\n  }\n  div[data-framer-name=\"Main Container\"] > section[data-framer-name=\"Section\"]:first-of-type {\n    height: 10vh !important; min-height: unset !important;\n  }\n  div[data-framer-name=\"Pricing\"],\n  div[data-framer-name=\"Story\"] { display: none !important; }\n\n  /* ===== v11 mobile fixes (override earlier rules in this @media block) =====\n     1) EYEBROW \"A Physician Who Lives What She Practices\": the transparent pill\n        forced the label onto ONE nowrap line wider than the phone, so it ran off\n        the right edge and was clipped. Make it a full-width, centered, WRAPPING\n        caption. Framer pins the inner text wrapper to a 40px flex item, so plain\n        width:100% loses — min-width:100% + flex:1 1 100% + align-self:stretch is\n        what actually forces it to fill the 310px line (verified on-device).\n     2) IMAGE: drop the nested 48/20 padding (Meet Anna already gives the gutter)\n        so the portrait fills the column instead of sitting at ~254px with wide\n        white margins; collapse the parallax frame (aspect ~0.669) to the photo's\n        3/4 box so there is no empty strip beneath it. Deeper (>div>div>div)\n        absolute parallax/noise layer is left untouched.\n     3) QUOTE: neutralize the leftover scroll-reveal translateY(~320px) that shoved\n        \"The body is always trying…\" far below its section (big empty gap above +\n        bottom cut-off on mobile). transform:none !important beats the JS-set inline\n        transform; height:auto + overflow:visible guard against any clipping. */\n  div[data-framer-name=\"The Way We Help\"] [data-framer-name=\"Icon\"] {\n    width: 100% !important;\n    min-width: 0 !important;\n    max-width: 100% !important;\n    padding: 0px !important;\n    height: auto !important;\n    margin: 0 auto !important;\n    flex-direction: column !important;\n    justify-content: center !important;\n    align-items: center !important;\n    overflow: visible !important;\n  }\n  div[data-framer-name=\"The Way We Help\"] [data-framer-name=\"Icon\"] > div,\n  div[data-framer-name=\"The Way We Help\"] [data-framer-name=\"Icon\"] p.framer-text,\n  div[data-framer-name=\"The Way We Help\"] [data-framer-name=\"Icon\"] h1.framer-text,\n  div[data-framer-name=\"The Way We Help\"] [data-framer-name=\"Icon\"] h2.framer-text,\n  div[data-framer-name=\"The Way We Help\"] [data-framer-name=\"Icon\"] h3.framer-text,\n  div[data-framer-name=\"The Way We Help\"] [data-framer-name=\"Icon\"] h4.framer-text,\n  div[data-framer-name=\"The Way We Help\"] [data-framer-name=\"Icon\"] h5.framer-text,\n  div[data-framer-name=\"The Way We Help\"] [data-framer-name=\"Icon\"] h6.framer-text {\n    width: 100% !important;\n    min-width: 100% !important;\n    max-width: 100% !important;\n    flex: 1 1 100% !important;\n    align-self: stretch !important;\n    white-space: normal !important;\n    text-align: center !important;\n    font-size: 12px !important;\n    --framer-font-size: 12px !important;\n    letter-spacing: 0.1em !important;\n    line-height: 150% !important;\n  }\n  div[data-framer-name=\"Image and Quote\"],\n  div[data-framer-name=\"Image and Quote Container\"] {\n    padding: 0px !important;\n  }\n  div[data-framer-name=\"Image and Quote\"] [data-framer-name=\"Image\"],\n  div[data-framer-name=\"Image and Quote Container\"] [data-framer-name=\"Image\"] {\n    padding: 0px !important;\n    transform: none !important;\n  }\n  div[data-framer-name=\"Image and Quote\"] [data-framer-name=\"Image\"] > div,\n  div[data-framer-name=\"Image and Quote Container\"] [data-framer-name=\"Image\"] > div,\n  div[data-framer-name=\"Image and Quote\"] [data-framer-name=\"Image\"] > div > div,\n  div[data-framer-name=\"Image and Quote Container\"] [data-framer-name=\"Image\"] > div > div {\n    width: 100% !important;\n    max-width: 100% !important;\n    aspect-ratio: auto !important;\n    height: auto !important;\n    min-height: 0 !important;\n  }\n  div[data-framer-name=\"Image and Quote\"] [data-framer-name=\"Image\"] img,\n  div[data-framer-name=\"Image and Quote Container\"] [data-framer-name=\"Image\"] img {\n    transform: none !important;\n  }\n  div[data-framer-name=\"Image and Quote\"] [data-framer-name=\"Text Container\"],\n  div[data-framer-name=\"Image and Quote Container\"] [data-framer-name=\"Text Container\"],\n  div[data-framer-name=\"Image and Quote\"] [data-framer-name=\"Quote\"],\n  div[data-framer-name=\"Image and Quote Container\"] [data-framer-name=\"Quote\"] {\n    height: auto !important;\n    min-height: 0 !important;\n    transform: none !important;\n  }\n  div[data-framer-name=\"Image and Quote\"] [data-framer-name=\"Quote\"],\n  div[data-framer-name=\"Image and Quote Container\"] [data-framer-name=\"Quote\"] {\n    overflow: visible !important;\n    justify-content: flex-start !important;\n  }\n}\n`;const SERVICES_MOBILE_CSS=`\n@media (max-width: 809px) {\n  div[data-framer-name=\"Main Container\"] { gap: 0px !important; }\n  div[data-framer-name=\"Header\"] {\n    padding: 0px 0px 48px 0px !important;\n    gap: 24px !important;\n  }\n  div[data-framer-name=\"Header\"] > div[data-framer-name=\"Sections\"] {\n    padding: 0px 20px !important;\n    flex-direction: column !important;\n    gap: 0px !important;\n  }\n  div[data-framer-name=\"Header\"] > div[data-framer-name=\"Sections\"]:first-child > section:last-child {\n    display: none !important;\n  }\n  div[data-framer-name=\"Header\"] > div[data-framer-name=\"Sections\"]:nth-child(2) {\n    padding: 0px 20px !important;\n    flex-direction: column !important;\n  }\n  div[data-framer-name=\"Header\"] [data-framer-name=\"Headline\"] h1.framer-text,\n  div[data-framer-name=\"Header\"] [data-framer-name=\"Headline\"] h2.framer-text {\n    font-size: 44px !important;\n    line-height: 110% !important;\n    letter-spacing: -0.03em !important;\n  }\n  div[data-framer-name=\"Header\"] > div[data-framer-name=\"Sections\"] > section[data-framer-name=\"Section\"] {\n    width: 100% !important;\n    flex: none !important;\n    height: auto !important;\n  }\n  [data-framer-name=\"Headline\"] {\n    padding: 0px !important;\n    gap: 24px !important;\n  }\n  div[data-framer-name=\"Main Container\"] > section[data-framer-name=\"Section\"]:first-of-type {\n    height: 10vh !important;\n    min-height: unset !important;\n  }\n  div[data-framer-name=\"Service A\"],\n  div[data-framer-name=\"Service B\"],\n  div[data-framer-name=\"Service C\"],\n  div[data-framer-name=\"Service D\"] {\n    min-height: unset !important;\n    height: auto !important;\n    padding: 48px 0px !important;\n    gap: 24px !important;\n    overflow: hidden !important;\n    position: relative !important;\n  }\n  div[data-framer-name=\"Service A\"] > div[class*=\"-container\"],\n  div[data-framer-name=\"Service B\"] > div[class*=\"-container\"],\n  div[data-framer-name=\"Service C\"] > div[class*=\"-container\"],\n  div[data-framer-name=\"Service D\"] > div[class*=\"-container\"] {\n    display: block !important;\n    position: absolute !important;\n    top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;\n    width: 100% !important; height: 100% !important;\n    z-index: 0 !important; overflow: hidden !important;\n  }\n  div[data-framer-name=\"Service A\"]::after,\n  div[data-framer-name=\"Service B\"]::after,\n  div[data-framer-name=\"Service C\"]::after,\n  div[data-framer-name=\"Service D\"]::after {\n    content: '' !important;\n    position: absolute !important;\n    top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;\n    background: linear-gradient(180deg, rgba(38,34,30,0.75) 0%, rgba(38,34,30,0.6) 50%, rgba(38,34,30,0.8) 100%) !important;\n    z-index: 1 !important; pointer-events: none !important;\n  }\n  div[data-framer-name=\"Service A\"] > div[data-framer-name=\"Sections\"],\n  div[data-framer-name=\"Service B\"] > div[data-framer-name=\"Sections\"],\n  div[data-framer-name=\"Service C\"] > div[data-framer-name=\"Sections\"],\n  div[data-framer-name=\"Service D\"] > div[data-framer-name=\"Sections\"] {\n    padding: 0px 20px !important;\n    flex-direction: column !important;\n    gap: 24px !important;\n    position: relative !important;\n    z-index: 2 !important;\n  }\n  div[data-framer-name=\"Service A\"] section[data-framer-name=\"Section\"],\n  div[data-framer-name=\"Service B\"] section[data-framer-name=\"Section\"],\n  div[data-framer-name=\"Service C\"] section[data-framer-name=\"Section\"],\n  div[data-framer-name=\"Service D\"] section[data-framer-name=\"Section\"] {\n    width: 100% !important; height: auto !important;\n    min-height: unset !important; flex: none !important; overflow: visible !important;\n  }\n  div[data-framer-name=\"Service A\"] [data-framer-name=\"Text Container\"],\n  div[data-framer-name=\"Service B\"] [data-framer-name=\"Text Container\"],\n  div[data-framer-name=\"Service C\"] [data-framer-name=\"Text Container\"],\n  div[data-framer-name=\"Service D\"] [data-framer-name=\"Text Container\"] {\n    gap: 24px !important; padding: 0px !important; overflow: visible !important;\n    width: 100% !important; height: auto !important;\n  }\n  div[data-framer-name=\"Service A\"] h1.framer-text,\n  div[data-framer-name=\"Service A\"] h2.framer-text,\n  div[data-framer-name=\"Service A\"] h3.framer-text,\n  div[data-framer-name=\"Service B\"] h1.framer-text,\n  div[data-framer-name=\"Service B\"] h2.framer-text,\n  div[data-framer-name=\"Service B\"] h3.framer-text,\n  div[data-framer-name=\"Service C\"] h1.framer-text,\n  div[data-framer-name=\"Service C\"] h2.framer-text,\n  div[data-framer-name=\"Service C\"] h3.framer-text,\n  div[data-framer-name=\"Service D\"] h1.framer-text,\n  div[data-framer-name=\"Service D\"] h2.framer-text,\n  div[data-framer-name=\"Service D\"] h3.framer-text {\n    font-size: 32px !important; --framer-font-size: 32px !important;\n    line-height: 115% !important; --framer-line-height: 115% !important;\n    letter-spacing: -0.02em !important; --framer-letter-spacing: -0.02em !important;\n    color: rgb(255,255,255) !important; --framer-text-color: rgb(255,255,255) !important;\n  }\n  div[data-framer-name=\"Service A\"] p.framer-text,\n  div[data-framer-name=\"Service B\"] p.framer-text,\n  div[data-framer-name=\"Service C\"] p.framer-text,\n  div[data-framer-name=\"Service D\"] p.framer-text {\n    max-width: 100% !important; font-size: 14px !important; line-height: 170% !important;\n    color: rgba(255,255,255,0.85) !important; --framer-text-color: rgba(255,255,255,0.85) !important;\n  }\n  div[data-framer-name=\"Services\"] {\n    gap: 0px !important; padding-bottom: 0px !important;\n  }\n  div[data-framer-name=\"FAQ\"] {\n    padding: 48px 0px !important;\n  }\n  div[data-framer-name=\"FAQ\"] [data-framer-name=\"Sections\"] {\n    padding: 0px 20px !important;\n    flex-direction: column !important;\n    gap: 32px !important;\n  }\n  div[data-framer-name=\"FAQ\"] [data-framer-name=\"Sections\"] > section,\n  div[data-framer-name=\"FAQ\"] [data-framer-name=\"Sections\"] > section[data-framer-name=\"Section\"] {\n    width: 100% !important;\n    flex: none !important;\n    height: auto !important;\n    min-height: unset !important;\n  }\n  div[data-framer-name=\"Book A Session\"] {\n    padding: 48px 0px !important;\n  }\n  div[data-framer-name=\"Pricing\"],\n  div[data-framer-name=\"Story\"],\n  div[data-framer-name=\"Text Section\"] {\n    display: none !important;\n  }\n}\n`;const PATIENT_STORIES_MOBILE_CSS=`\n@media (max-width: 809px) {\n  .framer-fbmkb0 {\n    flex-direction: row !important;\n    align-items: center !important;\n    justify-content: space-between !important;\n    padding: 0px 20px !important;\n    gap: 12px !important;\n    height: 56px !important;\n  }\n  .framer-2dp1fb {\n    height: 80px !important;\n  }\n}\n`;const PAGE_CSS={\"Home / Nav only\":NAV_PREHYDRATE_CSS,About:NAV_PREHYDRATE_CSS+ABOUT_MOBILE_CSS,Services:NAV_PREHYDRATE_CSS+SERVICES_MOBILE_CSS,\"Patient Stories\":NAV_PREHYDRATE_CSS+PATIENT_STORIES_MOBILE_CSS};export default function MobileCSSHead(props){const{page=\"Home / Nav only\"}=props;const css=PAGE_CSS[page]??NAV_PREHYDRATE_CSS;return /*#__PURE__*/_jsx(\"style\",{\"data-mobile-css-head\":\"v11\",\"data-mobile-css-page\":page,dangerouslySetInnerHTML:{__html:css}});}addPropertyControls(MobileCSSHead,{page:{title:\"Page\",type:ControlType.Enum,options:[\"Home / Nav only\",\"About\",\"Services\",\"Patient Stories\"],defaultValue:\"Home / Nav only\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"MobileCSSHead\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./MobileCSSHead.map"],"mappings":"4JA4iBkN,SAAwB,EAAc,EAAM,CAAC,GAAK,CAAC,OAAK,mBAAmB,EAAY,EAAI,EAAS,IAAO,EAAmB,OAAoB,EAAK,QAAQ,CAAC,uBAAuB,MAAM,uBAAuB,EAAK,wBAAwB,CAAC,OAAO,EAAI,CAAC,CAAC,4BA5iBta,IAAoD,CAiBtF,EAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmDpB,EAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0UjB,EAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgJpB,EAA2B;;;;;;;;;;;;;;EAc3B,EAAS,CAAC,kBAAkB,EAAmB,MAAM,EAAmB,EAAiB,SAAS,EAAmB,EAAoB,kBAAkB,EAAmB,EAA2B,CAAkQ,EAAoB,EAAc,CAAC,KAAK,CAAC,MAAM,OAAO,KAAK,EAAY,KAAK,QAAQ,CAAC,kBAAkB,QAAQ,WAAW,kBAAkB,CAAC,aAAa,kBAAkB,CAAC,CAAC"}