/* Keep the artwork out of browser-generated image color inversions. */
picture.brand-logo--traveler-love {
  display: block;
  min-width: 0;
  line-height: 0;
  color-scheme: only light;
}

picture.brand-logo--traveler-love > img {
  display: block;
  width: 100%;
  height: auto;
  max-height: inherit;
  border-radius: 0;
  object-fit: contain;
  color-scheme: only light;
}

@media (prefers-color-scheme: dark) {
  .site-header,
  .site-header .header-inner {
    background: #111111 !important;
    background-color: #111111 !important;
    color-scheme: only dark;
  }

  .site-header {
    border-color: #303030;
  }

  .site-header .main-nav > a:not(.is-active),
  .site-header .main-nav > button,
  .site-header .top-nav__item {
    color: #f5f6f7;
  }

  .site-header .main-nav > a.is-active,
  .site-header .main-nav > a:hover,
  .site-header .main-nav > button:hover,
  .site-header .top-nav__drop.is-active > .top-nav__item,
  .site-header .top-nav__item:hover {
    color: #ff9f7b;
  }
}