/* Homepage typography and rounded content panels, with paper buttons. */
.support-page{--support-edge:#dfe6dc;max-width:1080px;margin:0 auto;font:15px/1.65 system-ui,-apple-system,Segoe UI,sans-serif;color:#153e39}.support-page *{box-sizing:border-box}
main.support-frame{position:relative;isolation:isolate;max-width:1180px;margin:20px auto;padding:0 32px;background:transparent;box-shadow:none}
main.support-frame::before,main.support-frame::after{content:none;display:none}
.support-page .support-heading{display:block;border:0;border-radius:18px;background:#edf3e9;padding:20px 24px;margin:0 0 18px;text-align:left}.support-page .support-heading h1{font:600 clamp(28px,3.2vw,38px)/1.2 Georgia,serif;letter-spacing:-.7px;margin:10px 0 8px}.support-page .support-heading p{margin:0}
.support-page .support-kicker{display:inline-block;background:#ffdc68 url('/images/button-paper-grain.svg');padding:4px 10px;clip-path:polygon(1% 0,98% 2%,100% 96%,1% 100%);font:700 11px/1.5 system-ui,sans-serif;letter-spacing:1.3px;text-transform:uppercase}
.support-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"story action";gap:20px;align-items:start}.support-story-column{grid-area:story;min-width:0}.support-action-column{grid-area:action;min-width:0}
.support-page .support-paper,.support-thanks{position:relative;isolation:isolate;min-width:0;background:#fffef9;border:1px solid #dfe6dc;border-radius:18px;padding:24px;margin:0 0 18px;box-shadow:none;filter:none;transform:none;overflow-wrap:anywhere}.support-page .support-paper::before{content:none}.support-page .support-letter{background:#edf3e9}
.support-page .support-paper h2,.support-thanks h2{font:400 26px/1.25 Georgia,serif;letter-spacing:-.4px;margin:0 0 14px}.support-page :is(.support-form,.support-letter)>.support-kicker{margin:0 0 8px;min-height:24px;vertical-align:top}.support-page .support-title-sun{display:inline-block;width:24px;color:#bd8a09;font-size:24px;line-height:1;vertical-align:-1px}
.support-page p,.support-page .small{font-size:15px;line-height:1.65;margin:0 0 12px}.support-page p:last-child{margin-bottom:0}.support-page .support-signature{font:italic 19px/1.5 Georgia,serif;margin:16px 0}.support-page .support-transparency{margin-top:0}.support-page .support-transparency p{font-size:15px;line-height:1.65;margin:0 0 12px}.support-page .support-transparency>a{display:inline-block;font-size:15px;line-height:1.65;margin-top:0}
.support-button,.support-page button.support-button,.support-page button.support-amount,.support-choices label{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:0;padding:12px 18px;background:transparent;box-shadow:none;clip-path:none;filter:drop-shadow(0 2px 2px #26453a24);color:#153e39;text-decoration:none;font:650 15px/1.4 system-ui,sans-serif;--support-button-paper:#ffdc68;cursor:pointer}
.support-button::before,.support-page button.support-button::before,.support-page button.support-amount::before,.support-choices label::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-color:var(--support-button-paper);background-image:url('/images/button-paper-cutout-v2.png');background-blend-mode:multiply;background-position:center;background-size:100% 130%;background-repeat:no-repeat;-webkit-mask:url('/images/button-paper-cutout-v2.png') center/100% 130% no-repeat;mask:url('/images/button-paper-cutout-v2.png') center/100% 130% no-repeat}
.support-page .support-button:disabled{opacity:.55;cursor:default}.support-page :is(button,a,input):focus-visible,.support-choices label:focus-within{outline:3px solid #00786e;outline-offset:4px}
.support-page .support-choices,.support-page .support-amounts{border:0;padding:0;margin:0 0 14px;display:flex;gap:10px;flex-wrap:wrap}.support-page legend{font:650 15px/1.5 system-ui,sans-serif;padding:0;margin:0 0 8px}.support-page .support-choices label{margin:0;--support-button-paper:#e4ebd9}.support-page .support-choices label:has(input:checked){--support-button-paper:#ffdc68}.support-page .support-choices input[type=radio]{width:18px;height:18px;margin:0;accent-color:#00786e;flex:none}.support-page .support-choices label:nth-of-type(2)::before{transform:scaleX(-1)}
.support-page button.support-amount{--support-button-paper:#e4ebd9;min-width:64px;min-height:44px;font-size:17px;padding:10px 16px}.support-page button.support-amount[aria-pressed=true]{--support-button-paper:#ffdc68;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}.support-page button.support-amount:nth-of-type(2)::before{transform:scaleX(-1)}
.support-page label[for=support-amount]{font:650 15px/1.5 system-ui,sans-serif;margin:0 0 6px}.support-page #support-amount{font:400 15px/1.5 system-ui,sans-serif;border:1px solid #cbd8cf;border-radius:9px;padding:10px 12px;margin:0 0 12px}.support-page .support-consent{display:flex;align-items:flex-start;gap:10px;font:400 15px/1.65 system-ui,sans-serif;margin:0 0 12px}.support-page input[type=checkbox]{width:18px;height:18px;flex:none;margin-top:4px;accent-color:#00786e}
.support-page .support-payment-summary{font:700 20px/1.4 system-ui,sans-serif;margin:0 0 12px}.support-page .support-button+.small{margin-top:10px}.support-page .support-note{font-size:15px;line-height:1.65;padding:12px 14px;background:#fff0bb;border-radius:10px;margin:0 0 14px}.support-page [hidden]{display:none!important}
/* Photos remain complete and sit below the contribution and letter. */
.support-photo{position:relative;min-width:0;margin:0 0 18px;padding:10px;background:#fffef9;border:1px solid #dfe6dc;border-radius:18px;filter:none;transform:none}.support-photo img{display:block;width:100%;height:auto;border-radius:11px;clip-path:none}.support-photo figcaption{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:7px 2px 0;font:400 12px/1.5 system-ui,sans-serif;color:#536862}.support-photo figcaption a{color:#536862;text-decoration:none;border:0}.support-photo figcaption a:hover{text-decoration:underline}.support-page .support-sunshine-photo{margin:18px 0 0;padding:0;background:transparent;border:0;border-radius:0}
.support-thanks{max-width:750px;margin:24px auto}.support-sun{display:block;font-size:48px;line-height:1.2;color:#bd8a09}.support-home-note{display:flex;align-items:center;gap:24px;background:#edf0db url('/images/scrap-paper-sage.webp') center/100% 100%;padding:26px 32px;margin:32px 0 24px;border-radius:18px}.support-home-note>span{font-size:48px;color:#a97506}.support-home-note h2{font:32px/1.2 Georgia,serif;margin:0 0 8px}.support-home-note p{margin:0}.support-home-note .support-button{flex:none;margin-left:auto}
@media(max-width:750px){main.support-frame{margin:12px auto;padding:0 20px}.support-page .support-heading{padding:18px;margin-bottom:14px}.support-grid{grid-template-columns:1fr;grid-template-areas:"action" "story";gap:0}.support-page .support-paper{padding:20px;margin-bottom:14px}.support-page .support-paper h2{font-size:25px}.support-photo{margin-bottom:14px}.support-home-note{padding:22px;flex-wrap:wrap;gap:14px}.support-home-note .support-button{margin-left:0}.support-home-note>span{font-size:36px}}
/* The chosen family collage. The contribution form keeps its existing controls. */
main.support-frame{max-width:1360px}.support-page{max-width:1280px}.support-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:24px}
.support-page .support-heading{position:relative;isolation:isolate;padding-right:140px;background:#edf3e9 url('/images/button-paper-grain.svg');border-radius:25px}
.support-page .support-heading::after{content:"";position:absolute;right:26px;top:50%;transform:translateY(-50%) rotate(8deg);width:90px;height:90px;background:url('/images/account-paper-sun.svg') center/contain no-repeat;pointer-events:none}
.support-page .support-heading h1{font-size:clamp(30px,3.2vw,43px)}
.support-page .support-family-letter{display:flow-root;position:relative;background:#edf3e9 url('/images/button-paper-grain.svg');border-radius:25px;padding:26px}
.support-family-letter h2{font-size:30px!important;line-height:1.15!important}
.support-family-photo{position:relative;float:left;width:47%;margin:7px 21px 16px 0;padding:10px 10px 12px;background:#fffdf4 url('/images/button-paper-grain.svg');box-shadow:0 3px 6px #27443524;transform:rotate(-2deg)}
.support-family-photo::before{content:"";position:absolute;top:-8px;left:32%;width:38%;height:21px;background:#dfcfa7b8;transform:rotate(-5deg);clip-path:polygon(2% 0,100% 4%,98% 98%,0 100%);pointer-events:none}
.support-family-photo img{display:block;width:100%;height:auto;object-fit:contain;border-radius:0}
.support-family-photo figcaption{font:400 13px/1.5 "Segoe Print","Bradley Hand",cursive;text-align:center;padding:8px 1px 0;color:#25483c;overflow-wrap:anywhere}
.support-family-photo figcaption span{font-size:19px;vertical-align:middle}
.support-page .support-promise-slip{display:flow-root;position:relative;background:#ffdf7d url('/images/button-paper-grain.svg');padding:9px 12px;margin:11px 0 14px;font:600 17px/1.4 Georgia,serif;clip-path:polygon(1% 0,16% 3%,35% 0,55% 3%,76% 0,99% 2%,100% 50%,99% 98%,78% 100%,58% 97%,37% 100%,17% 98%,0 100%,1% 50%)}
.support-page .support-signature{clear:both;text-align:left;font:400 15px/1.65 system-ui,sans-serif;margin:17px 0 0}
.support-signature>span{display:block}.support-signature-name,.support-popup-signature{font-family:"Segoe Script","Apple Chancery","URW Chancery L",cursive;font-style:italic;font-weight:300;letter-spacing:-1px;line-height:1.2;color:#314b56;text-align:right}
.support-page .support-signature .support-signature-name{font-size:37px;margin-top:8px;transform:rotate(-5deg);transform-origin:right center}
.support-thanks-dialog{position:fixed;isolation:isolate;width:min(540px,calc(100% - 32px));max-height:88dvh;overflow:auto;margin:auto;padding:34px 36px 30px;border:0;border-radius:23px;background:#fffdf4 url('/images/button-paper-grain.svg');color:#213f36;box-shadow:0 16px 70px #153e3940;text-align:center}
.support-thanks-dialog::backdrop{background:#153e3959;backdrop-filter:blur(2px)}
.support-thanks-dialog h2{font:500 31px/1.2 Georgia,serif;letter-spacing:-.5px;margin:16px 0}
.support-thanks-dialog p{font:400 15px/1.65 system-ui,sans-serif;margin:12px 0}
.support-thanks-dialog .support-kicker{display:inline-block;background:#ffe395;padding:4px 10px;font-size:11px;letter-spacing:1px;text-transform:uppercase}
.support-thanks-paper-sun{display:block;width:76px;height:76px;background:url('/images/account-paper-sun.svg') center/contain no-repeat;margin:0 auto 14px}
.support-thanks-dialog .support-popup-signature{font:italic 300 40px/1.25 "Segoe Script","Apple Chancery","URW Chancery L",cursive;text-align:right;margin:14px 8px 20px}
.support-thanks-close{position:absolute;right:10px;top:9px;display:grid;place-items:center;width:40px;height:40px;padding:0;background:#e6ecd9;border:0;border-radius:50%;font:400 27px/1 system-ui,sans-serif;color:#213f36}
.support-thanks-close:focus-visible{outline:3px solid #00786e;outline-offset:3px}
@media(max-width:1000px) and (min-width:751px){.support-family-photo{float:none;width:80%;max-width:275px;margin:14px auto 22px}.support-family-letter h2{font-size:27px!important}}
@media(max-width:750px){.support-grid{grid-template-columns:1fr;gap:0}.support-page .support-heading{padding-right:75px}.support-page .support-heading::after{right:14px;width:48px;height:48px}.support-page .support-family-letter{padding:23px}.support-family-photo{float:left;width:44%;margin-right:18px}.support-page .support-promise-slip{font-size:16px}.support-thanks-dialog{padding:30px 24px 25px}.support-thanks-dialog h2{font-size:27px}}
@media(max-width:480px){.support-family-photo{float:none;width:85%;max-width:270px;margin:18px auto 24px}.support-page .support-family-letter{padding:21px}.support-page .support-promise-slip{text-align:center}.support-family-letter h2{font-size:27px!important}}
@media(prefers-reduced-motion:reduce){.support-family-photo,.support-page .support-signature .support-signature-name{transform:none}}
@font-face{font-family:ErikInk;src:url('/fonts/erik-ink.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
.support-page .support-signature .support-signature-name,.support-thanks-dialog .support-popup-signature{font-family:ErikInk,"Segoe Script",cursive;font-style:normal;font-weight:400;letter-spacing:0;font-size:43px;line-height:1.2}
