.ria-navbar {
      --ria-orange: #f4511e;
      --ria-orange-dark: #d93f10;
      --ria-ink: #171717;
      --ria-muted: #68645f;
      --ria-line: rgba(23, 23, 23, 0.1);
      --ria-paper: #fffdfa;
      --ria-panel: #ffffff;
      --ria-shadow: 0 18px 48px rgba(31, 25, 20, 0.14);
      font-family: var(--font-sans, "InterLocal", Inter, Arial, sans-serif);
    }

    .ria-navbar, .ria-navbar * { box-sizing: border-box; }

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

    .ria-navbar button { font: inherit; }

    .ria-navbar button { border: 0; }

    .ria-navbar a { text-decoration: none; }

    .ria-navbar button:focus-visible,
    .ria-navbar a:focus-visible {
      outline: 3px solid #175cd3;
      outline-offset: 3px;
    }

    .ria-visually-hidden {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border: 0;
    }

    .ria-navbar {
      position: absolute;
      inset: 0 0 auto;
      z-index: 50;
      padding: 1.875rem 1.5rem 0.75rem;
    }

    .ria-navbar__shell {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: min(100%, 96rem);
      min-height: 3.5rem;
      margin: 0 auto;
      padding: 0.375rem;
      border: 1px solid transparent;
      border-radius: 999px;
      background: transparent;
      box-shadow: none;
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
    }

    .ria-brand {
      display: inline-flex;
      flex: 0 0 auto;
      align-items: center;
      justify-content: center;
      width: 2.75rem;
      height: 2.75rem;
      border-radius: 50%;
    }

    .ria-brand svg { display: block; width: 2.75rem; height: 2.75rem; }

    .ria-desktop,
    .ria-desktop-actions { display: none; }

    .ria-mobile-actions {
      display: flex;
      align-items: center;
      gap: 0.5rem;
      margin-left: auto;
    }

    .ria-button,
    .ria-mobile-toggle,
    .ria-menu-trigger,
    .ria-language-trigger,
    .ria-mobile-accordion {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 2.75rem;
      border-radius: 999px;
      cursor: pointer;
      font-weight: 700;
      line-height: 1;
      transition: background-color 160ms ease, color 160ms ease, transform 160ms ease;
    }

    .ria-button {
      padding: 0.75rem 1rem;
      border: 1px solid transparent;
      font-size: 0.9375rem;
      white-space: nowrap;
    }

    .ria-button--dark {
      background: var(--ria-ink);
      color: #fff;
    }

    .ria-button--dark:hover { background: #36332f; }

    .ria-button--light {
      border-color: var(--ria-line);
      background: #fff;
      color: var(--ria-ink);
    }

    .ria-button--light:hover { background: #f3f0eb; }

    .ria-mobile-toggle {
      width: 2.5rem;
      min-height: 2.5rem;
      padding: 0;
      border: 1px solid var(--ria-line);
      background: #fff;
      color: var(--ria-ink);
    }

    .ria-mobile-toggle:hover { background: #f3f0eb; }

    .ria-mobile-toggle svg { width: 1.25rem; height: 1.25rem; }

    .ria-mobile-panel {
      position: absolute;
      top: calc(100% + 0.75rem);
      right: 1.5rem;
      left: 1.5rem;
      max-height: calc(100dvh - 6.875rem);
      overflow-y: auto;
      padding: 0.75rem;
      border: 1px solid rgba(23, 23, 23, 0.09);
      border-radius: 1.5rem;
      background: var(--ria-panel);
      box-shadow: var(--ria-shadow);
    }

    .ria-mobile-panel[hidden],
    .ria-mega-menu[hidden],
    .ria-language-menu[hidden],
    .ria-mobile-accordion-panel[hidden] { display: none; }

    .ria-mobile-list,
    .ria-mobile-accordion-panel,
    .ria-mega-list {
      padding: 0;
      margin: 0;
      list-style: none;
    }

    .ria-mobile-list { display: grid; gap: 0.25rem; }

    .ria-mobile-link,
    .ria-mobile-accordion {
      width: 100%;
      min-height: 3rem;
      padding: 0.875rem 1rem;
      color: var(--ria-ink);
      border-radius: 0.875rem;
      font-size: 1rem;
      text-align: left;
    }

    .ria-mobile-link {
      display: flex;
      align-items: center;
      font-weight: 650;
    }

    .ria-mobile-link:hover { background: transparent; color: #f68a4e; }
    .ria-mobile-accordion:hover { background: #f6f3ee; }

    .ria-mobile-accordion {
      justify-content: space-between;
      background: transparent;
    }

    .ria-chevron {
      flex: 0 0 auto;
      width: 1.125rem;
      height: 1.125rem;
      transition: transform 180ms ease;
    }

    [aria-expanded="true"] .ria-chevron { transform: rotate(180deg); }

    .ria-mobile-accordion-panel {
      display: grid;
      gap: 0.2rem;
      padding: 0 0.5rem 0.5rem 1.5rem;
    }

    .ria-mobile-accordion-panel a {
      display: block;
      padding: 0.6rem 0.75rem;
      border-radius: 0.625rem;
      color: var(--ria-muted);
      font-size: 0.9375rem;
    }

    .ria-mobile-accordion-panel a:hover {
      background: #f6f3ee;
      color: var(--ria-ink);
    }

    .ria-mobile-divider {
      height: 1px;
      margin: 0.75rem 0;
      background: var(--ria-line);
    }

    .ria-mobile-meta {
      display: flex;
      align-items: center;
      gap: 0.625rem;
      padding: 0.75rem 1rem;
      color: var(--ria-muted);
      font-size: 0.875rem;
      font-weight: 650;
    }

    .ria-mobile-ctas {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 0.5rem;
      padding: 0.5rem;
    }

    .ria-mobile-ctas .ria-button { justify-content: center; }

    @media (min-width: 40rem) {
      .ria-navbar { padding: 1.875rem 2.5rem 1rem; }
      .ria-mobile-panel { right: 2.5rem; left: auto; width: min(26rem, calc(100vw - 5rem)); }
    }

    @media (min-width: 72rem) {
      .ria-navbar { padding: 1.875rem 4rem 1rem; }

      .ria-navbar__shell { min-height: 3.5rem; padding: 0.375rem; }

      .ria-desktop {
        position: absolute;
        left: 50%;
        display: flex;
        align-items: center;
        gap: 0.25rem;
        transform: translateX(-50%);
      }

      .ria-desktop-actions {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        margin-left: auto;
      }

      .ria-mobile-actions,
      .ria-mobile-toggle,
      .ria-mobile-panel { display: none; }

      .ria-menu-item { position: relative; }

      .ria-menu-trigger,
      .ria-language-trigger {
        gap: 0.35rem;
        min-height: 2.75rem;
        padding: 0.75rem 0.875rem;
        background: transparent;
        color: var(--ria-ink);
        font-size: 0.9375rem;
        white-space: nowrap;
      }

      .ria-menu-trigger:hover,
      .ria-menu-trigger[aria-expanded="true"],
      .ria-language-trigger:hover,
      .ria-language-trigger[aria-expanded="true"] { background: #fff; }

      .ria-menu-direct {
        display: inline-flex;
        align-items: center;
        min-height: 2.75rem;
        padding: 0.75rem 0.875rem;
        border-radius: 999px;
        font-size: 0.9375rem;
        font-weight: 700;
        white-space: nowrap;
        transition: background-color 160ms ease;
      }

      .ria-menu-direct:hover { background: transparent; }

      .ria-mega-menu {
        position: fixed;
        top: 6.125rem;
        left: 50%;
        width: min(72rem, calc(100vw - 3rem));
        padding: clamp(1.5rem, 3vw, 2.5rem);
        border: 1px solid rgba(23, 23, 23, 0.08);
        border-radius: 1.75rem;
        background: var(--ria-panel);
        box-shadow: var(--ria-shadow);
        transform: translateX(-50%);
      }

      .ria-mega-menu--resources { width: min(52rem, calc(100vw - 3rem)); }

      .ria-mega-heading {
        margin: 0 0 1.75rem;
        font-size: clamp(1.25rem, 2vw, 1.75rem);
        letter-spacing: -0.035em;
        line-height: 1.1;
      }

      .ria-mega-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: clamp(1.5rem, 3vw, 3rem);
      }

      .ria-mega-grid--resources { grid-template-columns: repeat(3, minmax(0, 1fr)); }

      .ria-mega-group h3 {
        margin: 0 0 0.875rem;
        font-size: 0.9375rem;
      }

      .ria-mega-list { display: grid; gap: 0.5rem; }

      .ria-mega-list a {
        display: block;
        padding: 0.25rem 0;
        color: var(--ria-muted);
        font-size: 0.9375rem;
        line-height: 1.35;
      }

      .ria-mega-list a:hover { color: var(--ria-orange-dark); }

      .ria-language-trigger { padding-inline: 0.75rem; }

      .ria-language-menu {
        position: absolute;
        top: calc(100% + 0.75rem);
        right: 0;
        width: 17rem;
        padding: 0.75rem;
        border: 1px solid rgba(23, 23, 23, 0.09);
        border-radius: 1rem;
        background: var(--ria-panel);
        box-shadow: var(--ria-shadow);
      }

      .ria-language-menu p {
        margin: 0.5rem 0.75rem;
        color: var(--ria-muted);
        font-size: 0.75rem;
        font-weight: 700;
        letter-spacing: 0.04em;
        text-transform: uppercase;
      }

      .ria-language-menu a {
        display: flex;
        align-items: center;
        gap: 0.625rem;
        min-height: 2.75rem;
        padding: 0.625rem 0.75rem;
        border-radius: 0.75rem;
        font-size: 0.9375rem;
        font-weight: 700;
      }

      .ria-language-menu a:hover { background: #f6f3ee; }
    }



    /* Joinai content and account buttons. */
    .ria-brand img { display: block; width: 2.75rem; height: 2.75rem; object-fit: contain; }
    .ria-menu-direct { color: #111; font-size: 0.875rem; font-weight: 600; }
    .ria-menu-direct:hover, .ria-mega-list a:hover { color: #f68a4e; }
    .ria-button--joinai-light {
      border-color: #e3e6f0;
      background: #fff;
      color: #111;
      font-size: 0.8125rem;
      font-weight: 500;
    }
    .ria-navbar a.ria-button--joinai-light { color: #111 !important; }
    .ria-button--joinai-light:hover { border-color: #d7dce9; background: #fcfcff; color: #f68a4e; }
    .ria-button--joinai-orange {
      background: #f68a4e;
      color: #fff;
      font-size: 0.8125rem;
      font-weight: 500;
    }
    .ria-navbar a.ria-button--joinai-orange { color: #fff !important; }
    .ria-button--joinai-orange:hover { background: #e67a3e; }
    .ria-desktop-actions .ria-button {
      width: 4rem;
      height: 2rem;
      min-height: 2rem;
      padding: 0;
      border-radius: 999px;
      box-shadow: 0 2px 4px rgba(16, 24, 40, 0.05);
    }
    .ria-desktop-actions .ria-button--joinai-orange { width: 4.625rem; }
    .ria-desktop { gap: 0.375rem; }
    .joinai-nav-item { display: flex; align-items: center; }
    .joinai-nav-item .ria-menu-direct { padding-right: 0.1rem; }
    .joinai-submenu-trigger {
      width: 1.75rem;
      min-height: 2.75rem;
      padding: 0;
      color: #111;
    }
    .joinai-submenu-trigger:hover,
    .joinai-submenu-trigger[aria-expanded="true"] { color: #f68a4e; }
    .joinai-submenu-trigger .ria-chevron { width: 1rem; height: 1rem; }
    .ria-mega-menu--joinai { width: min(26rem, calc(100vw - 3rem)); }
    .ria-mega-menu--joinai .ria-mega-heading { margin-bottom: 0.75rem; }
    .ria-mega-menu--joinai .ria-mega-list { gap: 0; }
    .ria-mega-menu--joinai .ria-mega-list a { padding: 0.625rem 0.25rem; }
    .ria-mobile-list { gap: 0; }
    .joinai-mobile-item { display: flex; align-items: center; }
    .joinai-mobile-item .ria-mobile-link { flex: 1; width: auto; min-width: 0; }
    .joinai-mobile-chevron {
      width: 3rem;
      flex: 0 0 3rem;
      padding: 0;
    }
    .ria-mobile-accordion-panel a:hover { color: #f68a4e; }
    .ria-mobile-meta { min-height: 2.75rem; }
    @media (max-width: 25rem) {
      .ria-mobile-actions .joinai-mobile-login { padding-inline: 0.8rem; }
      .ria-navbar__shell { gap: 0.25rem; }
    }

    @media (prefers-reduced-motion: reduce) {
      .ria-navbar *, .ria-navbar *::before, .ria-navbar *::after { scroll-behavior: auto !important; transition-duration: 0.01ms !important; }
    }

    /* Dark photographic heroes use the original light-on-dark navigation. */
    body:is(.about-site, .pay-site, .support-site, .source-send) .ria-navbar .ria-brand {
      border-radius: 0.625rem;
      background: #fff;
    }
    body:is(.about-site, .pay-site, .support-site, .source-send) .ria-navbar .ria-brand img {
      width: 2.5rem;
      height: 2.5rem;
    }
    body:is(.about-site, .pay-site, .support-site, .source-send) .ria-navbar a.ria-menu-direct {
      color: #fff;
    }
    body:is(.about-site, .pay-site, .support-site, .source-send) .ria-navbar a.ria-menu-direct:hover,
    body:is(.about-site, .pay-site, .support-site, .source-send) .ria-navbar a.ria-menu-direct[aria-current="page"] {
      color: #f68a4e;
    }
    body:is(.about-site, .pay-site, .support-site, .source-send) .ria-navbar .ria-desktop-actions a.ria-button--joinai-light {
      border-color: rgba(255, 255, 255, 0.7);
      background: transparent;
      color: #fff !important;
      box-shadow: none;
    }
    body:is(.about-site, .pay-site, .support-site, .source-send) .ria-navbar .ria-desktop-actions a.ria-button--joinai-light:hover {
      border-color: #fff;
      background: rgba(255, 255, 255, 0.1);
    }
  
body.home-site .ria-navbar-spacer { height: 72px; }

@media (max-width: 999px) {
  body.about-site .about-hero,
  body.pay-site .pay-hero,
  body.support-site .support-hero { padding-top: 7rem; }
  body.source-send .image-head { padding-top: 120px; }
}