/* Keep the chunky display face loud without letting the two title lines collide. */
.title-screen h1 {
  line-height: .84;
  letter-spacing: -.02em;
}

.title-actions button:disabled {
  cursor: wait;
  opacity: .48;
}

@media (max-height: 800px) {
  .title-screen {
    padding: 22px 6vw;
    place-content: center start;
  }

  .title-screen h1 {
    margin: 7px 0 8px;
    font-size: clamp(4.5rem, 18vh, 7.5rem);
  }

  .title-screen > p:not(.eyebrow):not(.wallet-status) {
    margin: 8px 0;
  }

  .title-actions {
    margin: 10px 0 2px;
  }

  .title-screen > small {
    margin-top: 6px;
  }
}