.about__box p {
  margin-top: 0;          /* 🔥 removes the top push */
  margin-bottom: 1em;
  text-indent: 2em;
}



.name {
  color: #3b82f6;         /* controlled, reusable */
  font-weight: 500;
}




/* About page — pill labels */

.about__label--pill{
  display: inline-block;
  padding: 6px 10px;
  font-size: 12px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: rgba(11,18,32,.60);
  border: 1px solid rgba(58,166,107,.45);
  border-radius: 999px;
  background: rgba(255,255,255,.55);
}

/* About page — contextual pill (between name and strap) */

.about__pill{
  display: inline-block;
  padding: 6px 10px;
  margin: 20px 0px 0px;
  font-size: 12px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: rgba(11,18,32,.60);
  border: 1px solid rgba(58,166,107,.45);
  border-radius: 999px;
  background: rgba(255,255,255,.55);
}

/* About page — Hello there pill (isolated, not shared) */
.hello-pill{
  display: inline-block;
  padding: 6px 10px;
  margin: 20px 0px 0px;
  font-size: 12px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: rgba(11,18,32,.60);
  border: 1px solid rgba(58,166,107,.45);
  border-radius: 999px;
  background: rgba(255,255,255,.55);
}