/* =========================================================
   DONATE
========================================================= */
.donate-page{--donate-mountain:#b48773;--donate-sun:#e2c56b}

/* =========================================================
   HERO — MESSAGE + DONATION ACTION
========================================================= */
.donate-hero{padding:clamp(65px,7vw,105px) 0;background:var(--clhf-cream-soft)}
.donate-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(380px,.72fr);gap:clamp(55px,8vw,125px);align-items:center}

.donate-eyebrow{display:block;margin-bottom:25px;font-family:var(--font-display);font-size:1.05rem;font-weight:800;color:var(--clhf-clay)}

.donate-hero-copy h1{max-width:850px;margin:0 0 30px;font-family:var(--font-display);font-size:clamp(3.1rem,5.4vw,5.8rem);font-weight:800;line-height:.97;letter-spacing:-.058em;color:var(--clhf-navy)}

.donate-hero-copy>p{max-width:760px;margin:0;font-size:clamp(1.12rem,1.35vw,1.38rem);line-height:1.75;color:var(--clhf-muted)}

/* =========================================================
   DONATION CARD
========================================================= */
.donate-action-card{position:relative;min-height:470px;overflow:hidden;padding:clamp(38px,4vw,58px);padding-bottom:125px;background:var(--clhf-navy);isolation:isolate}

.donate-action-label{position:relative;z-index:5;display:block;margin-bottom:24px;font-family:var(--font-display);font-size:.88rem;font-weight:800;text-transform:uppercase;letter-spacing:.09em;color:var(--donate-sun)}

