html {
  scroll-behavior: auto !important;
}

body {
  opacity: 1 !important;
}

/*
 * The home hero animates individual letters, but wrapping must still happen
 * between complete words. Keep every word atomic and size the mobile heading
 * so its longest word fits inside the exported 16px page gutters.
 */
@media (max-width: 809px) {
  h1[data-styles-preset="Axui6SzAt"] {
    --framer-font-size: clamp(34px, 11vw, 44px) !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    text-wrap: wrap !important;
  }

  h1[data-styles-preset="Axui6SzAt"] > span {
    display: inline-block;
    white-space: nowrap !important;
  }
}

/* Keep the full navigation usable in the narrow tablet range. */
@media (min-width: 810px) and (max-width: 999px) {
  nav[aria-label="Main navigation"] .framer-98md7e-container {
    flex: 0 0 40px !important;
    width: 40px !important;
  }

  nav[aria-label="Main navigation"] .framer-98md7e-container > a {
    width: 40px !important;
  }

  nav[aria-label="Main navigation"] .framer-98md7e-container .framer-16wy139 {
    display: none !important;
  }
}

/* Editor-only UI was captured in the HTML export and is not part of the site. */
#__framer-editorbar-container,
#__framer-editorbar,
preview-frame-ui,
[id^="give-freely-root-"] {
  display: none !important;
}

/*
 * In the exported contact-page tablet layout, Framer's layout spacer retains
 * 240px more height than the live page. Keep the footer's original auto
 * height (including its legal bar) and only remove that excess space above it.
 */
@media (min-width: 810px) and (max-width: 1199px) {
  .framer-NGzEy.framer-1lubata:has(.framer-1m7b4ok[data-framer-name="Section FAQ"]) {
    gap: 60px !important;
    height: auto !important;
    padding-bottom: 24px !important;
  }

  .framer-NGzEy.framer-1lubata:has(.framer-1m7b4ok[data-framer-name="Section FAQ"]) .framer-1mon1td {
    flex-grow: 0 !important;
    margin-bottom: -60px !important;
  }

  .framer-NGzEy.framer-1lubata:has(.framer-1m7b4ok[data-framer-name="Section FAQ"]) > #overlay {
    margin-bottom: -60px !important;
  }

  .framer-NGzEy.framer-1lubata:has(.framer-1m7b4ok[data-framer-name="Section FAQ"]) .framer-l4nxh6-container {
    /* 642px footer + its original 40px entrance translation. */
    height: 682px !important;
  }
}