@media (max-width: 800px) {
  .site-header {
    height: 112px;
    padding: 12px 18px 10px;
    grid-template-columns: auto 1fr;
    grid-template-rows: 56px 24px;
    column-gap: 14px;
    row-gap: 5px;
  }

  .brand {
    grid-column: 1;
    grid-row: 1;
    align-self: center;
  }

  .availability {
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
    max-width: 180px;
    font-size: 7px;
    line-height: 1.45;
    text-align: right;
  }

  .availability span { flex: 0 0 auto; font-size: 15px; }

  .header-center {
    display: block;
    grid-column: 1 / -1;
    grid-row: 2;
    justify-self: center;
    font-size: 7px;
    letter-spacing: .15em;
  }

  .hero { padding-top: 138px; }

  .hero-meta {
    display: flex;
    gap: 12px 22px;
    flex-wrap: wrap;
    font-size: 7px;
    line-height: 1.5;
  }

  .hero-meta p:last-child { display: block; }

  .hero-title-wrap { margin-top: auto; }

  .ticker-track { animation-duration: 34s; }

  .capability p {
    display: block;
    max-width: 92%;
  }

  footer div,
  footer .copyright,
  .manifesto-note,
  .contact-heading > p,
  .form-topline,
  .form-footer p {
    display: block;
  }
}

@media (max-width: 390px) {
  .availability { max-width: 148px; font-size: 6.5px; }
  .hero h1 span { font-size: clamp(49px, 16.4vw, 64px); }
  .hero h1 em { font-size: clamp(56px, 18.5vw, 74px); }
}