/* impact band: deep teal on a mountain ridge, stats with ringed icons */
.band-impact{background:var(--deep);color:#fff;margin-top:clamp(56px,8vw,112px);padding:clamp(64px,8vw,104px) 0}
.band-impact{position:relative;isolation:isolate;overflow:hidden}
.band-impact .band-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%;z-index:-2}
/* tint: solid at the top so the photo melts into the ridge silhouette */
.band-impact::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(10,42,92,.82) 0%,rgba(10,42,92,.66) 50%,rgba(10,42,92,.86) 100%)}
.impact-head{text-align:center;max-width:720px;margin:0 auto 44px}
.impact-head h2{color:#fff}
.impact-head p{margin-top:12px;color:rgba(255,255,255,.75)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.stat{display:flex;gap:16px;align-items:center}
.stat .ring{flex:none;width:68px;height:68px;border-radius:50%;border:1.5px solid rgba(255,255,255,.45);display:grid;place-items:center;color:#fff}
.stat .ring svg{width:30px;height:30px}
.stat b{white-space:nowrap;font-size:clamp(28px,2.6vw,40px);font-weight:700;letter-spacing:-.02em;display:block;color:#fff;line-height:1.05}
.stat span{font-size:14px;color:rgba(255,255,255,.75)}
@media (max-width:1100px){
  .stats{grid-template-columns:1fr 1fr}
}
@media (max-width:720px){
  .stats{grid-template-columns:1fr}
}