@media (max-width: 900px) {
  .hero .landing-header-nav {
    display: none !important;
  }
}

@media (max-width: 380px) {
  .hero .brand-mark {
    width: 42px;
    height: 42px;
  }

  .hero .brand-wordmark {
    width: clamp(118px, 38vw, 145px);
  }
}