.hero-grid > *,
.split > * {
  min-width: 0;
}

.eyebrow {
  max-width: 100%;
}

.eyebrow::before {
  flex: 0 0 auto;
}

h1 span {
  display: block;
}

@media (max-width: 640px) {
  h1 {
    font-size: clamp(2.55rem, 12.5vw, 3.1rem);
    overflow-wrap: anywhere;
  }

  .eyebrow {
    border-radius: 16px;
    font-size: 0.7rem;
    letter-spacing: 0.055em;
  }

  .device {
    width: calc(100% - 14px);
  }
}