/* Home page. Builds on base.css tokens. */
main{padding-top:0}
.hero{background:var(--tint);border-bottom:1px solid var(--line);padding:1.5rem 0 2rem}
.hero-grid{display:grid;gap:1.5rem;align-items:center}
.hero h1{font-size:1.9rem;margin-top:.4em}
.lead{font-size:1.1rem}
.cta{display:flex;flex-wrap:wrap;gap:.75rem}
.hero-img{width:100%;max-width:30rem;justify-self:center}
.fig{font-size:1.8rem;font-weight:700;color:var(--green);margin:.2rem 0}
.card ol{padding-left:1.2rem;margin:.5rem 0}
.map-teaser{display:block;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--card)}
.map-teaser img{display:block;width:100%}
.band{background:var(--green);color:#fff;padding:2rem 0;margin-top:2rem}
.band h2{color:#fff;margin-top:0}
.band a:not(.btn){color:#fff}
.band .btn:not(.btn-accent){background:#fff;border-color:#fff;color:var(--green)}
.band :focus-visible{outline-color:#fff;box-shadow:0 0 0 5px var(--green-2)}
@media(min-width:48em){
.hero-grid{grid-template-columns:1.2fr 1fr}
.hero h1{font-size:2.5rem}
}