.page-about main {
  position: relative;
  z-index: 1;
}

.hero-about {
  padding-top: var(--space-3xl);
}

.hero-about .hero-inner {
  align-items: center;
}

.hero-about .hero-copy {
  max-width: 40rem;
}

.hero-about .hero-subtext {
  margin-top: var(--space-sm);
  color: var(--color-text-soft);
}

.hero-about .hero-cta {
  margin-top: var(--space-lg);
}

.hero-about .hero-meta {
  margin-top: var(--space-md);
}

.hero-card-about {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
  padding: var(--space-md);
  border-radius: var(--radius-xl);
}

.hero-card-media {
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-strong);
}

.hero-card-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hero-card-overlay {
  margin-top: var(--space-md);
}

.hero-card-about .hero-card-grid {
  gap: var(--space-lg);
}

.hero-card-stats {
  border-radius: var(--radius-md);
  padding: var(--space-md);
  background: radial-gradient(circle at 0 0, rgba(240, 169, 74, 0.18), transparent 55%), linear-gradient(145deg, rgba(10, 12, 18, 0.96), rgba(18, 22, 32, 0.96));
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.hero-card-about .hero-card-footer {
  margin-top: var(--space-lg);
}

.section-mission {
  background: radial-gradient(circle at 0 0, rgba(240, 169, 74, 0.08), transparent 55%), linear-gradient(to bottom, rgba(5, 6, 8, 0.98), rgba(5, 6, 8, 0.96));
}

.mission-layout {
  gap: var(--space-2xl);
}

.mission-copy {
  padding-right: var(--space-md);
}

.mission-list {
  margin-top: var(--space-md);
  padding-left: 1.2rem;
  list-style: disc;
}

.mission-list li {
  color: var(--color-text-soft);
}

.mission-list li + li {
  margin-top: 0.25rem;
}

.mission-card {
  max-width: 26rem;
  margin-inline: auto;
}

.mission-pillars {
  display: grid;
  gap: var(--space-md);
}

.mission-pillar h4 {
  font-size: var(--font-size-md);
  margin-bottom: var(--space-xs);
}

.mission-pillar p {
  font-size: var(--font-size-sm);
}

.section-unique {
  position: relative;
}

.section-header-unique {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
  align-items: flex-start;
}

.section-header-unique .section-header-text {
  max-width: 40rem;
}

.section-header-chips {
  margin-top: var(--space-xs);
}

.unique-grid {
  margin-top: var(--space-xl);
  gap: var(--space-2xl);
}

.unique-media-frame {
  position: relative;
  overflow: hidden;
}

.unique-media-frame img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: calc(var(--radius-card) - 4px);
}

.unique-media-overlay {
  position: absolute;
  inset: auto var(--space-md) var(--space-md) var(--space-md);
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
  padding: var(--space-sm) var(--space-md);
  border-radius: var(--radius-md);
  background: linear-gradient(135deg, rgba(5, 6, 8, 0.9), rgba(5, 6, 8, 0.8));
  border: 1px solid rgba(255, 255, 255, 0.16);
  box-shadow: var(--shadow-soft);
}

.unique-media-note {
  font-size: var(--font-size-xs);
  color: var(--color-text-soft);
}

.unique-features {
  align-self: stretch;
}

.unique-feature-grid {
  align-items: stretch;
}

.unique-feature {
  height: 100%;
}

.unique-feature h3 {
  margin-bottom: var(--space-xs);
}

.unique-feature p {
  font-size: var(--font-size-sm);
}

.section-team {
  background: radial-gradient(circle at 100% 0, rgba(217, 76, 76, 0.12), transparent 55%), linear-gradient(to bottom, rgba(5, 6, 8, 0.98), rgba(5, 6, 8, 0.96));
}

.team-grid {
  gap: var(--space-2xl);
}

.team-media {
  max-width: 34rem;
  margin-inline: auto;
}

.team-photo {
  position: relative;
  overflow: hidden;
}

.team-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: calc(var(--radius-card) - 4px);
}

.team-photo-overlay {
  position: absolute;
  left: var(--space-md);
  bottom: var(--space-md);
}

.team-card {
  height: 100%;
}

.team-highlights {
  margin-top: var(--space-md);
}

.team-cta {
  margin-top: var(--space-md);
}

.section-audience {
  position: relative;
}

.audience-card {
  margin-top: var(--space-xl);
}

.audience-grid {
  gap: var(--space-xl);
}

.audience-column h3 {
  margin-bottom: var(--space-sm);
}

.audience-column ul {
  padding-left: 1.2rem;
  list-style: disc;
}

.audience-column li {
  font-size: var(--font-size-sm);
}

.audience-column li + li {
  margin-top: 0.25rem;
}

.audience-footer {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}

.audience-cta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-sm);
}

@media (max-width: 959.98px) {
  .hero-about {
    padding-top: var(--space-2xl);
  }

  .hero-card-about {
    margin-top: var(--space-lg);
  }

  .mission-copy {
    padding-right: 0;
  }

  .mission-card {
    max-width: 100%;
  }

  .section-header-unique {
    align-items: flex-start;
  }

  .unique-media-overlay {
    inset: auto var(--space-sm) var(--space-sm) var(--space-sm);
  }

  .team-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (min-width: 960px) {
  .hero-about .hero-copy {
    padding-right: var(--space-xl);
  }

  .mission-card {
    margin-inline: 0;
  }

  .section-header-unique {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
  }

  .team-media {
    max-width: none;
  }

  .audience-footer {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}

@media (min-width: 1200px) {
  .hero-card-about {
    padding: var(--space-xl);
  }

  .unique-media-overlay {
    max-width: 28rem;
  }
}