/* About page styles */

section#pg-about {
  background: var(--bg);
  color: var(--text);

  h2 {
    font-size: 2.5rem;
  }

  .spec-highlight {
    font-size: var(--medium);
    color: var(--text);
  }

  .team-list {
    display: flex;
    flex-direction: column;
    gap: var(--lg);
    margin: var(--lg) 0;
  }

  .team-member {
    display: flex;
    align-items: flex-start;
    gap: var(--md);
  }

  .team-avatar {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    flex-shrink: 0;
    object-fit: cover;
  }

  .team-member p {
    margin: 0;
    flex: 1;
  }

  /* Responsive */
  @media (max-width: 768px) {
    h2 {
      font-size: var(--h2);
    }

    .spec-highlight {
      font-size: var(--body);
    }

    .team-list {
      gap: var(--md);
    }

    .team-avatar {
      width: 60px;
      height: 60px;
    }
  }

  @media (max-width: 480px) {
    h2 {
      font-size: 1.75rem;
    }
  }

  @media (max-width: 320px) {
    h2 {
      font-size: var(--h3);
    }

    .spec-highlight {
      font-size: 1rem;
    }
  }
}