/* Local candidate only. Specification: docs/ui/UI-SPEC.md */
@media (min-width: 1366px) {
  #introduction .hero-copy {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    min-width: 0;
  }

  #introduction .hero-copy > .eyebrow {
    font-size: 29px;
    margin-bottom: 4px;
  }

  #introduction .hero-copy > h1 {
    font-size: clamp(59px, 5.4vw, 68px);
    line-height: calc(.96em + 14px);
  }

  #introduction .hero-copy > .hero-subtitle {
    font-size: 22px;
    text-wrap: balance;
    margin-top: calc(23px - 18px / var(--page-scale));
  }

  #introduction .hero-copy > .hero-actions {
    margin-top: 0;
    margin-bottom: calc(18px / var(--page-scale));
  }

  #introduction .hero-copy > .hero-tools {
    margin-top: auto;
  }
}