.charity-page{--charity-green:#244d43;--charity-line:#d5dfd9;--charity-surface:#f3f7f4}
.charity-page .charity-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:8%;padding-block:64px;align-items:center}
.charity-page .charity-copy{min-width:0}
.charity-page .charity-logo{display:block;width:264px;height:auto;max-width:100%;margin:0 0 32px}
.charity-page .charity-hero h1{font-family:var(--serif);font-size:clamp(40px,4.2vw,60px);font-weight:400;line-height:1.08;letter-spacing:-.035em;max-width:19ch;margin:0;text-wrap:balance}
.charity-page .charity-copy>p{max-width:50ch;font-size:16px;line-height:1.75;margin:24px 0 0;color:#526176}
.charity-page .charity-hero-link{display:inline-flex;align-items:center;gap:18px;min-height:48px;margin-top:24px;color:var(--charity-green);font-size:14px;text-decoration:underline;text-underline-offset:5px}
.charity-page .charity-hero-link svg{flex-shrink:0;transform:rotate(135deg)}
.charity-page .charity-supporters{margin:0;padding:12px 32px;list-style:none;background:var(--charity-surface);border:1px solid var(--charity-line);border-radius:5px}
.charity-page .charity-supporters li{margin:0;padding:0;list-style:none}
.charity-page .charity-supporters li+li{border-top:1px solid var(--charity-line)}
.charity-page .charity-supporters a{display:grid;grid-template-columns:108px minmax(0,1fr) 18px;gap:24px;min-height:134px;align-items:center;padding:24px 0;text-decoration:none}
.charity-page .charity-supporters img{display:block;width:108px;height:72px;object-fit:contain}
.charity-page .charity-supporters .charity-fda-mark{width:64px;height:72px;justify-self:center}
.charity-page .charity-supporters strong{font-family:var(--sans);font-size:18px;line-height:1.4;font-weight:500;letter-spacing:-.015em}
.charity-page .charity-supporters a>svg{width:18px;height:18px;color:var(--charity-green);transform:rotate(135deg)}
.charity-page .charity-supporters a:hover strong{text-decoration:underline;text-underline-offset:4px}
.charity-page .charity-causes{padding-block:56px 80px;border-top:1px solid var(--line)}
.charity-page .charity-causes>h2{font-family:var(--serif);font-size:clamp(32px,3.2vw,44px);font-weight:400;line-height:1.15;letter-spacing:-.03em;margin:0 0 32px}
.charity-page .charity-cause{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:8%;padding:32px 0;border-top:1px solid var(--line);scroll-margin-top:120px}
.charity-page .charity-cause h3{font-family:var(--sans);font-size:24px;font-weight:500;letter-spacing:-.025em;line-height:1.3;margin:0}
.charity-page .charity-cause p{font-size:16px;line-height:1.75;color:#526176;max-width:64ch;margin:0}
.charity-page .charity-cause a{display:inline-flex;align-items:center;gap:12px;min-height:44px;margin-top:14px;color:var(--charity-green);font-size:14px;text-decoration:underline;text-underline-offset:5px}
.charity-page main a:focus-visible{outline:2px solid var(--charity-green);outline-offset:5px}
.charity-page main::selection,.charity-page main ::selection{background:#dceae2;color:#0c1729}
@media(max-width:1100px){.charity-page .charity-hero{gap:5%;grid-template-columns:1fr 1fr}.charity-page .charity-supporters{padding-inline:24px}.charity-page .charity-supporters a{grid-template-columns:86px minmax(0,1fr) 18px;gap:16px}.charity-page .charity-supporters img{width:86px}.charity-page .charity-supporters strong{font-size:16px}}
@media(max-width:800px){.charity-page .charity-hero{grid-template-columns:minmax(0,1fr);gap:32px;padding-block:40px}.charity-page .charity-hero h1{max-width:21ch;font-size:clamp(40px,6.5vw,52px)}.charity-page .charity-supporters a{grid-template-columns:108px minmax(0,1fr) 18px;min-height:118px}.charity-page .charity-supporters img{width:108px}.charity-page .charity-supporters strong{font-size:18px}.charity-page .charity-causes{padding-block:40px 56px}.charity-page .charity-cause{gap:6%;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}}
@media(max-width:550px){.charity-page .charity-hero{padding-block:32px 40px}.charity-page .charity-logo{width:238px;margin-bottom:24px}.charity-page .charity-hero h1{font-size:40px;line-height:1.1}.charity-page .charity-copy>p{font-size:14px;margin-top:20px}.charity-page .charity-supporters{padding:4px 20px}.charity-page .charity-supporters a{grid-template-columns:82px minmax(0,1fr) 16px;gap:16px;min-height:114px;padding-block:20px}.charity-page .charity-supporters img{width:82px;height:64px}.charity-page .charity-supporters .charity-fda-mark{width:52px;height:64px}.charity-page .charity-supporters strong{font-size:16px}.charity-page .charity-cause{grid-template-columns:minmax(0,1fr);gap:16px;padding-block:28px}.charity-page .charity-cause h3{font-size:22px}.charity-page .charity-cause p{font-size:14px}.charity-page .charity-causes>h2{margin-bottom:24px}}