@media (max-width: 1100px) {
  .about-page-grid {
    grid-template-columns: 1fr;
    gap: 1.8rem;
  }

  .about-page-sticky {
    position: relative;
    top: auto;
  }

  .about-page-metrics-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

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

@media (max-width: 768px) {
  .about-page-section {
    padding: 0.5rem 0 4.5rem;
  }

  .about-page-intro-lead {
    font-size: 1.55rem;
    line-height: 1.62;
    margin-bottom: 1.25rem;
  }

  .about-page-content p {
    font-size: 1rem;
    line-height: 1.85;
  }

  .about-page-metric-card {
    min-height: 190px;
  }

  .about-team-section {
    padding: 0 0 4.5rem;
  }

  .about-team-heading {
    margin-bottom: 1.7rem;
  }

  .about-team-heading h2 {
    font-size: clamp(1.8rem, 6vw, 2.4rem);
  }
}

@media (max-width: 640px) {
  .about-page-intro-lead {
    font-size: 1.32rem;
    line-height: 1.65;
  }

  .about-page-content p {
    font-size: 0.98rem;
    line-height: 1.8;
  }

  .about-page-metrics-grid {
    grid-template-columns: 1fr;
  }

  .about-page-metric-card {
    min-height: 180px;
    padding: 1.15rem;
  }

  .about-team-grid {
    grid-template-columns: 1fr;
  }

  .about-team-card__image {
    aspect-ratio: 1 / 1;
  }

  .about-team-card__body h3 {
    font-size: 1.16rem;
  }

  .about-team-card__body p {
    font-size: 0.95rem;
  }
}

@media (max-width: 480px) {
  .about-page-section {
    padding: 0.25rem 0 4rem;
  }

  .about-page-intro-lead {
    font-size: 1.16rem;
    line-height: 1.62;
  }

  .about-page-content p {
    font-size: 0.95rem;
    line-height: 1.75;
  }

  .about-page-metric-card {
    min-height: 168px;
  }

  .about-page-metric-card__icon {
    width: 54px;
    height: 54px;
    border-radius: 16px;
    font-size: 1rem;
  }

  .about-team-section {
    padding: 0 0 4rem;
  }

  .about-team-card {
    border-radius: 24px;
  }

  .about-team-card__body {
    padding: 1.05rem;
  }
}