/* Mission page: bridge paragraph, 1 billion counter, numbered initiatives, Make a Gift panel. Added 2026-10-23 */
.xi-sub{font-size:calc(1.05rem + 2px)!important;margin-top:14px!important}
.xi-eb,.xi-sup p.xi-eb,.xi-sup.dark p.xi-eb{font-size:.97rem!important}
.xi-sup p.xi-why{font-size:calc(1.2rem + 2px)!important}.xi-sup p.xi-fine{font-size:calc(.82rem + 2px)!important}
.xi-count{max-width:760px;margin:44px auto 0;text-align:center;padding:30px 24px;border-top:1px solid rgba(201,168,76,.5);border-bottom:1px solid rgba(201,168,76,.5)}
.xi-cn{display:flex;align-items:baseline;justify-content:center;gap:14px;flex-wrap:wrap}
.xi-cnum{font:600 clamp(2.4rem,5.4vw,3.6rem)/1.1 'Cinzel','Cormorant Garamond',serif;letter-spacing:.04em;font-variant-numeric:lining-nums tabular-nums;color:#7A5F28}
.xi-cof{font:500 clamp(1.3rem,2.6vw,1.8rem) 'Cormorant Garamond',serif;color:#0A1D30}.xi-cof b{font:600 clamp(1.2rem,2.6vw,1.7rem) 'Cinzel','Cormorant Garamond',serif;letter-spacing:.04em;font-variant-numeric:lining-nums tabular-nums}
.xi-bar{position:relative;height:6px;border-radius:9px;background:rgba(201,168,76,.28);margin:22px auto 8px;max-width:560px}
.xi-bar i{position:absolute;left:0;top:0;bottom:0;width:10px;border-radius:9px;background:#C9A646}
.xi-bar em{position:absolute;left:0;top:-13px;font-style:normal;font-size:1.5rem;line-height:1;color:#C9A646}
.xi-cs{font:400 .98rem/1.6 Inter,sans-serif;color:#46515c;margin:14px 0 0}.xi-cs a{color:#7A5F28;font-weight:600}
.xi-sup p.xi-why{font:400 1.2rem/1.7 'Cormorant Garamond',Georgia,serif;color:#0A1D30;max-width:640px;margin:0 auto}
.xi-sup p.xi-fine{font:400 .82rem/1.6 Inter,sans-serif;color:#5b6772;margin:18px auto 0;max-width:520px}

.xi-head{text-align:center;max-width:760px;margin:56px auto 40px}
.xi-eb{font:600 .74rem Inter,sans-serif;letter-spacing:.24em;text-transform:uppercase;color:#7A5F28;margin:0 0 10px}
.xi-h{font:500 clamp(2.1rem,4.2vw,3.1rem)/1.12 'Cormorant Garamond',Georgia,serif;color:#0A1D30;margin:0 0 14px}
.xi-sub{font:400 1.05rem/1.7 Inter,sans-serif;color:#46515c;margin:0}
.xi-lk{display:inline-block;margin-top:14px;font:600 .92rem Inter,sans-serif;color:#7A5F28;text-decoration:none;border-bottom:1.5px solid #C9A646;padding-bottom:2px}
.xiA-tag{font:600 .7rem Inter,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#7A5F28;margin:0 0 8px}
.xiA{display:flex;flex-direction:column;gap:44px}
.xiA-row{display:grid;grid-template-columns:5fr 6fr;gap:44px;align-items:center}
.xiA-row:nth-child(even) .xiA-im{order:2}
.xiA-im{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:4/3;box-shadow:0 18px 44px rgba(10,29,48,.18);border:1px solid rgba(201,168,76,.5)}
.xiA-im img{width:100%;height:100%;object-fit:cover;display:block}
.xiA-n{position:absolute;left:16px;top:10px;font:500 3.4rem/1 'Cormorant Garamond',serif;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.5)}
.xiA-tx h4,.xiB-b h4,.xiC-c h4{font:500 clamp(1.7rem,2.6vw,2.1rem)/1.15 'Cormorant Garamond',Georgia,serif;color:#0A1D30;margin:0 0 12px}
.xiA-tx p:not(.xiA-tag),.xiB-b p:not(.xiA-tag){font:400 1rem/1.75 Inter,sans-serif;color:#3b4148;margin:0}
.xiB{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.xiB-c{background:#fff;border:1px solid rgba(201,168,76,.5);border-radius:20px;overflow:hidden;box-shadow:0 12px 34px rgba(10,29,48,.10);display:flex;flex-direction:column}
.xiB-im{position:relative;aspect-ratio:16/9}.xiB-im img{width:100%;height:100%;object-fit:cover;display:block}
.xiB-n{position:absolute;left:18px;bottom:-22px;width:46px;height:46px;border-radius:50%;background:#C9A646;color:#0A1D30;font:600 1.5rem 'Cormorant Garamond',serif;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px rgba(0,0,0,.25)}
.xiB-b{padding:36px 28px 28px}
.xi-sup{margin:56px auto 8px;max-width:820px;text-align:center;padding:44px clamp(22px,4vw,56px);border-radius:24px;background:#F6F0E0;border:1px solid rgba(201,168,76,.55)}
.xi-sup h4{font:500 clamp(1.8rem,3.2vw,2.5rem)/1.15 'Cormorant Garamond',Georgia,serif;margin:0 0 12px;color:#0A1D30}
.xi-sup p{font:400 1.05rem/1.7 Inter,sans-serif;color:#46515c;margin:0 auto;max-width:600px}
.xi-sup.dark{background:#0A1D30;border-color:#C9A646}.xi-sup.dark h4{color:#fff}.xi-sup.dark p{color:#d8e0e8}.xi-sup.dark .xi-eb{color:#E3C877}
.xi-sup.soft{background:transparent;border:0;padding:30px 0 0}
.xi-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:26px}
.xi-b{display:inline-flex;align-items:center;gap:9px;font:600 1rem Inter,sans-serif;padding:15px 30px;border-radius:99px;text-decoration:none;cursor:pointer;border:2px solid #C9A646}
.xi-b svg{width:18px;height:18px}
.xi-b.g{background:#C9A646;color:#0A1D30}.xi-b.o{background:transparent;color:#0A1D30}.xi-b.o.l{color:#fff;border-color:rgba(255,255,255,.55)}
.xi-note{margin-top:18px!important;font-style:italic;font-family:'Cormorant Garamond',serif!important;font-size:1.3rem!important;color:#E3C877!important}
.xiC-wrap{background:#0A1D30;border-radius:28px;padding:10px clamp(18px,4vw,48px) 52px;margin-top:40px}
.xiC-wrap .xi-eb{color:#E3C877}.xiC-wrap .xi-h{color:#fff}.xiC-wrap .xi-sub{color:#d8e0e8}
.xiC{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.xiC-c{background:rgba(255,255,255,.05);border:1px solid rgba(227,200,119,.4);border-radius:20px;padding:26px 26px 24px}
.xiC-c img{width:84px;height:84px;border-radius:50%;object-fit:cover;border:2px solid #C9A646;display:block;margin-bottom:14px}
.xiC-n{font:600 .7rem Inter,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#E3C877;margin:0 0 6px}
.xiC-c h4{color:#fff}.xiC-c p:not(.xiC-n){font:400 .98rem/1.75 Inter,sans-serif;color:#d8e0e8;margin:0}
.xiC-c .xi-lk{color:#E3C877;border-color:#E3C877;margin-top:0}
.xiC-ft{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center;margin-top:18px;padding-top:16px;border-top:1px solid rgba(227,200,119,.3)}
.xiC-sp{display:inline-flex;align-items:center;gap:7px;font:600 .88rem Inter,sans-serif;color:#0A1D30;background:#C9A646;padding:9px 16px;border-radius:99px;text-decoration:none}
.xiC-sp svg{width:15px;height:15px}
.xiC-wrap .xi-sup h4{color:#fff}.xiC-wrap .xi-sup p{color:#d8e0e8}
@media(max-width:820px){.xiA-row,.xiB,.xiC{grid-template-columns:1fr}.xiA-row:nth-child(even) .xiA-im{order:0}.xiA-row{gap:20px}}
.xi-sup p.xi-eb{font:600 .74rem Inter,sans-serif;letter-spacing:.24em;text-transform:uppercase;color:#7A5F28;margin:0 auto 10px}.xi-sup.dark p.xi-eb{color:#E3C877}

/* gift panel: reason sentence on two lines on desktop */
.xi-sup{max-width:1000px}
.xi-sup p.xi-why{max-width:900px;text-wrap:balance}
