/* ==========================================================================
   Launch Labs — Section: "Your Website Team"
   A confident standalone team moment — even padding on all sides gives it
   clean, deliberate black space before the next section, rather than
   crowding straight into whatever follows (.ethos, previously stacked
   directly beneath it, has been retired — see index.html).
   ========================================================================== */

.team-intro {
  --ink: #FFFFFF;
  --ink-muted: rgba(255, 255, 255, 0.66);
  --ink-faint: rgba(255, 255, 255, 0.45);
  --hairline: rgba(255, 255, 255, 0.10);
  --contrast: #D92632;

  background: #010202;
  color: var(--ink);
  padding: clamp(6rem, 13vw, 10rem) clamp(1.5rem, 4vw, 4rem);
}

.team-intro__inner {
  max-width: 46rem;
  margin: 0 auto;
  text-align: center;
}

.team-intro__eyebrow {
  font-family: 'Hanken Grotesk', sans-serif;
  font-size: 0.9375rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--contrast);
}

.team-intro__heading {
  margin-top: 1rem;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: clamp(2rem, 4.4vh, 3.4rem);
  font-weight: 700;
  line-height: 1.18;
  letter-spacing: -0.02em;
  color: var(--ink);
}

/* ==========================================================================
   People — five equal columns in a single row
   ========================================================================== */
.team-intro__people {
  margin: clamp(3.5rem, 7vw, 5.5rem) auto 0;
  max-width: 64rem;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: clamp(1rem, 2.5vw, 1.75rem);
}

.team-intro__person {
  text-align: center;
}

.team-intro__photo {
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  object-fit: cover;
}

.team-intro__name {
  margin-top: 1rem;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: var(--ink);
}

.team-intro__role {
  margin-top: 0.25rem;
  font-size: 0.8125rem;
  color: var(--ink-muted);
}

@media (max-width: 40rem) {
  .team-intro__people {
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem clamp(1rem, 4vw, 1.75rem);
  }
}

/* ==========================================================================
   Closing statement
   ========================================================================== */
.team-intro__statement {
  margin: clamp(3rem, 6vw, 4.5rem) auto 0;
  max-width: 38rem;
  text-align: center;
  font-size: 1.0625rem;
  line-height: 1.5;
  color: var(--ink-muted);
}