.site-header .logo {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  width: 172px;
  height: 94px;
  min-width: 172px;
  gap: 0;
  text-decoration: none;
  background-image: url('/assets/brand/noodle-house-logo.png');
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
}

.site-header .logo .logo-mark,
.site-header .logo > span:not(.logo-mark) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
}

.site-header {
  min-height: 104px;
}

@media (max-width: 980px) {
  .site-header .logo {
    width: 150px;
    height: 82px;
    min-width: 150px;
  }

  .site-header {
    min-height: 92px;
  }
}

@media (max-width: 720px) {
  .site-header .logo {
    width: 132px;
    height: 72px;
    min-width: 132px;
  }

  .site-header {
    min-height: 82px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}