.about-us-page .container {
  width: min(1180px, calc(100% - 48px));
  margin: 0 auto;
}

.about-us-page .page-hero {
  padding: 100px 0 76px;
  border-bottom: 1px solid rgba(58, 59, 52, 0.14);
  background: radial-gradient(circle at 88% 20%, rgba(72, 142, 173, 0.15), transparent 20rem);
}

.about-us-page .page-hero h1 {
  color: var(--charcoal-brown);
  text-shadow: none;
}

.about-us-page .section {
  padding: 76px 0;
  border-top-color: rgba(58, 59, 52, 0.14);
}

.about-us-page .section-sub {
  max-width: 680px;
  line-height: 1.7;
}

.about-us-page .cards-grid,
.about-us-page .tab-content {
  box-shadow: none;
}

.about-us-page .tab-content {
  border: 0;
  background: transparent;
  padding-left: 0;
  padding-right: 0;
}

.about-us-page .person-card:hover,
.about-us-page .person-card:hover,
.about-us-page .person-card:focus-within {
  box-shadow: none !important;
  background: var(--navy) !important;
  transform: translateY(-3px);
}

.about-us-page .people-grid {
  gap: 18px;
}

.about-us-page .person-card {
  min-width: 0;
  padding: 30px 26px;
}

.about-us-page .person-card h4,
.about-us-page .person-title,
.about-us-page .person-desc {
  overflow-wrap: anywhere;
}

.about-us-page .directors-grid {
  grid-template-columns: minmax(0, 1fr);
}

.about-us-page .directors-grid .person-card {
  width: 100%;
}