.impact-page{
  padding: 0;
}

.impact-hero{
  position: relative;
  padding: clamp(3.5rem, 6vw, 6rem) 1rem;
  background: radial-gradient(1000px 500px at 20% 10%, rgba(176,141,85,0.18), rgba(0,0,0,0) 60%),
              linear-gradient(135deg, rgba(0,0,0,0.88), rgba(18,24,38,0.92)),
              url('../images/foundation.jpg');
  background-size: auto, auto, cover;
  background-position: center, center, center;
  background-repeat: no-repeat;
  color: #fff;
  overflow: hidden;
}

.impact-hero-inner{
  max-width: 1100px;
  margin: 0 auto;
}

.impact-hero h1{
  font-size: clamp(2.5rem, 4.5vw, 4.2rem);
  line-height: 1.06;
  margin: 0 0 0.75rem;
  color: #fff;
}

.impact-hero-sub{
  margin: 0;
  font-size: 1.1rem;
  color: rgba(255,255,255,0.86);
  max-width: 55ch;
}

.impact-wrap{
  max-width: 1100px;
  margin: 0 auto;
  padding: 2.75rem 1rem 5rem;
}

.impact-card{
  background: #fff;
  border: 1px solid rgba(15,23,42,0.08);
  border-radius: 18px;
  padding: 1.5rem;
  box-shadow: 0 14px 36px rgba(15,23,42,0.06);
}

.impact-card h2{
  font-size: 2rem;
  margin: 0 0 0.75rem;
  color: var(--brand-primary);
}

.impact-card p{
  margin: 0.6rem 0;
  color: #475569;
  line-height: 1.75;
  font-size: 1.05rem;
}

.impact-card ul{
  margin: 0.75rem 0 0;
  padding-left: 1.1rem;
  color: #0f172a;
}

.impact-card li{
  margin: 0.35rem 0;
  color: #0f172a;
}

.impact-divider{
  height: 1px;
  background: linear-gradient(90deg, rgba(15,23,42,0), rgba(15,23,42,0.14), rgba(15,23,42,0));
  margin: 1.15rem 0;
}

.impact-actions{
  margin-top: 1.1rem;
}

@media (min-width: 768px){
  .impact-card{ padding: 2rem; }
  .impact-divider{ margin: 1.35rem 0; }
}