.site-header {
  position: sticky !important;
  top: 0;
  z-index: 100 !important;
}

.nav-about {
  white-space: nowrap;
}

@media (max-width: 760px) {
  .site-header {
    gap: 8px;
    padding-inline: 10px !important;
  }

  .site-header .logo {
    width: clamp(108px, 32vw, 150px) !important;
    flex: 0 1 auto;
  }

  .site-header .nav,
  .site-header .route-nav {
    gap: 8px;
    margin-left: auto;
  }

  .site-header .nav .nav-about,
  .site-header .route-nav .nav-about {
    display: inline-flex !important;
    align-items: center;
    font-size: 10px;
    line-height: 1.15;
    text-align: center;
  }

  .site-header .nav-cta {
    padding-inline: 10px !important;
    font-size: 9px !important;
  }
}

@media (max-width: 370px) {
  .site-header .logo {
    width: 98px !important;
  }

  .site-header .nav-about {
    max-width: 62px;
    white-space: normal;
  }
}