/* Approved mobile hero rhythm. Keep the overlapping header clear of the copy. */
@media (max-width: 720px) {
  .hero__inner {
    padding: calc(72px + 0.45rem + 40px) 20px 40px;
  }
  .hero h1 {
    max-width: none;
    margin-top: 16px;
    font-size: 36px;
    line-height: 1.08;
  }
  .hero__copy > .eyebrow { margin-top: 0; }
  .hero__copy > h1 + p { margin-top: 16px; }
  .hero__actions { margin-top: 32px; }
}