/* about: existing family composition and intentional responsive variants. */
.about-team-media {
  position: relative;
  grid-column: 1 / -1;
  overflow: hidden;
  width: 100%;
  max-width: none;
  aspect-ratio: 4 / 5;
  border-radius: var(--fs-radius-lg);
  background: var(--muted);
}

.about-team-video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about-team-video-toggle {
  position: absolute;
  right: var(--fs-space-3);
  bottom: var(--fs-space-3);
  border: 0;
  border-radius: var(--fs-radius-pill);
  padding: var(--fs-space-2) var(--fs-space-4);
  font-size: var(--fs-font-sm);
  font-weight: var(--fs-weight-semibold);
  line-height: var(--fs-line-snug);
  cursor: pointer;
}

.about-team-copy {
  display: flex;
  grid-column: 1 / -1;
  width: 100%;
  max-width: none;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--fs-space-6);
}

.about-intro-copy {
  display: flex;
  max-width: 42rem;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--fs-space-4);
}

.about-intro-copy p {
  margin: 0;
  color: var(--foreground);
  font-size: var(--fs-font-lg);
  line-height: var(--fs-line-relaxed);
}

@media (min-width: 64rem) {

  .about-team-media {
    grid-column: 1 / span 5;
  }

  .about-team-copy {
    grid-column: 6 / -1;
  }}