/* A spinning coin on oak accompanies the unfolding payment leaf. */
#donate-dialog{width:min(1120px,95vw);border:1px solid #aa8c50;background:#100f0b;isolation:isolate;box-shadow:0 0 0 5px #151710,0 0 0 6px #5c5033,0 32px 120px #000;overflow-x:hidden}
#donate-dialog .offering-layout{position:relative;z-index:1;grid-template-columns:1.15fr 1fr;min-height:590px;pointer-events:none}
.offering-scene{position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse at 25% 65%,#73563288,transparent 62%),linear-gradient(20deg,#0c100b,#32261a);pointer-events:none;perspective:1000px}
.offering-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#060906b3,transparent 42%,#0609067a),linear-gradient(90deg,transparent 42%,#0b0d09a6 68%);pointer-events:none}
.offering-film{width:100%;height:100%;object-fit:cover;object-position:left center;opacity:0;transition:opacity .2s}
.coin-playing .offering-film{opacity:1}
#donate-dialog .offering-story{background:none;padding:40px 36px 30px;pointer-events:auto;justify-content:flex-start}
#donate-dialog .offering-story:before{display:none}
#donate-dialog .offering-kicker{font-size:11px;letter-spacing:2px;margin-bottom:15px;color:#d8c18a}
#donate-dialog h2{font-size:clamp(36px,4.5vw,60px);line-height:1.13;text-shadow:0 2px 20px #000;margin-bottom:20px}
#donate-dialog .offering-divider{width:140px;margin-bottom:16px}
#donate-dialog .offering-lead,#donate-dialog .offering-copy{display:none}
#donate-dialog .offering-note{font-size:12px;max-width:330px;border:0;text-shadow:0 1px 7px #000}
#donate-dialog .offering-payment{pointer-events:auto;margin:22px 22px 22px 0;align-self:center;border:0;box-shadow:-16px 9px 35px #0008,inset 0 0 20px #76532845;clip-path:polygon(1% 0,98% 1%,100% 19%,99% 47%,100% 78%,98% 100%,2% 99%,0 76%,1% 49%,0 21%);transform-origin:right center;opacity:1}
#donate-dialog.coin-opening:not(.payment-revealed) .offering-payment{opacity:0;transform:perspective(900px) rotateY(-45deg) translateX(70px) scaleX(.8);pointer-events:none;visibility:hidden}
#donate-dialog.payment-revealed .offering-payment{animation:parchment-unfurl .75s cubic-bezier(.16,1,.3,1) both}
@keyframes parchment-unfurl{from{opacity:0;transform:perspective(900px) rotateY(-45deg) translateX(70px) scaleX(.8);filter:brightness(.5)}to{opacity:1;transform:none;filter:brightness(1)}}
#donate-dialog .dialog-close{position:sticky;float:right;margin:12px 12px -48px 0;top:12px;right:12px;z-index:5;width:36px;height:36px;font-size:27px;background:#11170fe6}
.offering-skip{position:absolute;right:30px;bottom:32px;z-index:4;background:#151a12d9;color:#ebd69c;border:1px solid #a88e52;padding:13px 20px;font:500 14px var(--heading);cursor:pointer;letter-spacing:.5px}
.offering-skip:hover,.offering-skip:focus-visible{background:#3b3926;outline:1px solid #e5ce8e;outline-offset:3px}
.offering-skip[hidden]{display:none}
.toss-coin{position:absolute;width:155px;height:155px;left:22%;top:58%;opacity:0;z-index:2;filter:drop-shadow(2px 5px 2px #0009);transform-style:preserve-3d;transform-origin:center bottom}
.toss-coin svg{width:100%;height:100%;border-radius:50%;box-shadow:3px 4px 0 #695737,6px 6px 0 #30281c}
.toss-shadow{position:absolute;width:180px;height:45px;background:#000;filter:blur(12px);border-radius:50%;left:20%;top:76%;opacity:0}
.toss-impact{position:absolute;left:20%;top:70%;width:200px;height:70px;border:1px solid #d9b96766;border-radius:50%;opacity:0;filter:blur(3px)}
.coin-fallback.coin-landed .toss-impact{animation:coin-dust .65s ease-out both}
@keyframes coin-dust{from{opacity:.5;transform:scale(.4)}to{opacity:0;transform:scale(1.8)}}
@media(max-width:650px){#donate-dialog h2 br{display:block}#donate-dialog h2{font-size:32px;max-width:none}#donate-dialog .offering-note{position:relative;z-index:2;background:linear-gradient(90deg,#090e09c9,transparent);padding:4px 0}}
@media(max-width:650px){#donate-dialog{width:94vw;max-height:94svh}#donate-dialog .offering-layout{display:block;min-height:0}#donate-dialog .offering-story{height:310px;padding:27px 25px 20px}#donate-dialog .offering-kicker{font-size:9px;letter-spacing:1px;padding-right:22px}#donate-dialog h2{font-size:36px;max-width:230px;margin-bottom:8px}#donate-dialog .offering-divider,#donate-dialog .offering-lead,#donate-dialog .offering-copy{display:none}#donate-dialog .offering-note{font-size:11px;margin-top:auto;padding:0}.offering-scene{height:330px}.offering-film{object-position:35% center}#donate-dialog .offering-payment{margin:0 12px 16px;padding:25px 24px 18px;min-height:480px}.offering-skip{top:242px;bottom:auto;right:22px;padding:10px 12px;font-size:11px}.toss-coin{width:105px;height:105px;top:49%;left:27%}.toss-shadow{top:76%;left:20%;width:130px}.toss-impact{top:68%;width:130px}}
@media(prefers-reduced-motion:reduce){#donate-dialog.payment-revealed .offering-payment{animation:none}.offering-film{transition:none;opacity:1}.offering-skip{display:none}}

@media(max-width:650px){#donate-dialog h2{font-size:32px;max-width:none}#donate-dialog h2 br{display:block}.offering-film{object-position:left center}}

#donate-dialog .offering-divider{display:none}.offering-scene{inset:195px 40% 55px 0}.offering-film{object-fit:contain;object-position:left bottom}.offering-scene:after{background:linear-gradient(180deg,#100f0b 0%,transparent 12%,transparent 90%,#100f0b 100%)}#donate-dialog .offering-story{background:linear-gradient(180deg,#10160b33,transparent 55%)}.toss-coin{top:15%;left:30%}.toss-shadow{top:68%;left:27%}@media(max-width:650px){#donate-dialog .offering-story{height:330px}.offering-scene{inset:140px 0 auto;height:150px}.offering-film{object-fit:contain;object-position:center bottom}.toss-coin{top:0;left:32%}.toss-shadow{top:65%;left:27%}}


.offering-scene{background:none}.offering-film{position:absolute;left:50%;transform:translateX(-50%);width:auto;max-width:none;height:100%;aspect-ratio:16/9;object-fit:fill;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent),linear-gradient(180deg,transparent,#000 12%,#000 86%,transparent);mask-composite:intersect}.offering-scene:after{display:none}