.hero--about .hero__panel--about {
  max-width: 760px;
}

.section--about-intro {
  padding-top: calc(var(--space-20));
}

.about-intro-grid {
  align-items: center;
}

.about-intro-media {
  display: flex;
  justify-content: center;
}

.about-image-card {
  padding: var(--space-4);
}

.about-image-caption {
  margin-top: var(--space-3);
  font-size: var(--font-size-sm);
  color: var(--color-text-soft);
}

.about-notice {
  margin-top: var(--space-4);
}

.mission-grid {
  align-items: center;
}

.mission-pills {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin-top: var(--space-4);
}

.mission-card-wrap {
  display: flex;
}

.mission-steps {
  margin-top: var(--space-4);
}

.experience-grid {
  align-items: flex-start;
}

.experience-highlights {
  margin-top: var(--space-4);
}

.experience-list {
  margin-top: var(--space-3);
  font-size: var(--font-size-sm);
  color: var(--color-text-soft);
}

.experience-list li + li {
  margin-top: var(--space-1);
}

.experience-organic-wrap {
  position: relative;
  min-height: 260px;
}

.experience-shape {
  position: absolute;
  inset: 10% 5%;
}

.team-container {
  max-width: 1040px;
}

.team-grid {
  align-items: center;
  margin-top: var(--space-8);
}

.team-text-card {
  height: 100%;
}

.team-image-card {
  padding: var(--space-4);
}

.atmosphere-grid {
  align-items: center;
}

.atmosphere-image-card {
  padding: var(--space-4);
}

.why-us-grid {
  align-items: stretch;
}

.why-us-cta p {
  max-width: 32rem;
  margin-inline: auto;
}

@media (max-width: 900px) {
  .section--about-intro {
    padding-top: var(--space-14);
  }

  .team-grid,
  .about-intro-grid,
  .mission-grid,
  .experience-grid,
  .atmosphere-grid {
    gap: var(--space-6);
  }

  .experience-organic-wrap {
    display: none;
  }
}