.about-hero {
  background: linear-gradient(to bottom, #111, #0a0a0a);
  padding: 6rem 1.5rem 4rem;
  text-align: center;
  margin-top: 100px;
}

.hero-sub {
  color: #ccc;
  font-size: 1.2rem;
  max-width: 700px;
  margin: 1rem auto 0;
}

.about-section {
  background: #0d0d0d;
  padding: 4rem 1.5rem;
}

.about-section.alt {
  background: #121212;
}

.about-section h2 {
  font-family: var(--font-primary);
  font-size: 1.5rem;
  color: var(--accent);
  margin-bottom: 1.5rem;
  text-align: center;
}

.about-section p {
  color: #ccc;
  font-size: 1.05rem;
  max-width: 800px;
  margin: 0 auto 1.5rem auto;
  line-height: 1.8;
  text-align: center;
}