/* ============================================================
   BROTHERHOOD — STREET TEAM (/join)
   Extends site.css + colors_and_type.css, and reuses the generic
   layout primitives from groups.css (hero, .g-intro, .why__*,
   .how__*, .gform/.gfield, .inquire__*, .band__actions, .bh-btn--lg).
   This file only adds Street-Team–specific pieces.
   ============================================================ */

/* ---------- WHY JOIN — four reasons ---------- */
.why--four { grid-template-columns: repeat(4, 1fr); }
@media (max-width: 1040px) { .why--four { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px)  { .why--four { grid-template-columns: 1fr; } }

/* ---------- WHAT THE STREET TEAM IS — manifesto ---------- */
.st-says { max-width: 960px; }
.st-says__lead {
  font-family: var(--font-body); font-weight: 300; font-size: clamp(24px, 3.4vw, 42px);
  line-height: 1.3; color: var(--fg-1); margin: 0; text-wrap: balance;
}
.st-says__lead em { font-style: normal; color: var(--bh-bright-red); }
.st-says__sub {
  color: var(--fg-2); font-size: clamp(17px, 1.6vw, 20px); line-height: 1.6; margin: 28px 0 0; max-width: 64ch;
}

/* ---------- AUDIENCE-SIZE hint inside the signup form ---------- */
.gfield__hint {
  font-family: var(--font-body); font-size: 12.5px; color: rgba(255,255,255,.5);
  margin: 3px 0 0; line-height: 1.45; transition: color .2s ease;
}
.gfield__hint.is-flagged { color: var(--bh-pale-blue); }
.gfield__hint i { width: 13px; height: 13px; vertical-align: -2px; margin-right: 2px; }