/* A compact contribution form beside the illustration, ahead of it on phones. */
.donate-redesign{padding-top:36px}
.donation-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);grid-template-rows:auto 1fr;column-gap:64px;row-gap:12px;align-items:center;padding-bottom:28px}
.donation-heading{grid-column:1;grid-row:1;min-width:0}
.donation-heading h1{font-size:clamp(42px,4vw,54px);line-height:1.07;margin:0 0 22px;max-width:16ch}
.donation-heading p{font-size:18px;line-height:1.65;max-width:43ch;margin:0}
.donation-hero .support-art{grid-column:1;grid-row:2;max-width:360px;width:100%;justify-self:center;align-self:center;margin:0}
.donation-hero .donation-panel{grid-column:2;grid-row:1/3;align-self:center;position:static;top:auto;margin:0;padding:32px;background:var(--soft);border:0;border-radius:var(--radius);min-width:0}
.donation-hero .donation-panel h2{font-size:32px;line-height:1.15;margin:0 0 28px}
.donation-hero .donation-amounts span{background:#fff;min-height:56px;font-size:20px}
.donation-hero .donation-amounts input:checked+span{background:var(--blue)}
.donation-hero .donation-form fieldset{margin-bottom:24px}
.donation-hero .donation-custom-choice{margin:8px 0 0;font-size:15px}
.donation-custom-fields{margin-top:16px}
.donation-custom-fields[hidden]{display:none}
.donation-hero .donation-form>.button{font-size:16px;min-height:54px}
.donate-redesign>.pilar-channel{margin:24px 0 0}
.donation-sharing{text-align:center;max-width:760px;margin:0 auto;padding:52px 0 0}
.donation-sharing h2{font-size:36px;max-width:26ch;margin:0 auto 18px}
.donation-sharing>p{font-size:16px;line-height:1.7;max-width:60ch;margin:0 auto 24px}
.donation-sharing-actions{display:flex;align-items:center;justify-content:center;gap:20px 28px;flex-wrap:wrap}
.donation-sharing-actions .button,.donation-sharing-actions .text-link{font-size:15px;min-height:48px}
.donation-sharing .share-feedback{margin:20px auto 0;color:var(--blue);font-size:14px}
.share-fallback-link{width:100%;max-width:440px;margin:16px auto 0;padding:12px;border:1px solid var(--blue);border-radius:8px;background:#fff;font-size:16px}
.share-fallback-link:not([hidden]){display:block}
@media(max-width:1100px){.donation-hero{column-gap:36px}.donation-hero .donation-panel{padding:28px}.donation-heading p{font-size:17px}}
@media(max-width:900px){
 .donate-redesign{padding-top:28px}
 .donation-hero{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;gap:24px;padding-bottom:0;max-width:580px;margin:auto}
 .donation-heading{grid-column:1;grid-row:1;text-align:center;justify-self:center}
 .donation-heading h1{font-size:42px;max-width:none;margin-bottom:16px}
 .donation-heading p{font-size:16px;line-height:1.65;max-width:43ch;margin:auto}
 .donation-hero .donation-panel{grid-column:1;grid-row:2;width:100%;padding:28px}
 .donation-hero .donation-panel h2{text-align:center;font-size:30px;margin-bottom:24px}
 .donation-hero .support-art{grid-column:1;grid-row:3;max-width:290px;margin:0}
 .donate-redesign>.pilar-channel{margin-top:32px}
 .donation-sharing{padding-top:36px}.donation-sharing h2{font-size:30px}
}
@media(max-width:400px){
 .donate-redesign{padding-top:24px}.donation-heading h1{font-size:38px}
 .donation-hero{gap:22px}.donation-hero .donation-panel{padding:24px 18px}
 .donation-hero .donation-panel h2{font-size:28px;margin-bottom:20px}
 .donation-hero .donation-amounts span{font-size:18px;min-height:52px}
 .donation-hero .donation-form>.button{font-size:15px;padding-inline:10px}
 .donation-sharing h2{font-size:28px}.donation-sharing-actions{flex-direction:column;gap:12px}
}