.donate-action-card h2{position:relative;z-index:5;max-width:520px;margin:0 0 23px;font-family:var(--font-display);font-size:clamp(2.15rem,3.2vw,3.65rem);font-weight:780;line-height:1.02;letter-spacing:-.047em;color:#fff}

.donate-action-card>p{position:relative;z-index:5;max-width:500px;margin:0 0 31px;font-size:1rem;line-height:1.67;color:rgba(255,255,255,.75)}

.donate-main-button{position:relative;z-index:5;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-width:235px;height:59px;padding:0 23px 0 29px;border-radius:999px;background:var(--clhf-clay);color:#fff!important;font-family:var(--font-display);font-size:.92rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;text-decoration:none!important;transition:background .22s ease,transform .22s ease}

.donate-main-button svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round;transition:transform .22s ease}
.donate-main-button:hover{background:#92391f;transform:translateY(-2px)}
.donate-main-button:hover svg{transform:translateX(5px)}

.donate-secure-note{position:relative;z-index:5;display:block;margin-top:14px;font-size:.75rem;color:rgba(255,255,255,.55)}

.donate-coming-soon{position:relative;z-index:5;padding-top:20px;border-top:1px solid rgba(255,255,255,.2)}
.donate-coming-soon strong{display:block;margin-bottom:15px;font-family:var(--font-display);font-size:.96rem;color:#fff}
.donate-coming-soon a{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:.9rem;font-weight:800;color:#fff;text-decoration:none}
.donate-coming-soon a span{font-size:1.25rem;transition:transform .2s ease}
.donate-coming-soon a:hover span{transform:translateX(5px)}

/* Small CLHF signature */
.donate-card-sun{position:absolute;z-index:1;right:67px;bottom:40px;width:96px;height:96px;border-radius:50%;background:var(--donate-sun)}
.donate-card-mountain{position:absolute;z-index:2;right:0;bottom:0;width:125px;height:165px;background:var(--donate-mountain);clip-path:polygon(0 100%,100% 0,100% 100%)}

/* =========================================================
   THREE IMPACT POINTS
========================================================= */
.donate-impact{padding:0;background:#fff}
.donate-impact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid rgba(2,34,72,.15)}

.donate-impact-grid article{padding:clamp(42px,5vw,66px)}
.donate-impact-grid article+article{border-left:1px solid rgba(2,34,72,.15)}

.donate-impact-grid article>span{display:block;margin-bottom:29px;font-family:var(--font-display);font-size:.75rem;font-weight:800;letter-spacing:.08em;color:var(--clhf-clay)}

.donate-impact-grid h3{margin:0 0 13px;font-family:var(--font-display);font-size:clamp(1.65rem,2.3vw,2.45rem);font-weight:760;line-height:1.05;color:var(--clhf-navy)}

.donate-impact-grid p{max-width:390px;margin:0;font-size:.98rem;line-height:1.65;color:var(--clhf-muted)}

/* =========================================================
   WHY GIVE — SMALL IMAGE, NOT A GIANT DIVIDER
========================================================= */
.donate-story{padding:clamp(90px,10vw,150px) 0;background:#fff}

.donate-story-grid{display:grid;grid-template-columns:minmax(400px,.9fr) minmax(0,1.1fr);gap:clamp(60px,8vw,125px);align-items:center}

.donate-story-media{position:relative;height:clamp(340px,35vw,480px);overflow:hidden;background:var(--clhf-cream-soft);isolation:isolate}

.donate-story-media img{position:absolute;inset:-2px;z-index:2;width:calc(100% + 4px);height:calc(100% + 4px);object-fit:cover;object-position:center;clip-path:polygon(18% 0,100% 0,100% 100%,0 100%)}

.donate-story-sun{position:absolute;z-index:1;top:34px;left:14%;width:100px;height:100px;border-radius:50%;background:var(--donate-sun);transform:translateX(-50%)}

.donate-story-mountain{position:absolute;z-index:3;top:-2px;bottom:-2px;left:-2px;width:25%;background:var(--donate-mountain);clip-path:polygon(74% 0,100% 0,26% 100%,0 100%)}

.donate-story-copy>span{display:block;margin-bottom:25px;font-family:var(--font-display);font-size:1.02rem;font-weight:800;color:var(--clhf-clay)}

.donate-story-copy h2{max-width:780px;margin:0 0 30px;font-family:var(--font-display);font-size:clamp(2.7rem,4.6vw,4.9rem);font-weight:780;line-height:1;letter-spacing:-.052em;color:var(--clhf-navy)}

.donate-story-copy p{max-width:720px;margin:0;font-size:clamp(1.05rem,1.2vw,1.25rem);line-height:1.8;color:var(--clhf-muted)}

/* =========================================================
   TABLET
========================================================= */
@media(max-width:950px){
.donate-hero-grid{grid-template-columns:minmax(0,1fr) minmax(340px,.8fr);gap:45px}
.donate-action-card{min-height:440px}
.donate-story-grid{grid-template-columns:1fr 1fr;gap:48px}
}

/* =========================================================
   MOBILE
========================================================= */
@media(max-width:700px){
.donate-hero{padding:52px 0 0}
.donate-hero-grid{display:block}

.donate-hero-copy{padding-bottom:48px}
.donate-eyebrow{margin-bottom:20px}
.donate-hero-copy h1{font-size:clamp(2.8rem,12vw,4.1rem)}
.donate-hero-copy>p{font-size:1.04rem;line-height:1.67}

.donate-action-card{min-height:0;margin-inline:calc(var(--gutter) * -1);padding:36px var(--gutter) 125px}
.donate-action-card h2{font-size:clamp(2.1rem,9vw,3.2rem)}
.donate-action-card>p{font-size:.98rem}

.donate-card-sun{right:51px;bottom:30px;width:76px;height:76px}
.donate-card-mountain{width:95px;height:125px}

.donate-impact-grid{grid-template-columns:1fr}
.donate-impact-grid article{padding:34px 0}
.donate-impact-grid article+article{border-left:0;border-top:1px solid rgba(2,34,72,.15)}
.donate-impact-grid article>span{margin-bottom:18px}
.donate-impact-grid p{max-width:520px}

.donate-story{padding:70px 0}
.donate-story-grid{display:flex;flex-direction:column;gap:48px}
.donate-story-media{order:2;width:100%;height:300px}
.donate-story-copy{order:1}

.donate-story-copy>span{margin-bottom:20px}
.donate-story-copy h2{font-size:clamp(2.5rem,10.5vw,3.9rem)}

.donate-story-media img{clip-path:polygon(0 34%,100% 13%,100% 100%,0 100%)}
.donate-story-sun{top:4px;left:76%;width:92px;height:92px}
.donate-story-mountain{top:0;left:-2px;right:auto;bottom:auto;width:calc(100% + 4px);height:128px;clip-path:polygon(0 68%,100% 28%,100% 51%,0 91%)}
}

/* =========================================================
   SMALL PHONE
========================================================= */
@media(max-width:430px){
.donate-hero{padding-top:44px}
.donate-hero-copy h1{font-size:clamp(2.55rem,11.8vw,3.7rem)}

.donate-action-card{padding-top:31px}
.donate-action-card h2{font-size:clamp(1.95rem,9vw,2.8rem)}

.donate-impact-grid article{padding:30px 0}

.donate-story{padding:60px 0}
.donate-story-media{height:270px}
.donate-story-sun{left:77%;width:82px;height:82px}
.donate-story-mountain{height:116px}
}