.support-page{background:#fff}.support-hero{position:relative;min-height:445px;overflow:hidden;background:#f0fbfb;border-bottom:1px solid #dbe8e5}.support-hero-inner{position:relative;z-index:1;display:flex;align-items:center;min-height:445px}.support-hero h1{font-size:clamp(4.4rem,8vw,7.2rem);line-height:.9;letter-spacing:-.08em;color:#102f30;text-transform:lowercase}.support-hero p{max-width:590px;margin:28px 0 18px;color:#617372;font-size:1.1rem}.support-glow{position:absolute;left:-30px;bottom:-85px;width:150px;height:150px;border-radius:50%;background:rgba(17,184,180,.15);filter:blur(3px)}.support-explore{padding:clamp(75px,10vw,120px) 0 150px;background:#fff}.support-layout{display:grid;grid-template-columns:200px 1fr;gap:40px;max-width:970px}.support-explore aside{position:relative;color:#80908e}.support-explore aside p:not(.eyebrow){font-size:.9rem;line-height:1.5;max-width:125px}.support-explore .eyebrow{color:#0b9795;margin-bottom:10px}.explore-line{position:relative;width:2px;height:122px;margin-top:25px;background:#dce8e5}.explore-line span{position:absolute;left:-1px;top:0;width:3px;height:68px;background:var(--teal)}.support-list{border-top:1px solid #dce5e3}.support-list article{display:grid;grid-template-columns:62px 1fr 26px;gap:10px;padding:0 0 26px;border-bottom:1px solid #dce5e3;margin-bottom:0}.support-number{padding-top:14px;font-size:.72rem;font-weight:800;letter-spacing:.12em;color:#536b69}.support-list article h2{padding-top:10px;font-size:clamp(1.8rem,3vw,3rem);line-height:1.02;color:#112f30}.support-list article p{max-width:610px;margin:15px 0 10px;color:#80908e;line-height:1.5}.support-list article>b{padding-top:15px;color:#b8dedd;font-size:1.1rem;font-weight:400}.support-action{display:inline-block;padding:6px 14px;border:1px solid var(--teal);border-radius:3px;color:#174b4b;text-decoration:none;font-size:.78rem;font-weight:800}.support-action:hover{background:var(--teal)}@media(max-width:700px){.support-hero,.support-hero-inner{min-height:500px}.support-layout{grid-template-columns:1fr;gap:40px}.support-explore aside{display:none}.support-list article{grid-template-columns:38px 1fr 20px}.support-hero h1{font-size:4rem}}
.support-layout{grid-template-columns:1fr;max-width:970px}.support-layout>aside{display:none}

/* Make donation the main action on the Support Us page. */
.support-list article:first-child{display:flex;flex-direction:column;align-items:center;padding:58px 34px 70px;background:#f0fbfb;border:1px solid #cfe7e4;border-radius:22px;text-align:center;margin-bottom:34px;box-shadow:0 18px 42px rgba(18,53,54,.08)}
.support-list article:first-child .support-number,.support-list article:first-child>b{display:none}
.support-list article:first-child>div{width:100%;display:flex;flex-direction:column;align-items:center}
.support-list article:first-child h2{padding-top:0;font-size:clamp(2.4rem,5vw,4.5rem);line-height:.98;letter-spacing:-.055em}
.support-list article:first-child p{max-width:560px;margin:20px auto 8px;font-size:1.05rem}
.support-list article:first-child .coin-tip-button{width:18rem;height:5rem;margin:28px 0 0;font-size:1rem}
.support-list article:first-child .coin-tip-button .coin-wrapper{height:22rem}
@media(max-width:700px){.support-list article:first-child{padding:44px 22px 58px}.support-list article:first-child .coin-tip-button{width:16rem;height:4.5rem}.support-list article:first-child .coin-tip-button .coin{width:3.7rem;height:3.7rem}}

/* Adapted from the supplied CodePen coin-tip animation. */
.coin-tip-button{background:none;border:0;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:'DM Sans',Arial,sans-serif;font-size:1rem;font-weight:800;height:2.6rem;margin-bottom:-4rem;outline:0;position:relative;top:0;transform-origin:0 100%;transition:transform 50ms ease-in-out;width:9.5rem;-webkit-tap-highlight-color:transparent}
.coin-tip-button:active{transform:rotate(4deg)}
.coin-tip-button.is-flipping{animation:coin-tip-shake 150ms ease-in-out 1;pointer-events:none}
.coin-tip-button.is-flipping .coin-tip-button__text{opacity:0;transition:opacity 100ms linear 200ms}
.coin-tip-button.is-flipping:before{height:.5rem;width:60%}
.coin-tip-button.is-flipping .coin{transition:margin-bottom 1s linear 200ms;margin-bottom:0}
.coin-tip-button.is-shrinking:before{transition:width 200ms ease-in;width:0}
.coin-tip-button.coin-landed:after{opacity:1;transform:scale(1);transform-origin:50% 100%}
.coin-tip-button.coin-landed .coin-wrapper{background:radial-gradient(circle at 35% 97%,rgba(3,16,50,.4) .04rem,transparent .04rem),radial-gradient(circle at 45% 92%,rgba(3,16,50,.4) .04rem,transparent .02rem),radial-gradient(circle at 55% 98%,rgba(3,16,50,.4) .04rem,transparent .04rem),radial-gradient(circle at 65% 96%,rgba(3,16,50,.4) .06rem,transparent .06rem);background-position:center bottom;background-size:100%;bottom:-1rem;opacity:0;transform:scale(2) translateY(-10px)}
.coin-tip-button__text{color:#fff;margin-right:0;opacity:1;position:relative;transition:opacity 100ms linear 500ms;z-index:3}
.coin-tip-button:before{background:var(--teal);border-radius:.25rem;bottom:0;content:"";display:block;height:100%;left:50%;position:absolute;transform:translateX(-50%);transition:height 250ms ease-in-out 400ms,width 250ms ease-in-out 300ms;width:100%;z-index:2}
.coin-tip-button:after{bottom:-1rem;color:#062f30;content:"Thank you!";height:110%;left:0;opacity:0;pointer-events:none;position:absolute;text-align:center;transform:scale(0);transform-origin:50% 20%;transition:transform 200ms cubic-bezier(0,0,.35,1.43);width:100%;z-index:1}
.coin-tip-button .coin-wrapper{background:none;bottom:0;height:18rem;left:0;opacity:1;overflow:hidden;pointer-events:none;position:absolute;transform:none;transform-origin:50% 100%;transition:opacity 200ms linear 100ms,transform 300ms ease-out;width:100%}
.coin-tip-button .coin{--front-y-multiplier:0;--back-y-multiplier:0;--middle-y-multiplier:0;--coin-y-multiplier:0;--coin-x-multiplier:0;--coin-scale-multiplier:.6;--coin-rotation-multiplier:0;--shine-opacity-multiplier:.4;--shine-bg-multiplier:50%;bottom:calc(var(--coin-y-multiplier) * 1rem - 3.5rem);height:3.5rem;margin-bottom:3.05rem;position:absolute;right:calc(var(--coin-x-multiplier) * 34% + 12%);transform:translateX(50%) scale(calc(.4 + var(--coin-scale-multiplier))) rotate(calc(var(--coin-rotation-multiplier) * -1deg));transition:opacity 100ms linear 200ms;width:3.5rem;z-index:3}
.coin-tip-button .coin__front,.coin-tip-button .coin__middle,.coin-tip-button .coin__back,.coin-tip-button .coin:before,.coin-tip-button .coin__front:after,.coin-tip-button .coin__back:after{border-radius:50%;box-sizing:border-box;height:100%;left:0;position:absolute;width:100%;z-index:3}
.coin-tip-button .coin__front{background:radial-gradient(circle at 50% 50%,transparent 50%,rgba(115,124,153,.4) 54%,#c2cadf 54%),linear-gradient(210deg,#8590b3 32%,transparent 32%),linear-gradient(150deg,#8590b3 32%,transparent 32%),linear-gradient(to right,#8590b3 22%,transparent 22%,transparent 78%,#8590b3 78%),linear-gradient(to bottom,#fcfaf9 44%,transparent 44%,transparent 65%,#fcfaf9 65%,#fcfaf9 71%,#8590b3 71%),linear-gradient(to right,transparent 28%,#fcfaf9 28%,#fcfaf9 34%,#8590b3 34%,#8590b3 40%,#fcfaf9 40%,#fcfaf9 47%,#8590b3 47%,#8590b3 53%,#fcfaf9 53%,#fcfaf9 60%,#8590b3 60%,#8590b3 66%,#fcfaf9 66%,#fcfaf9 72%,transparent 72%);background-color:#8590b3;background-size:100% 100%;transform:translateY(calc(var(--front-y-multiplier) * .3181818182rem / 2)) scaleY(var(--front-scale-multiplier))}
.coin-tip-button .coin__front:before,.coin-tip-button .coin__back:before{display:none}
.coin-tip-button .coin__front,.coin-tip-button .coin__back{background:#d9a928!important;border:2px solid #f3d36a}
.coin-tip-button .coin__front:after,.coin-tip-button .coin__back:after,.coin-tip-button .coin:before,.coin-tip-button .coin:after{display:none}
.coin-tip-button .coin__middle{display:none}
.coin-tip-button .coin__front:after{background:rgba(0,0,0,.2);content:"";opacity:var(--front-y-multiplier)}
.coin-tip-button .coin__middle{background:#737c99;transform:translateY(calc(var(--middle-y-multiplier) * .3181818182rem / 2)) scaleY(var(--middle-scale-multiplier))}
.coin-tip-button .coin__back{background:radial-gradient(circle at 50% 50%,transparent 50%,rgba(115,124,153,.4) 54%,#c2cadf 54%),radial-gradient(circle at 50% 40%,#fcfaf9 23%,transparent 23%),radial-gradient(circle at 50% 100%,#fcfaf9 35%,transparent 35%);background-color:#8590b3;background-size:100% 100%;transform:translateY(calc(var(--back-y-multiplier) * .3181818182rem / 2)) scaleY(var(--back-scale-multiplier))}
.coin-tip-button .coin__back:after{background:rgba(0,0,0,.2);content:"";opacity:var(--back-y-multiplier)}
.coin-tip-button .coin:before{background:radial-gradient(circle at 25% 65%,transparent 50%,rgba(255,255,255,.9) 90%),linear-gradient(55deg,transparent calc(var(--shine-bg-multiplier) + 0%),#e9f4ff calc(var(--shine-bg-multiplier) + 0%),transparent calc(var(--shine-bg-multiplier) + 50%));content:"";opacity:var(--shine-opacity-multiplier);transform:translateY(calc(var(--middle-y-multiplier) * .3181818182rem / -2)) scaleY(var(--middle-scale-multiplier)) rotate(calc(var(--coin-rotation-multiplier) * 1deg));z-index:10}
.coin-tip-button .coin:after{background:#737c99;content:"";height:.3181818182rem;left:0;position:absolute;top:50%;transform:translateY(-50%);width:100%;z-index:2}
.coin-tip-button .coin{opacity:0}
.coin-tip-button.is-flipping .coin{opacity:1}
@keyframes coin-tip-shake{0%{transform:rotate(4deg)}66%{transform:rotate(-4deg)}100%{transform:rotate(0)}}
@media(max-width:700px){.coin-tip-button{margin-bottom:-3rem}.coin-tip-button .coin-wrapper{height:15rem}}
.support-page .support-list article:not(:first-child){grid-template-columns:1fr 26px}.support-page .support-list article:not(:first-child) .support-number{display:none}