.about-page {
  font-family: "Albert Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background-color: #f5f7fb;
}

.about-page .navbar-brand span {
  font-family: "ABeeZee", sans-serif;
  letter-spacing: .04em;
}

.about-page .hero {
  position: relative;
  background: linear-gradient(rgba(6, 32, 73, 0.72), rgba(6, 32, 73, 0.85)), url("../../assets/img/water.jpg?h=ee2a6966df9a7b067c5195f83530eb6a") center/cover no-repeat;
  color: #fff;
  padding: 4rem 1rem;
}

.about-page .hero .badge-lake {
  background-color: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

.about-page .hero-title {
  font-size: clamp(2.3rem, 3vw + 1rem, 3.2rem);
  font-weight: 700;
}

.about-page .hero-subtitle {
  max-width: 720px;
}

.about-page .section-card {
  border-radius: 1rem;
  border: none;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.08);
  background: #ffffff;
}

.about-page .section-card h2 {
  font-size: 1.5rem;
  margin-bottom: .75rem;
}

.about-page .section-card p:last-child {
  margin-bottom: 0;
}

.about-page .pill-list li::marker {
  color: #0d6efd;
}

.about-page .pill-list li {
  margin-bottom: .35rem;
}

.about-page .lead-small {
  font-size: 1.02rem;
}

@media (max-width:575.98px) {
  .about-page .hero {
    padding: 3.5rem 1.25rem;
  }
}