.hero--about {
  background: radial-gradient(circle at top left, var(--color-accent-teal-soft) 0, transparent 55%), radial-gradient(circle at bottom right, var(--color-accent-orange-soft) 0, transparent 55%);
}
.hero__layout {
  align-items: center;
}
.hero__content {
  max-width: 32rem;
}
.hero__badges {
  margin-bottom: var(--space-lg);
}
.hero__visual {
  justify-self: stretch;
}
.hero__media {
  max-width: 520px;
}
.section-header--center {
  text-align: center;
}
.section-header--center .section-header__description {
  margin-left: auto;
  margin-right: auto;
}
.section--about-mission {
  padding-top: var(--space-3xl);
  padding-bottom: var(--space-3xl);
}
.about-mission__grid {
  margin-bottom: var(--space-2xl);
}
.about-mission__card {
  height: 100%;
}
.about-mission__visual-wrap {
  max-width: var(--container-md);
  margin-left: auto;
  margin-right: auto;
}
.about-mission__media {
  border-radius: var(--radius-lg);
  overflow: hidden;
  border: var(--border-width-thin) solid var(--color-border-subtle);
  box-shadow: var(--shadow-crisp);
}
.section--about-expertise {
  padding-top: var(--space-3xl);
  padding-bottom: var(--space-3xl);
}
.about-expertise__layout {
  align-items: center;
}
.about-expertise__content {
  max-width: 36rem;
}
.about-expertise__grid {
  margin-bottom: var(--space-2xl);
}
.about-expertise__item h3 {
  margin-bottom: var(--space-xs);
}
.about-expertise__stats {
  margin-top: var(--space-xl);
  margin-bottom: var(--space-xl);
}
.about-expertise__actions .btn {
  max-width: 100%;
}
.section--about-why {
  padding-top: var(--space-3xl);
  padding-bottom: var(--space-4xl);
}
.about-why__grid {
  margin-bottom: var(--space-2xl);
}
.about-why__card {
  height: 100%;
}
.about-why__list {
  margin: var(--space-md) 0 0;
  padding-left: 1.25rem;
  font-size: var(--text-sm);
  color: var(--color-text-muted);
}
.about-why__list li + li {
  margin-top: var(--space-xs);
}
.about-why__alert {
  margin-top: var(--space-xl);
  margin-bottom: var(--space-2xl);
}
.about-why__cta .btn {
  max-width: 100%;
}
@media (max-width: 1023.98px) {
  .hero--about {
    padding-top: var(--space-3xl);
    padding-bottom: var(--space-2xl);
  }
  .hero__content {
    max-width: none;
  }
}
@media (max-width: 767.98px) {
  .hero__actions,
  .about-expertise__actions .btn-group,
  .about-why__cta .btn-group {
    width: 100%;
  }
  .hero__actions .btn,
  .about-expertise__actions .btn,
  .about-why__cta .btn {
    width: 100%;
  }
  .about-expertise__stats {
    gap: var(--space-lg);
  }
}
@media (max-width: 480px) {
  .hero__media,
  .about-mission__media {
    box-shadow: var(--shadow-soft);
  }
}