:root{--green:#155d50;--ink:#203b34;--paper:#fbfaf4;--line:#d6dfcf}*{box-sizing:border-box}body{margin:0;background:var(--paper);font:16px/1.65 system-ui,sans-serif;color:var(--ink)}a{color:var(--green);text-underline-offset:4px}a:focus-visible{outline:3px solid #b48620;outline-offset:5px}.skip{position:absolute;top:-100px}.skip:focus{top:10px;left:10px;background:white;padding:10px;z-index:10}header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 5vw;border-bottom:1px solid var(--line)}.brand{font-size:13px;letter-spacing:1px;text-decoration:none;color:var(--ink)}.brand small{display:block;font-size:8px;letter-spacing:2px;margin-top:4px}nav{display:flex;gap:24px;font-size:13px}main{max-width:1300px;margin:auto;padding:0 5vw}.donation-hero{display:grid;grid-template-columns:1.5fr 1fr;gap:70px;padding:65px 0 50px;align-items:center}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.6px;color:var(--green)}h1,h2{font-family:Georgia,serif;font-weight:400;line-height:1.08}h1{font-size:clamp(42px,5vw,67px);letter-spacing:-1.5px;margin:18px 0 25px}h2{font-size:36px}.lead{max-width:610px;font-size:18px;color:#526956;margin-bottom:28px}.donate-button{display:inline-flex;background:var(--green);color:white;border-radius:9px;text-decoration:none;padding:15px 23px;font-weight:700;font-size:16px}.donate-button:hover{background:#0e493e}.handoff{font-size:12px;max-width:490px;color:#536956;margin-top:17px}aside{border-radius:22px 22px 75px 22px;padding:32px;background:#e6edda}aside>span{font-size:65px;color:#789a3b;line-height:1}aside h2{font-size:41px;margin:25px 0 20px}.small{font-size:12px;color:#536956;margin-top:25px}.how{padding:25px 0 50px;border-top:1px solid var(--line);max-width:800px}.how h2{font-size:29px}.how li{margin:12px 0}.how p{font-size:13px;color:#536956;margin-bottom:23px}footer{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap;padding:27px 5vw;background:#203b34;color:white;font-size:12px}footer a{color:white}@media(max-width:800px){.donation-hero{grid-template-columns:1fr;gap:30px;padding-top:30px}aside{padding:28px}aside h2{font-size:33px}aside>span{float:right}.lead{font-size:16px}header{align-items:flex-start}nav{flex-direction:column;gap:5px;font-size:11px;text-align:right}h1{font-size:44px}.how h2{font-size:28px}}
