.hero__eyebrow { color: var(--c-sage-bright); }

.hero__title {
  font-size: var(--fs-h1);
  font-weight: var(--fw-medium);
  line-height: var(--lh-tight);
  color: var(--c-white);
}

.hero__title-accent {
  display: block;
  font-weight: var(--fw-light);
  font-style: italic;
  color: var(--c-coral);
}

.hero__lede { color: var(--c-sage-bright); }

.hero__actions { gap: var(--sp-30); }

.hero__button-ghost {
  border-color: var(--c-sage-bright);
  background-color: var(--c-forest);
  color: var(--c-sage-bright);
}

.hero__button-ghost:hover {
  background-color: var(--c-sage-bright);
  color: var(--c-forest);
}