.donate-page{overflow:hidden;background:var(--paper)}
.donate-hero{position:relative;overflow:hidden;background:var(--navy);color:#fff}
.donate-hero::after{content:"";position:absolute;inset:0 0 0 63%;background:linear-gradient(145deg,#1b9188,#20a16f);clip-path:polygon(27% 0,100% 0,100% 100%,0 100%)}
.donate-shape{position:absolute;z-index:1;display:block;transform:rotate(-13deg)}
.donate-shape-one{right:-4%;bottom:-31%;width:34%;height:68%;background:var(--gold)}
.donate-shape-two{right:22%;top:-32%;width:12%;height:72%;background:#ffffff0d}
.donate-hero .wrap{position:relative;z-index:2;padding-top:26px;padding-bottom:86px}
.donate-breadcrumbs{display:flex;gap:12px;align-items:center;color:#c8d6e2;font-size:14px}
.donate-breadcrumbs a:hover{text-decoration:underline;text-underline-offset:4px}
.donate-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(350px,.72fr);gap:82px;align-items:center;margin-top:30px}
.donate-hero-copy{max-width:710px;padding:10px 0 16px}
.donate-hero-copy .eyebrow{color:var(--gold)}
.donate-hero h1{max-width:770px;margin-top:16px;color:#fff;font-size:clamp(48px,4.8vw,68px);line-height:.98;letter-spacing:-.025em}
.donate-hero h1 em{color:var(--gold);font-weight:500}
.donate-hero-copy>p{max-width:640px;margin-top:24px;color:#dce6ed;font-size:20px;line-height:1.65}
.donate-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:30px}
.donate-text-link{display:inline-flex;gap:7px;align-items:center;color:var(--navy);font-weight:800;text-decoration:underline;text-decoration-color:#143a5c55;text-underline-offset:5px}
.donate-text-link:hover{text-decoration-color:currentColor}
.donate-hero .donate-text-link{color:#fff;text-decoration-color:#ffffff55}
.donate-assurance{display:flex;align-items:center;gap:9px!important;margin-top:22px!important;color:#b8c9d6!important;font-size:14px!important}
.donate-assurance svg{width:19px;height:19px;fill:none;stroke:var(--gold);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.donate-hero-figure{position:relative;justify-self:end;width:min(100%,405px);margin:0 7px 0 0}
.donate-photo-wrap{position:relative;z-index:1;overflow:hidden;aspect-ratio:4/5;border:7px solid #fff;border-radius:30px;background:var(--mint);box-shadow:0 36px 75px -30px #06121ecc}
.donate-photo-wrap::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,#092944bf 100%)}
.donate-photo-wrap img{width:100%;height:100%;object-fit:cover}
.donate-hero-figure figcaption{position:absolute;z-index:2;right:24px;bottom:25px;left:24px;color:#fff;font-family:var(--serif);font-size:25px;font-weight:600;line-height:1.15}
.donate-mission-badge{position:absolute;z-index:3;top:30px;left:-54px;display:flex;align-items:center;gap:10px;padding:14px 17px;border-radius:15px;background:#fff;color:var(--navy);box-shadow:0 18px 45px -22px #06121e}
.donate-mission-badge strong{font:600 31px/1 var(--serif);color:var(--teal)}
.donate-mission-badge span{max-width:72px;font-size:11px;font-weight:800;line-height:1.15;text-transform:uppercase;letter-spacing:.07em}

.donate-trust{position:relative;z-index:4;margin-top:-1px;background:#fff;border-bottom:1px solid var(--line)}
.donate-trust-grid{display:grid;grid-template-columns:repeat(3,1fr);padding-top:25px;padding-bottom:25px}
.donate-trust-grid>div{display:flex;gap:14px;align-items:flex-start;padding:4px 28px}
.donate-trust-grid>div:first-child{padding-left:0}
.donate-trust-grid>div+div{border-left:1px solid var(--line)}
.trust-icon{display:grid;place-items:center;width:35px;height:35px;flex:0 0 35px;border-radius:50%;background:var(--mint);color:var(--teal);font-size:16px;font-weight:900}
.donate-trust p{font-size:14px;line-height:1.35}
.donate-trust strong,.donate-trust span{display:block}
.donate-trust strong{color:var(--navy);font-size:14px}
.donate-trust p span{margin-top:4px;color:var(--ink-faint);font-size:12px;line-height:1.45}

.donate-impact{padding:100px 0 108px}
.donate-section-heading{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.74fr);gap:72px;align-items:end;margin-bottom:47px}
.donate-section-heading .eyebrow{display:block;margin-bottom:13px}
.donate-section-heading h2{max-width:720px;font-size:clamp(40px,4.7vw,60px);line-height:1.03}
.donate-section-heading h2 em{color:var(--teal);font-weight:500}
.donate-section-heading>p{color:var(--ink-soft);font-size:18px;line-height:1.7}
.donate-impact-grid{display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;border:1px solid var(--line);border-radius:28px;background:#fff;box-shadow:0 24px 65px -45px #0e2b4580}
.donate-impact-grid article{position:relative;min-height:355px;padding:34px 34px 38px}
.donate-impact-grid article+article{border-left:1px solid var(--line)}
.donate-impact-grid article:nth-child(2){background:var(--mint-200)}
.impact-number{position:absolute;top:24px;right:26px;color:#9eb0be;font-size:12px;font-weight:800;letter-spacing:.16em}
.impact-icon{display:grid;place-items:center;width:55px;height:55px;border-radius:16px;background:var(--teal);color:#fff}
.donate-impact-grid article:nth-child(2) .impact-icon{background:var(--green)}
.donate-impact-grid article:nth-child(3) .impact-icon{background:var(--navy)}
.impact-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.donate-impact-grid h3{margin-top:45px;font-size:31px}
.donate-impact-grid p{margin-top:14px;color:var(--ink-soft);font-size:16px;line-height:1.65}

.donate-monthly{position:relative;padding:96px 0;background:var(--navy-900);color:#fff}
.donate-monthly::before{content:"";position:absolute;top:0;right:0;width:33%;height:100%;background:linear-gradient(145deg,#188e8566,#2fa86d55);clip-path:polygon(42% 0,100% 0,100% 100%,0 100%)}
.donate-monthly-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.82fr);gap:92px;align-items:center}
.donate-monthly .eyebrow{color:var(--gold)}
.donate-monthly h2{max-width:720px;margin-top:14px;color:#fff;font-size:clamp(40px,4.8vw,60px);line-height:1.04}
.donate-monthly-copy>p{max-width:690px;margin-top:21px;color:#c4d2dc;font-size:18px;line-height:1.7}
.donate-monthly-copy>.btn{margin-top:29px}
.donate-rhythm{display:flex;flex-direction:column}
.donate-rhythm>div{display:grid;grid-template-columns:42px 1fr;gap:16px;padding:21px 0;border-top:1px solid #ffffff25}
.donate-rhythm>div:last-child{border-bottom:1px solid #ffffff25}
.donate-rhythm>div>span{display:grid;place-items:center;width:34px;height:34px;border:1px solid #ffffff42;border-radius:50%;color:var(--gold);font-size:13px;font-weight:800}
.donate-rhythm p{color:#b8c9d6;font-size:14px;line-height:1.55}
.donate-rhythm strong{display:block;margin-bottom:3px;color:#fff;font-size:16px}

.donate-options{padding:102px 0;background:var(--cream)}
.donate-options-heading{max-width:770px;margin:0 auto 45px;text-align:center}
.donate-options-heading .eyebrow{display:block;margin-bottom:13px}
.donate-options-heading h2{font-size:clamp(38px,4.3vw,54px);line-height:1.04}
.donate-options-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.donate-options-grid article{display:flex;min-height:300px;flex-direction:column;padding:34px;border:1px solid #e5dac5;border-radius:24px;background:#fffdf8}
.donate-options-grid .option-featured{border-color:var(--teal);background:var(--navy);box-shadow:0 24px 55px -34px #0e2b45}
.option-label{align-self:flex-start;padding:6px 11px;border-radius:999px;background:var(--mint);color:var(--teal);font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.option-featured .option-label{background:#ffffff1c;color:var(--gold)}
.donate-options-grid h3{margin-top:28px;font-size:28px}
.option-featured h3{color:#fff}
.donate-options-grid p{margin-top:13px;color:var(--ink-soft);font-size:15px;line-height:1.65}
.option-featured p{color:#c6d4df}
.donate-options-grid a{align-self:flex-start;margin-top:auto;padding-top:22px;color:var(--teal);font-weight:800}
.option-featured a{color:var(--gold)}
.donate-options-grid a:hover span{display:inline-block;transform:translateX(4px)}

.donate-thanks{padding:96px 0;background:var(--mint)}
.donate-thanks-grid{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:88px;align-items:center}
.thanks-mark{position:relative;justify-self:center;width:270px;aspect-ratio:1;border-radius:50%;background:var(--navy);box-shadow:0 30px 70px -40px #0e2b45}
.thanks-mark span{position:absolute;right:17%;bottom:19%;left:17%;height:23%;border:9px solid var(--gold);border-top:0;border-radius:0 0 999px 999px}
.thanks-mark span:nth-child(2){right:28%;bottom:30%;left:28%;height:18%;border-color:var(--green);border-width:8px}
.thanks-mark span:nth-child(3){right:39%;bottom:41%;left:39%;height:13%;border-color:var(--teal);border-width:7px}
.thanks-mark span:nth-child(4){top:20%;right:auto;bottom:auto;left:50%;width:34px;height:34px;transform:translateX(-50%);border:0;border-radius:50%;background:var(--gold)}
.thanks-copy .eyebrow{display:block;margin-bottom:14px}
.thanks-copy h2{font-size:clamp(40px,4.7vw,60px);line-height:1.04}
.thanks-copy>p{max-width:740px;margin-top:21px;color:var(--ink-soft);font-size:18px;line-height:1.72}
.thanks-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:30px}

.donate-final{padding:78px 0;background:linear-gradient(110deg,var(--teal),var(--green));color:#fff}
.donate-final .wrap{display:flex;align-items:center;justify-content:space-between;gap:55px}
.donate-final .eyebrow{display:block;margin-bottom:10px;color:#f9d07b}
.donate-final h2{color:#fff;font-size:clamp(39px,4.3vw,54px)}
.donate-final p{margin-top:11px;color:#e4f2ed;font-size:17px}
.donate-final .btn{flex:0 0 auto}

@media(max-width:1020px){
  .donate-hero-grid{grid-template-columns:minmax(0,1fr) minmax(300px,.62fr);gap:42px}
  .donate-mission-badge{left:-28px}
  .donate-monthly-grid{gap:55px}
}
@media(max-width:800px){
  .donate-hero::after{inset:58% 0 0 25%;clip-path:polygon(15% 0,100% 0,100% 100%,0 100%)}
  .donate-shape-one{right:-15%;bottom:-19%;width:65%;height:40%}
  .donate-hero-grid{grid-template-columns:1fr;gap:44px;margin-top:28px}
  .donate-hero-copy{padding-top:10px}
  .donate-hero-figure{justify-self:center;width:min(80%,405px);margin:0}
  .donate-trust-grid{grid-template-columns:1fr;padding-top:8px;padding-bottom:8px}
  .donate-trust-grid>div,.donate-trust-grid>div:first-child{padding:17px 0}
  .donate-trust-grid>div+div{border-top:1px solid var(--line);border-left:0}
  .donate-section-heading{grid-template-columns:1fr;gap:20px}
  .donate-impact-grid{grid-template-columns:1fr}
  .donate-impact-grid article{min-height:280px}
  .donate-impact-grid article+article{border-top:1px solid var(--line);border-left:0}
  .donate-impact-grid h3{margin-top:28px}
  .donate-monthly-grid{grid-template-columns:1fr;gap:44px}
  .donate-options-grid{grid-template-columns:1fr}
  .donate-options-grid article{min-height:250px}
  .donate-thanks-grid{grid-template-columns:1fr;gap:48px}
  .thanks-mark{width:220px}
  .donate-final .wrap{align-items:flex-start;flex-direction:column;gap:28px}
}
@media(max-width:560px){
  .donate-hero .wrap{padding-top:20px;padding-bottom:64px}
  .donate-hero h1{font-size:43px}
  .donate-hero-copy>p{font-size:18px}
  .donate-actions{align-items:flex-start;flex-direction:column;gap:18px}
  .donate-hero-figure{width:88%}
  .donate-hero-figure figcaption{font-size:22px}
  .donate-mission-badge{top:22px;left:-22px;padding:12px 14px}
  .donate-mission-badge strong{font-size:27px}
  .donate-impact,.donate-options{padding:72px 0}
  .donate-section-heading h2,.donate-options-heading h2,.donate-monthly h2,.thanks-copy h2{font-size:38px}
  .donate-section-heading>p,.donate-monthly-copy>p,.thanks-copy>p{font-size:16px}
  .donate-impact-grid article,.donate-options-grid article{padding:29px 25px}
  .donate-monthly{padding:72px 0}
  .donate-options-heading{text-align:left}
  .donate-thanks{padding:70px 0}
  .thanks-mark{width:190px}
  .donate-final{padding:64px 0}
}