@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Prata&display=swap";
:root{--ink:#1d2a2f;--muted:#6f7778;--teal:#347783;--teal2:#5d9ba5;--paper:#f4f2ed;--card:#fbfaf7;--line:#deded9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Manrope,Arial,sans-serif;font-size:14px}.wrap{width:min(1180px,100% - 64px);margin-inline:auto}a{color:inherit;text-decoration:none}h1,h2{font-family:Prata,Georgia,serif;font-weight:400}h2{margin:0 0 24px;font-size:25px}.hero{color:#fff;height:590px;position:relative;overflow:hidden}.heroImage{object-fit:cover;z-index:0}.heroShade{z-index:1;background:linear-gradient(90deg,#0d1d22db 0%,#0d1d227a 49%,#0d1d221f 80%),linear-gradient(#07141873,#0000 28%);position:absolute;inset:0}.nav{z-index:2;align-items:center;gap:38px;height:92px;display:flex;position:relative}.brand{align-items:center;gap:10px;font:30px Prata,serif;display:flex}.brand img{object-fit:contain;filter:brightness(0)invert();opacity:.94}.nav nav{gap:31px;margin-left:auto;font-size:13px;display:flex}.nav nav a:hover{color:#a7d5dc}.button{border-radius:28px;justify-content:center;align-items:center;gap:8px;padding:13px 24px;font-weight:600;transition:all .2s;display:inline-flex}.donate{background:var(--teal2);color:#fff}.nav .donate{margin-left:10px}.heroCopy{z-index:2;padding-top:58px;position:relative}.eyebrow{letter-spacing:.18em;font-size:11px;font-weight:700}.heroCopy h1{margin:18px 0 19px;font-size:52px;line-height:1.14}.heroCopy>p:not(.eyebrow){color:#edf0f0;width:480px;font-size:16px;line-height:1.65}.actions{gap:15px;margin-top:31px;display:flex}.ghost{border:1px solid #ffffffa6}.dashboard{z-index:3;background:#fffffff5;border-radius:14px;grid-template-columns:1fr 1fr 1fr 1.25fr;margin-top:-61px;padding:24px 26px;display:grid;position:relative;box-shadow:0 14px 42px #222d2d17}.metric{border-right:1px solid var(--line);flex-direction:column;gap:8px;padding:6px 30px;display:flex}.metric small,.metric span,.animalBody span{color:var(--muted);font-size:11px}.metric strong{font:29px Prata,serif}.metric b{font-size:12px;font-weight:500}.bar{background:#deded9;border-radius:8px;height:7px;overflow:hidden}.bar i{background:linear-gradient(90deg,var(--teal),var(--teal2));border-radius:8px;height:100%;display:block}.income{padding-left:30px;font-size:11px}.income>p{grid-template-columns:1fr 45px 38px;margin:9px 0;display:grid}.income time{color:var(--muted)}.income>a,.ledger>a,.sectionHead a{color:var(--teal);font-weight:700}.funds{grid-template-columns:260px 1fr;gap:38px;padding:66px 0 46px;display:grid}.sectionIntro p{color:var(--muted);line-height:1.65}.teal{color:var(--teal)!important}.outline{border:1px solid var(--teal);color:var(--teal);border-radius:6px;margin-top:12px;padding:10px 18px;font-weight:600;display:inline-block}.categoryGrid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.category{background:var(--card);border:1px solid #e9e7e2;border-radius:14px;padding:25px 23px;box-shadow:0 8px 25px #242a280a}.category em{color:var(--teal);font-size:28px;font-style:normal}.category h3{height:36px;font-size:14px;font-weight:500}.category strong{margin-bottom:12px;font:20px Prata,serif;display:block}.category span{font-size:12px}.activity{grid-template-columns:.7fr 1.3fr;gap:18px;padding-bottom:58px;display:grid}.ledger,.needs{background:var(--card);border:1px solid #e7e5df;border-radius:13px;padding:25px}.ledger h2,.needs h2{font-size:20px}.row{border-top:1px solid #e6e4df;grid-template-columns:38px 1fr auto;align-items:center;padding:12px 0;display:grid}.row i{width:31px;height:31px;color:var(--teal);background:#f0efeb;border-radius:50%;place-items:center;font-style:normal;display:grid}.row span{flex-direction:column;gap:3px;display:flex}.row small{color:var(--muted)}.row strong{font-size:13px}.sectionHead{justify-content:space-between;display:flex}.animalGrid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.animal{background:#fff;border:1px solid #e3e1db;border-radius:10px;overflow:hidden}.animalPhoto{background:linear-gradient(145deg,#d5c4aa,#6d746d);place-items:center;height:128px;font-size:72px;display:grid}.animalBody{padding:15px}.animalBody h3{margin:5px 0;font:18px Prata,serif}.animalBody p{height:48px;font-size:11px;line-height:1.5}.animalBody strong{margin:3px 0 9px;font:17px Prata,serif;display:block}.animalBody .bar{height:5px}.cta{text-align:center;background:var(--teal);color:#fff;padding:62px 0}.cta h2{margin:17px 0;font-size:34px}.cta p{color:#dbe8ea}.light{color:var(--teal);background:#fff;margin-top:12px}footer{color:#d9e0e0;background:#1c3036;padding:45px 0 20px}.footerGrid{grid-template-columns:1.5fr repeat(3,1fr);gap:40px;display:grid}.footerGrid h3{color:#fff;font-size:13px}.footerGrid p{font-size:12px;line-height:2}.copyright{color:#93a2a5;border-top:1px solid #34484d;justify-content:space-between;margin-top:25px;padding-top:15px;font-size:10px;display:flex}@media (max-width:900px){.nav nav{display:none}.nav .donate{margin-left:auto}.dashboard{grid-template-columns:1fr 1fr}.metric:nth-child(2){border-right:0}.income{padding:18px 30px}.funds{grid-template-columns:1fr}.categoryGrid{grid-template-columns:1fr 1fr}.activity{grid-template-columns:1fr}.footerGrid{grid-template-columns:1fr 1fr}.heroCopy h1{font-size:42px}}@media (max-width:600px){.wrap{width:min(100% - 32px,1180px)}.hero{height:650px}.nav{height:76px}.brand span{font-size:25px}.nav .donate{padding:11px 14px}.nav .donate span{display:none}.heroCopy{padding-top:82px}.heroCopy h1{font-size:36px}.heroCopy>p:not(.eyebrow){width:auto}.dashboard{grid-template-columns:1fr;margin-top:-45px}.metric{border-right:0;border-bottom:1px solid var(--line);padding:18px 10px}.income{padding:18px 10px}.categoryGrid,.animalGrid{grid-template-columns:1fr 1fr}.animalGrid .animal:last-child{display:none}.funds{padding-top:48px}.footerGrid{grid-template-columns:1fr}.copyright{flex-direction:column;gap:12px}.cta h2{font-size:28px}}.animalPhoto{position:relative;overflow:hidden}.animalPhoto img{object-fit:cover}.languages{gap:4px;font-size:10px;display:flex}.languages a{opacity:.65;border-radius:4px;padding:4px 6px}.languages a.active{opacity:1;background:#ffffff2e}.petNav .languages a.active{color:#285f68;background:#e6efee}
