.donate-page{background:#fffaf1;color:var(--brown)}.donate-hero{padding:76px 0 82px;background:linear-gradient(120deg,#fffaf0 0%,#f7f2e7 52%,#e7f1e5 100%)}.donate-hero-grid{display:grid;grid-template-columns:1fr .95fr;gap:72px;align-items:center}.donate-hero-copy h1{max-width:620px;margin:14px 0 20px;font-family:Candara,Calibri,Arial,sans-serif;font-size:clamp(3.2rem,6vw,5.7rem);line-height:1;letter-spacing:-.06em}.donate-hero-copy h1 em,.donate-form-intro h2 em,.section-heading-centered h2 em{color:var(--saffron);font-style:normal}.donate-lead{max-width:590px;color:var(--muted);font-size:18px;line-height:1.8}.donate-trust-inline{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:26px;color:var(--forest);font-size:13px;font-weight:800}.donate-trust-inline i{margin-right:6px;color:var(--saffron)}.donate-hero-art{position:relative;height:440px;margin:0;overflow:hidden;border-radius:30px 30px 30px 6px;box-shadow:0 28px 70px rgba(9,61,35,.2)}.donate-hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(9,63,36,.68),transparent 62%)}.donate-hero-art img{width:100%;height:100%;object-fit:cover}.donate-hero-art figcaption{position:absolute;z-index:1;bottom:23px;left:24px;color:#fff;font-weight:800}.donate-hero-art figcaption i{margin-right:8px;color:var(--gold)}.donate-form-section{background:var(--forest-deep);color:#fff}.donate-form-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:74px;align-items:start}.donate-form-intro h2{max-width:540px;margin:14px 0 20px;color:#fff;font-family:Candara,Calibri,Arial,sans-serif;font-size:clamp(2.5rem,4vw,4.4rem);line-height:1.05;letter-spacing:-.05em}.donate-form-intro>p:not(.eyebrow){max-width:500px;color:#d5e4d7;font-size:16px;line-height:1.85}.donate-impact-list{display:grid;gap:15px;margin-top:30px}.donate-impact-list div{display:flex;align-items:center;gap:12px;color:#eff7ed;font-size:14px;font-weight:800}.donate-impact-list i{display:grid;width:38px;height:38px;place-items:center;border-radius:12px;color:var(--forest-deep);background:var(--gold)}.donate-card{padding:31px;border-radius:26px;color:var(--brown);background:#fffdf8;box-shadow:0 24px 60px rgba(0,0,0,.25)}.donate-card-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;font-size:20px;font-weight:800}.donate-card-title i{color:var(--saffron)}.donate-progress{padding:20px 18px 16px;border:1px solid #eee1d0;border-radius:17px;background:linear-gradient(135deg,#fff,#fff8ec)}.donate-progress-figures{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.donate-progress-figures strong{color:#050505;font-family:Candara,Calibri,Arial,sans-serif;font-size:clamp(2.2rem,5vw,3.6rem);line-height:1;letter-spacing:-.05em}.donate-progress-figures span{color:var(--muted);font-size:15px}.donate-progress-figures b{color:#c79628;font-size:21px}.donate-progress-track{height:9px;margin-top:19px;overflow:hidden;border-radius:999px;background:#f1ece7}.donate-progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#56ad61,#198846)}.donate-progress-meta{display:flex;justify-content:space-between;gap:10px;margin-top:9px;color:#8a7b6e;font-size:12px;font-weight:700}.donate-amounts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:23px}.amount-option{min-height:44px;border:1px solid var(--line);border-radius:10px;color:var(--brown);background:#fff;font-size:13px;font-weight:800}.amount-option:hover,.amount-option.is-selected{border-color:var(--saffron);color:#fff;background:var(--saffron)}.donate-custom{display:block;margin-top:17px;color:var(--muted);font-size:13px;font-weight:800}.donate-input-wrap{display:flex;align-items:center;margin-top:7px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}.donate-input-wrap b{padding-left:13px;color:var(--saffron)}.donate-input-wrap input{width:100%;min-height:45px;padding:0 12px;border:0;outline:0;color:var(--brown);font-weight:800}.donate-fields{display:grid;gap:13px;margin-top:17px}.donate-fields label{display:grid;gap:6px;color:var(--muted);font-size:13px;font-weight:800}.donate-fields input{min-height:44px;padding:0 12px;border:1px solid var(--line);border-radius:9px;color:var(--ink);background:#fff}.donate-submit{width:100%;min-height:52px;margin-top:20px;font-size:15px}.donate-impact{background:#fffaf1}.section-heading-centered{text-align:center;margin:0 auto 34px}.section-heading-centered h2{margin:12px 0 10px;font-family:Candara,Calibri,Arial,sans-serif;font-size:clamp(2.5rem,4vw,4rem);line-height:1.05}.section-heading-centered>p:last-child{color:var(--muted);font-size:16px}.donate-impact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.donate-impact-grid figure{position:relative;height:300px;margin:0;overflow:hidden;border-radius:22px;box-shadow:0 18px 45px rgba(58,22,9,.13)}.donate-impact-grid figure:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(9,63,36,.82),transparent 62%)}.donate-impact-grid img{width:100%;height:100%;object-fit:cover}.donate-impact-grid figcaption{position:absolute;z-index:1;right:20px;bottom:20px;left:20px;color:#fff;font-size:17px;font-weight:800;line-height:1.3}.donate-impact-grid figcaption span{display:block;margin-bottom:8px;color:var(--gold);font-family:Georgia,serif;font-size:27px}.donate-trust{padding:55px 0;background:#f1eadc}.donate-trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.donate-trust-grid>div{padding:24px;border:1px solid #e3d4bd;border-radius:18px;background:#fffaf1}.donate-trust-grid i{color:var(--saffron);font-size:25px}.donate-trust-grid h3{margin:14px 0 5px;font-size:18px}.donate-trust-grid p{margin:0;color:var(--muted);font-size:14px;line-height:1.6}@media(max-width:850px){.donate-hero-grid,.donate-form-grid{grid-template-columns:1fr;gap:38px}.donate-hero-art{height:340px}.donate-impact-grid,.donate-trust-grid{grid-template-columns:1fr}.donate-form-intro{order:0}}@media(max-width:520px){.donate-hero{padding-top:45px}.donate-hero-copy h1{font-size:3rem}.donate-card{padding:22px 18px}.donate-amounts{grid-template-columns:repeat(2,1fr)}}
.recent-donations-section{background:#f7f0e4}.recent-donations-heading{margin-bottom:28px}.recent-donations-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.recent-donation-card{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 16px;border:1px solid #eadbc5;border-radius:16px;background:#fffdf8;box-shadow:0 10px 24px rgba(59,29,12,.06)}.recent-donation-icon{display:grid;width:40px;height:40px;place-items:center;border-radius:12px;color:#fff;background:linear-gradient(145deg,var(--saffron),#c84912);font-size:15px}.recent-donation-card div{display:grid;gap:2px;min-width:0}.recent-donation-card strong{overflow:hidden;color:var(--brown);font-size:14px;white-space:nowrap;text-overflow:ellipsis}.recent-donation-card small{color:var(--muted);font-size:12px}.recent-donation-card>b{padding:7px 11px;border:1px solid rgba(242,103,34,.24);border-radius:9px;color:var(--saffron-dark);background:#fff1e3;font-size:13px;font-weight:900;white-space:nowrap}@media(max-width:520px){.recent-donations-grid{grid-template-columns:1fr;gap:9px}.recent-donation-card{grid-template-columns:34px minmax(0,1fr) auto;gap:9px;padding:10px 11px;border-radius:13px}.recent-donation-icon{width:34px;height:34px;border-radius:10px;font-size:13px}.recent-donation-card strong{font-size:13px}.recent-donation-card small{font-size:11px}.recent-donation-card>b{padding:7px 9px;font-size:12px;font-weight:900}}
@media(max-width:480px){.donate-hero{padding:36px 0 50px}.donate-hero-grid,.donate-form-grid{gap:28px}.donate-hero-copy h1{font-size:clamp(2.35rem,12vw,3.05rem);line-height:1.04;overflow-wrap:anywhere}.donate-lead{font-size:15px;line-height:1.7}.donate-trust-inline{gap:9px 14px;margin-top:20px;font-size:12px}.donate-hero-art{height:260px;border-radius:21px 21px 21px 5px}.donate-hero-art figcaption{right:16px;bottom:15px;left:16px;font-size:12px}.donate-form-section{padding-top:56px}.donate-form-intro h2{font-size:clamp(2rem,10vw,2.75rem);overflow-wrap:anywhere}.donate-form-intro>p:not(.eyebrow){font-size:14px;line-height:1.7}.donate-impact-list{gap:10px;margin-top:20px}.donate-impact-list div{font-size:12px}.donate-impact-list i{width:34px;height:34px;border-radius:10px;font-size:13px}.donate-card{padding:19px 14px;border-radius:20px}.donate-card-title{margin-bottom:16px;font-size:17px}.donate-progress{padding:16px 13px 13px}.donate-progress-figures strong{font-size:2.3rem}.donate-progress-figures span{font-size:13px}.donate-progress-figures b{font-size:17px}.donate-progress-meta{font-size:10px}.donate-amounts{gap:7px;margin-top:18px}.amount-option{min-height:42px;font-size:12px}.donate-custom{margin-top:14px;font-size:12px}.donate-input-wrap input{min-height:42px}.donate-fields{gap:11px;margin-top:14px}.donate-fields label{font-size:12px}.donate-fields input{min-height:42px}.donate-submit{min-height:48px;margin-top:17px;font-size:14px}.section-heading-centered{margin-bottom:23px}.section-heading-centered h2{font-size:clamp(2rem,10vw,2.75rem);overflow-wrap:anywhere}.section-heading-centered>p:last-child{font-size:14px;line-height:1.65}.donate-impact-grid{gap:14px}.donate-impact-grid figure{height:230px;border-radius:20px 20px 20px 5px}.donate-impact-grid figcaption{right:15px;bottom:15px;left:15px;font-size:14px}.donate-impact-grid figcaption span{font-size:23px}.donate-trust{padding:42px 0}.donate-trust-grid{gap:12px}.donate-trust-grid>div{padding:19px;border-radius:16px}.donate-trust-grid h3{font-size:17px}.donate-trust-grid p{font-size:13px}.recent-donations-heading{margin-bottom:20px}.recent-donation-card strong{white-space:normal;overflow-wrap:anywhere;line-height:1.25}.recent-donation-card>b{font-size:11px;padding:7px 8px}}
.recent-donations-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.recent-donation-card { opacity:1; transform:translateY(0); transition:opacity .36s ease, transform .36s ease, box-shadow .2s ease; }
.recent-donation-card.is-hidden { display:none; }
.recent-donation-card.is-fading { opacity:0; transform:translateY(8px); pointer-events:none; }
.recent-donation-card.is-entering { animation: recentDonationIn .52s ease both; }
@keyframes recentDonationIn { from { opacity:0; transform:translateY(-10px); } to { opacity:1; transform:translateY(0); } }
@media (max-width:1100px) { .recent-donations-grid { grid-template-columns:repeat(3, minmax(0, 1fr)); } }
@media (max-width:700px) { .recent-donations-grid { grid-template-columns:repeat(2, minmax(0, 1fr)); } }
@media (max-width:520px) { .recent-donations-grid { grid-template-columns:1fr; } }
@media (prefers-reduced-motion: reduce) { .recent-donation-card { transition:none; animation:none !important; } }
.recent-donation-card { display:flex; flex-direction:column; align-items:center; justify-content:flex-start; min-height:224px; padding:18px 14px 16px; gap:7px; text-align:center; }
.recent-donation-card .recent-donation-icon { flex:0 0 auto; width:48px; height:48px; margin-bottom:3px; border-radius:14px; font-size:18px; }
.recent-donation-card strong { max-width:100%; overflow:visible; white-space:normal; text-overflow:clip; color:var(--brown); font-size:15px; line-height:1.2; }
.recent-donation-card small { display:flex; align-items:center; justify-content:center; gap:5px; max-width:100%; color:var(--muted); font-size:12px; line-height:1.3; }
.recent-donation-city i { color:var(--forest); font-size:10px; }
.recent-donation-time { color:#8d7b6c; }
.recent-donation-card>b { min-width:82px; margin-top:2px; padding:8px 10px; font-size:13px; text-align:center; }
@media (max-width:1100px) { .recent-donation-card { min-height:220px; padding:16px 11px 14px; } .recent-donation-card .recent-donation-icon { width:44px; height:44px; font-size:17px; } .recent-donation-card strong { font-size:14px; } }
@media (max-width:520px) { .recent-donation-card { min-height:190px; padding:13px 10px 12px; gap:6px; } .recent-donation-card .recent-donation-icon { width:38px; height:38px; border-radius:11px; font-size:15px; } .recent-donation-card strong { font-size:13px; } .recent-donation-card small { font-size:11px; } .recent-donation-card>b { min-width:66px; padding:7px 7px; font-size:11px; } }
