/* Mobile launch banner: compact two-line layout without text collisions. */
@media (max-width: 520px) {
  .launch-banner {
    height: 58px;
    display: grid;
    grid-template-columns: auto auto;
    grid-template-rows: auto auto;
    align-content: center;
    justify-content: center;
    column-gap: 9px;
    row-gap: 2px;
    padding: 7px 14px;
    letter-spacing: .12em;
    text-align: left;
  }

  .launch-dot {
    grid-column: 1;
    grid-row: 1 / 3;
    align-self: center;
  }

  .launch-banner strong {
    grid-column: 2;
    grid-row: 1;
    font-size: 9px;
    line-height: 1.15;
    white-space: nowrap;
  }

  .launch-detail {
    grid-column: 2;
    grid-row: 2;
    margin: 0;
    font-size: 7px;
    line-height: 1.2;
    white-space: nowrap;
    opacity: .78;
  }

  .nav-shell {
    top: 58px;
  }

  .hero {
    padding-top: 154px;
  }
}