/* Meet the Bloom Team only, linked after meet-team-20261002.css from
   src/pages/meet-the-bloom-team.astro. Every rule is scoped to a
   team-profile class.

   Each profile names its focus, drawn from the approved biography. Where no
   portrait has been approved, the arch is text-led: the same shape and colour,
   carrying the person's focus instead of a picture, so no image stands in for
   a face. */

/* The panel follows the name in the markup; it is shown first, in the arch. */
.team-profile__portrait--text {
  order: -1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--paper);
}

.team-profile:nth-child(even) .team-profile__portrait--text {
  background: var(--navy-soft);
}

.team-profile__panel-kicker {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  color: var(--gold);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.team-profile__panel-kicker::before {
  content: "";
  width: 1.75rem;
  height: 2px;
  background: var(--coral);
}

.team-profile__panel-list {
  margin: 1rem 0 0;
  padding: 0;
  list-style: none;
}

.team-profile__panel-list li {
  padding-block: 0.8rem;
  border-top: 1px solid rgba(237, 183, 53, 0.4);
  color: #fff;
  font-family: var(--font-display);
  font-size: clamp(1.45rem, 2.2vw, 1.85rem);
  line-height: 1.15;
}

.team-profile__focus {
  margin-top: 1.1rem;
}

.team-profile__focus-title {
  color: var(--navy);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.team-profile__focus-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0.6rem 0 0;
  padding: 0;
  list-style: none;
}

.team-profile__focus-list li {
  padding: 0.35rem 0.8rem;
  border-radius: 999px;
  background: var(--sage-pale);
  color: var(--navy);
  font-size: 0.88rem;
  font-weight: 600;
  line-height: 1.4;
}