/* Optical alignment for the compact hero label and the oversized headline. */
.hero-copy > .eyebrow {
  margin-inline-start: clamp(8px, .55vw, 11px);
}

@media (max-width: 760px) {
  .hero-copy > .eyebrow {
    margin-inline-start: .45rem;
  }
}