/* Preview F keeps Direction A intact and sharpens its event hierarchy. */
.mast__spec {
  color: rgba(232, 232, 232, 0.86);
  font-size: clamp(0.75rem, 1.15cqw, 0.9375rem);
  line-height: 1.55;
}

.hero__note {
  max-width: 48ch;
  color: rgba(232, 232, 232, 0.82);
  font-size: 0.9375rem;
}

.lede { max-width: 38ch; }

.cards {
  row-gap: clamp(24px, 2.6vw, 38px);
}

.card__role { margin-top: 16px; }
.card__cred { line-height: 1.42; }
.card__fact {
  margin-top: 14px;
  padding-top: 14px;
  line-height: 1.52;
}

.band__lead { max-width: 22ch; }

.venue__landmark {
  color: var(--white);
  font-weight: 700;
}

@media (max-width: 860px) {
  .mast__spec { font-size: 0.6875rem; }
  .hero__note { max-width: 38ch; }
}