/* Donate in the Gravitas site system (site-system.css). */
body.gx-donate { --gold: var(--gx-gold); --muted: var(--gx-slate); }
body.gx-donate .about-introduction { padding-bottom: 0 !important; }
body.gx-donate .introduction-heading h1 { font-size: clamp(2.5rem, 4.4vw, 3.75rem) !important; line-height: 1.08; max-width: 15ch; }
body.gx-donate .introduction-copy p { font-size: var(--gx-body); line-height: 1.55; margin: 0 0 18px; }
body.gx-donate .introduction-copy .support-chaplains { font-size: var(--gx-lead); line-height: 1.35; color: var(--gx-gold); font-weight: 500; }
body.gx-donate .introduction-copy .support-chaplains strong { font-weight: 600; }
body.gx-donate .donation-contact { margin-top: 12px; }
body.gx-donate .donation-illustration { border-color: var(--gx-ground); box-shadow: var(--gx-raise); }

/* nonprofit details become three raised cards inside the hero, above its sub-navigation */
body.gx-donate .nonprofit-details { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin: 8px 0 0; padding: 0; background: none; border: 0; }
body.gx-donate .nonprofit-details > div { background: var(--gx-ground); border-radius: var(--gx-r); box-shadow: var(--gx-inset); padding: 26px 28px; }
body.gx-donate .nonprofit-details h2 { font: 700 .8125rem/1.6 var(--gx-sans) !important; letter-spacing: .14em !important; text-transform: uppercase; color: var(--gx-gold) !important; margin: 0 0 12px; }
body.gx-donate .nonprofit-details :is(p, address) { font-size: var(--gx-small); line-height: 1.5; font-style: normal; color: var(--gx-ink); margin: 0 0 8px; }
body.gx-donate .gx-subnav { order: 99; }

body.gx-donate .about-footer { font: 600 .75rem/1.5 var(--gx-sans); letter-spacing: .08em; text-transform: uppercase; color: var(--gx-slate); }
@media (max-width: 860px) { body.gx-donate .nonprofit-details { grid-template-columns: 1fr; } }
body.gx-donate .about-introduction.gx-hero { row-gap: 32px; }
body.gx-donate .gx-subnav { margin-top: 8px; }