/* Homepage-only hierarchy additions. This file intentionally leaves the shared theme baseline untouched. */
.mx-v2-hero .mx-v2-hero-lede {
  max-width: 42rem;
  margin: 1.35rem auto 0;
  color: rgb(var(--mx-ink) / 0.74);
  font-size: clamp(1.02rem, 1.55vw, 1.24rem);
  line-height: 1.55;
  text-wrap: balance;
}

.mx-v2-hero .mx-v2-hero-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1.7rem;
}

.mx-v2-hero .mx-v2-hero-actions .mx-button {
  min-height: 3rem;
}

.mx-v2-hero .mx-v2-hero-chevron {
  margin-top: clamp(2.25rem, 5vw, 4rem);
}

/* Keep the wordmark optically centered in the animated audience hub. */
.mx-v2-audience .mx-v2-hub-center {
  align-items: center;
  justify-content: center;
}

.mx-v2-audience .mx-v2-hub-center > strong {
  display: block;
  line-height: 1;
  transform: translateY(-0.05em);
}

@media (max-width: 720px) {
  .mx-v2-hero .mx-v2-hero-lede {
    max-width: 31rem;
    font-size: 1rem;
  }

  .mx-v2-hero .mx-v2-hero-actions {
    width: 100%;
  }

  .mx-v2-hero .mx-v2-hero-actions .mx-button {
    flex: 1 1 14rem;
  }
}