/* Homepage-only additive intro; existing hero and shared layout stay untouched. */
.homepage-hero-intro {
  width: min(1120px, calc(100% - 32px));
  margin: 0 auto;
  padding-top: 14px;
  text-align: center;
}

.homepage-hero-intro h1 {
  color: var(--navy);
  font-size: 22px;
  font-weight: 760;
  line-height: 1.3;
}

.homepage-hero-intro h1 span {
  display: inline-block;
}

.homepage-hero-intro h1 span:last-child {
  color: var(--blue);
}

.homepage-hero-intro p {
  margin-top: 6px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.6;
}

@media (min-width: 820px) {
  .homepage-hero-intro {
    padding-top: 28px;
  }

  .homepage-hero-intro h1 {
    font-size: 36px;
  }

  .homepage-hero-intro p {
    margin-top: 12px;
    font-size: 16px;
  }
}

@media (max-width: 374px) {
  .homepage-hero-intro {
    width: min(1120px, calc(100% - 24px));
  }
}