/* Display the supplied artwork through cropped viewports; preserve its source pixels. */
:is(.signature, .horizon) .brand-logo {
  gap: 14px;
  flex-shrink: 0;
}
:is(.signature, .horizon) .logo-crop {
  display: block;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
:is(.signature, .horizon) .logo-crop img {
  display: block;
  position: absolute;
  max-width: none;
  height: auto;
  filter: brightness(0) invert(1);
  pointer-events: none;
}
:is(.signature, .horizon) .logo-symbol {
  width: 64px;
  aspect-ratio: 647 / 402;
}
:is(.signature, .horizon) .logo-symbol img {
  width: 193.81762%;
  left: -46.83153%;
  top: -62.18905%;
}
:is(.signature, .horizon) .logo-wordmark {
  width: 154px;
  aspect-ratio: 1020 / 216;
}
:is(.signature, .horizon) .logo-wordmark img {
  width: 122.94118%;
  left: -11.27451%;
  top: -322.68519%;
}
:is(.signature, .horizon) .logo-lockup {
  width: 174px;
  aspect-ratio: 1020 / 671;
}
:is(.signature, .horizon) .logo-lockup img {
  width: 122.94118%;
  left: -11.27451%;
  top: -36.51267%;
}
:is(.signature, .horizon) .site-footer {
  padding-block: 32px;
}
@media (min-width: 701px) and (max-width: 1000px) {
  :is(.signature, .horizon) .site-header {
    gap: 20px;
  }
  :is(.signature, .horizon) .site-header .brand-logo {
    gap: 10px;
  }
  :is(.signature, .horizon) .site-header .logo-symbol {
    width: 50px;
  }
  :is(.signature, .horizon) .site-header .logo-wordmark {
    width: 132px;
  }
  :is(.signature, .horizon) .desktop-nav {
    gap: 18px;
  }
}
@media (max-width: 700px) {
  :is(.signature, .horizon) .site-header .brand-logo {
    gap: 11px;
  }
  :is(.signature, .horizon) .site-header .logo-symbol {
    width: 52px;
  }
  :is(.signature, .horizon) .site-header .logo-wordmark {
    width: 137px;
  }
  :is(.signature, .horizon) .site-footer .logo-lockup {
    width: 150px;
  }
}
@media (max-width: 374px) {
  :is(.signature, .horizon) .site-header .logo-symbol {
    width: 44px;
  }
  :is(.signature, .horizon) .site-header .logo-wordmark {
    width: 120px;
  }
  :is(.signature, .horizon) .site-footer p {
    max-width: 110px;
  }
}

/* Keep the supplied teal artwork on the light Horizon background. */
.horizon .logo-crop img { filter: none; }