/* The original artwork blends into each surface rather than sitting in a badge. */
.hanjin-brand {
  display: inline-block !important;
  flex-shrink: 0;
  min-width: 0;
  max-width: 100%;
  padding: 0 !important;
  line-height: 0 !important;
}
.hanjin-logo-viewport {
  display: block;
  position: relative;
  width: 132px;
  max-width: 100%;
  aspect-ratio: 980 / 440;
  overflow: hidden;
  background: transparent;
  border-radius: 0;
}
.hanjin-logo-viewport > .hanjin-logo-image {
  position: absolute !important;
  display: block !important;
  width: 130.612245% !important;
  height: auto !important;
  max-width: none !important;
  left: -15.306122%;
  top: -95.454545%;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  object-fit: initial !important;
  filter: url("#hanjin-logo-light") !important;
}
#header .hanjin-logo-image,
footer .foot-grid .hanjin-logo-image,
.hj-foot .hanjin-logo-image {
  filter: url("#hanjin-logo-dark") !important;
}
.hanjin-brand--footer .hanjin-logo-viewport {
  width: 160px;
}
.hanjin-brand:focus-visible {
  outline: 2px solid #d71920;
  outline-offset: 5px;
}
#header .nav-cta,
.site-header .nav-cta,
.hj-global-header .hj-quote,
.hj-head .head-cta,
.site-footer .footer-cta {
  background: #d71920 !important;
  border-color: #d71920 !important;
  color: #fff !important;
  box-shadow: none;
}
#header .nav-cta:hover,
.site-header .nav-cta:hover,
.hj-global-header .hj-quote:hover,
.hj-head .head-cta:hover,
.site-footer .footer-cta:hover {
  background: #b4151b !important;
  border-color: #b4151b !important;
}
@media (max-width: 960px) {
  .hanjin-brand--header .hanjin-logo-viewport { width: 112px; }
  .hanjin-brand--footer .hanjin-logo-viewport { width: 148px; }
}