*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font:17px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#1d2a23;background:#f6f4ee}
a{color:#1f6b46}
.wrap{max-width:1080px;margin:0 auto;padding:0 18px}
.ic{width:22px;height:22px;flex:none;vertical-align:middle}
.brand{font-weight:800;font-size:20px;color:#fff;text-decoration:none}
.brand span{color:#f5b335}
header.top{background:#1d3f2e;padding:14px 0}
.btn{display:inline-block;background:#f39a1e;color:#1a1a1a;font-weight:800;text-decoration:none;padding:15px 22px;border-radius:8px;font-size:18px;box-shadow:0 4px 14px rgba(0,0,0,.25)}
.btn:hover,.btn:focus{background:#ffae3d}
.btn-sm{padding:11px 16px;font-size:16px;box-shadow:none}
/* hero */
.hero{position:relative;color:#fff;overflow:hidden;background:#1d3f2e;min-height:560px;display:flex}
.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 40%}
.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,30,22,.55) 0%,rgba(14,30,22,.72) 45%,rgba(14,30,22,.92) 100%)}
.hero-in{position:relative;padding-top:18px;padding-bottom:40px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;width:100%}
.hero .brand{position:absolute;top:18px}
.kicker{margin:90px 0 8px;font-size:14px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#f5b335}
.hero h1{font-size:34px;line-height:1.12;margin:0 0 12px;max-width:16em;text-shadow:0 2px 12px rgba(0,0,0,.4)}
.lede{font-size:20px;margin:0 0 22px;color:#eef3ef;max-width:30em}
.small{font-size:15px;color:#d5e0d9;margin:12px 0 0}
/* stats */
.stats{background:#1d3f2e;color:#fff;padding:22px 0 18px}
.stats ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.stats li{border-left:3px solid #f5b335;padding:2px 0 2px 12px}
.stats b{display:block;font-size:34px;line-height:1.05;font-weight:800;color:#fff}
.stats span{display:block;font-size:14px;color:#c8d8cf;line-height:1.3}
.asof{margin:12px 0 0;font-size:12px;color:#9fb6a9}
/* sections */
section{padding:36px 0}
h2{font-size:27px;line-height:1.2;margin:0 0 6px;color:#1d3f2e}
.sub{margin:0 0 18px;color:#56645c;font-size:15px}
/* grant cards */
.grid{display:grid;gap:14px}
.g{display:flex;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.06),0 4px 14px rgba(0,0,0,.06)}
.due{flex:none;width:92px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;padding:12px 6px}
.due b{font-size:40px;line-height:1;font-weight:800}
.due span{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.4px}
.due em{font-style:normal;font-size:13px;margin-top:6px;opacity:.95;background:rgba(0,0,0,.18);border-radius:4px;padding:2px 6px}
.hot .due{background:#b8321f}.warm .due{background:#c76a0b}.cool .due{background:#2f7a4f}
.body{padding:14px 16px;min-width:0}
.cat{margin:0;font-size:13px;font-weight:700;color:#56645c;text-transform:uppercase;letter-spacing:.4px;display:flex;align-items:center;gap:6px}
.cat .ic{width:18px;height:18px;color:#1d3f2e}
.hot .cat .ic{color:#b8321f}
.g h3{margin:4px 0 2px;font-size:18px;line-height:1.25}
.amt{margin:0;font-size:28px;font-weight:800;color:#1d3f2e;line-height:1.15}
.who{margin:4px 0 8px;font-size:15px;color:#3b4a42;line-height:1.4}
.go{font-size:15px;font-weight:700;text-decoration:none}
.go:hover{text-decoration:underline}
.more{flex-direction:column;justify-content:center;align-items:flex-start;padding:18px;background:#fbefd8;box-shadow:none;border:2px dashed #e2c48a}
.more p{margin:0 0 12px;font-size:16px}.more b{font-size:22px;color:#1d3f2e}
/* ready */
.ready{background:#ecebe3}
.rows{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.rows li{display:flex;align-items:center;gap:12px;background:#fff;border-radius:8px;padding:10px 14px}
.rows .ic{color:#6e7a72}
.rows div{flex:1;min-width:0}
.rows b{display:block;font-size:16px;line-height:1.3}
.rows span{display:block;font-size:14px;color:#56645c;line-height:1.35}
.rows a{font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap}
/* how */
.steps{list-style:none;margin:16px 0 22px;padding:0;display:grid;gap:12px;counter-reset:s}
.steps li{position:relative;background:#fff;border-radius:10px;padding:16px 16px 16px 66px;box-shadow:0 1px 2px rgba(0,0,0,.06)}
.steps .ic{position:absolute;left:16px;top:16px;width:36px;height:36px;padding:7px;border-radius:50%;background:#1d3f2e;color:#f5b335}
.steps b{display:block;font-size:18px}
.steps span{font-size:15px;color:#56645c}
.for{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.for li{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid #d9dccf;border-radius:999px;padding:6px 12px 6px 8px;font-size:15px}
.for .ic{width:18px;height:18px;color:#1d3f2e}
/* cta */
.cta{background:#1d3f2e;color:#fff;text-align:center;padding:44px 0}
.cta h2{color:#fff;font-size:30px}
.cta p{max-width:34em;margin:0 auto 20px;color:#dfe8e2}
.cta .fine{margin:22px auto 0;font-size:13px;color:#a9bfb2}
/* footer */
footer{background:#132a1f;color:#c4d3ca;font-size:14px;padding:24px 0 34px}
footer a{color:#f5b335}footer p{margin:6px 0}
footer .credit{font-size:12px;color:#93a99c;margin-top:14px}
/* unsubscribe page */
h1.page{color:#1d3f2e;font-size:30px;margin:0 0 14px}
@media(min-width:720px){
.hero{min-height:620px}
.hero h1{font-size:54px}
.lede{font-size:22px}
.kicker{margin-top:120px}
.hero-in{padding-bottom:64px}
.stats ul{grid-template-columns:repeat(4,1fr)}
.stats b{font-size:44px}
.grid{grid-template-columns:repeat(3,1fr)}
.g{flex-direction:column}
.due{width:auto;flex-direction:row;gap:8px;justify-content:flex-start;padding:12px 16px}
.due b{font-size:36px}
.due em{margin:0 0 0 auto}
.rows{grid-template-columns:1fr 1fr}
.steps{grid-template-columns:repeat(3,1fr)}
}