/* Keep the homepage hero and its technique bar within the visible viewport. */
@media (min-width: 801px) {
  .hero {
    height: calc(100vh - 62px);
    height: calc(100dvh - 62px);
    min-height: 0;
  }

  .hero .wrap {
    height: 100%;
    min-height: 0;
  }

  .hero .eyebrow { font-size: 30px; }
  .hero h1 { font-size: 98px; }
  .hero .lede { font-size: 30px; max-width: 390px; }
  .hero-aside { bottom: 20px; font-size: 22px; }
}

@media (max-width: 800px) {
  .hero {
    height: calc(100vh - 45px);
    height: calc(100dvh - 45px);
    min-height: 0;
  }

  .hero .wrap {
    height: 100%;
    min-height: 0;
  }

  .brand-bar { min-height: 45px; gap: 10px; }
  .brand-bar:before, .brand-bar:after { width: 30px; }
}