/* Hero composition, shared with the live CMS copy and existing donation flow. */
.hero-stage{background:#142961}
.hero-stage:before{background:radial-gradient(ellipse at 10% 70%,#008b9026,transparent 50%),linear-gradient(110deg,#122651,#1d398a80)}
.hero{grid-template-columns:1fr 1.04fr;align-items:center;gap:clamp(40px,6vw,88px);padding-block:42px 105px;min-height:610px}
.hero-copy{max-width:560px;padding-block:10px}
.hero .eyebrow{font-size:12px;font-weight:500;letter-spacing:0;color:#d2eeef;margin-bottom:21px;gap:10px}
.hero .eyebrow:before{width:7px;height:7px;border-radius:50%;background:#63dfd5;box-shadow:0 0 0 5px #63dfd510}
.hero h1{font-size:clamp(52px,5.7vw,80px);line-height:1.36;letter-spacing:-1.5px;font-weight:700;max-width:100%;text-wrap:balance}
.hero h1 span{color:#63dfd5}
.hero-copy>p{font-size:15px;line-height:2.1;color:#d3def0;max-width:410px;margin-top:22px;text-wrap:pretty}
.hero-actions{gap:24px;margin-top:32px;align-items:center;flex-wrap:wrap}
.hero .hero-donate{min-height:58px;padding:14px 17px 14px 27px;gap:28px;border-radius:999px;background:#63dfd5;color:#123c50;box-shadow:0 6px 24px #001b3c20;font-size:15px;font-weight:700}
.hero .hero-donate:hover{background:#8aebe3;color:#102e46}
.hero-donate .cta-arrow{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#123c5010}
.hero-donate .icon{width:19px;height:19px}
.hero .btn-plain{font-size:12px;gap:10px;min-height:48px;color:#e4eaf7}
.hero .play{width:36px;height:36px;border-color:#ffffff40;color:#e4eaf7}
.hero-footnote{display:flex;margin-top:27px;padding-top:20px;border-top:1px solid #ffffff17;max-width:340px;font-size:11px;gap:9px;color:#b8c8e2}
.hero-footnote .icon{width:16px;height:16px;color:#63dfd5}
.hero-visual{height:460px;width:100%;border-radius:120px 24px 24px 24px;border:1px solid #ffffff26;box-shadow:0 24px 65px #07153640;background:#0b2145}
.hero-visual>img{filter:saturate(.85);object-position:50% 47%}
.hero-visual:after{background:linear-gradient(0deg,#081b40ed 0%,#081b4040 35%,transparent 68%)}
.hero-visual figcaption{right:30px;left:30px;bottom:28px;align-items:center;padding-top:18px;border-top:1px solid #ffffff35}
.hero-visual figcaption span{font-size:11px;letter-spacing:0;color:#d0e7e9;margin-bottom:4px}
.hero-visual figcaption strong{font-size:26px;font-weight:600;line-height:1.6}
.hero-visual figcaption img{height:57px;width:57px;opacity:.85}
.hero-mark{display:none}
.quick{border-radius:20px;margin-top:-45px}
@media(min-width:1500px){.hero{min-height:640px}.hero-visual{height:485px}}
@media(max-width:1100px){.hero{gap:34px}.hero h1{font-size:57px}.hero-visual{height:420px;border-top-left-radius:90px}.hero-actions{gap:18px}.hero .hero-donate{gap:18px;padding-inline:22px 14px}}
@media(max-width:700px){
 .hero{grid-template-columns:1fr;gap:31px;padding-block:25px 77px;min-height:0}
 .hero-copy{max-width:520px;padding:0}
 .hero .eyebrow{font-size:11px;margin-bottom:17px}
 .hero h1{font-size:clamp(41px,11.8vw,64px);line-height:1.4;letter-spacing:-.8px;max-width:100%}
 .hero-copy>p{font-size:13px;line-height:2;max-width:430px;margin-top:15px}
 .hero-actions{display:flex;flex-wrap:wrap;gap:17px;margin-top:22px}
 .hero .hero-donate{font-size:13px;min-height:52px;padding:10px 13px 10px 22px;gap:22px}
 .hero-donate .cta-arrow{height:30px;width:30px}
 .hero .btn-plain{font-size:11px;gap:8px;min-height:48px}
 .hero .play{height:31px;width:31px}
 .hero-footnote{display:none}
 .hero-visual{height:300px;border-radius:70px 18px 18px 18px;max-width:none}
 .hero-visual>img{object-position:50% 48%}
 .hero-visual figcaption{right:22px;left:22px;bottom:20px;padding-top:13px}
 .hero-visual figcaption strong{font-size:22px}
 .hero-visual figcaption span{font-size:10px}
 .hero-visual figcaption img{height:45px;width:45px}
 .quick{border-radius:18px;margin-top:-35px}
}
@media(max-width:359px){.hero-actions{gap:12px}.hero .hero-donate{gap:12px;padding-inline:16px 10px}.hero-visual{height:265px}}