/* The tower spans the existing white and blue bands, not the navigation. */
.bjbm_header .bjbm_header__tower,
.bjbm_header .bjbm_header__landscape {
  display: none;
  pointer-events: none;
  user-select: none;
}

/* Match the image's natural ratio so every part of the scene is retained. */
.bjbm_header .bjbm_header__landscape {
  object-fit: contain;
  /* Feather the scenery into the header without a rectangular outline. */
  -webkit-mask-image: radial-gradient(ellipse at center, #000 38%, rgba(0, 0, 0, 0.85) 52%, rgba(0, 0, 0, 0.35) 64%, transparent 72%);
  mask-image: radial-gradient(ellipse at center, #000 38%, rgba(0, 0, 0, 0.85) 52%, rgba(0, 0, 0, 0.35) 64%, transparent 72%);
}

.bjbm_header .bjbm_brandbar__title,
.bjbm_header .bjbm_brandbar__title a {
  white-space: normal !important;
}

.bjbm_header .bjbm_header__submit {
  flex-shrink: 0;
  letter-spacing: 0 !important;
}

.bjbm_header .bjbm_header__submit:focus-visible {
  outline: 2px solid #ffffff !important;
  outline-offset: 4px !important;
}

@media (max-width: 860px) {
  .bjbm_header .bjbm_topbar__mobileTagline strong {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  .bjbm_header .bjbm_brandbar__right {
    padding-top: 80px !important;
    align-items: end !important;
  }

  .bjbm_header .bjbm_header__landscape {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: min(100%, 300px);
    height: auto;
    max-width: none;
    object-position: center bottom;
    z-index: 1;
  }

  .bjbm_header .bjbm_header__tower {
    display: block;
    position: absolute;
    right: 76px;
    bottom: 0;
    width: auto;
    height: 122px;
    max-width: none;
    max-height: none;
    object-fit: contain;
    z-index: 2;
  }

  .bjbm_header .bjbm_brandbar__right .bjbm_header__submit {
    min-height: 44px !important;
    font-size: 13px !important;
    padding: 7px 12px !important;
  }

  .bjbm_header .bjbm_brandbar__right .bjbm_metricBox {
    min-width: 90px !important;
    max-width: 90px !important;
    text-shadow: 0 1px 3px #071d57;
  }

  .bjbm_header .bjbm_brandbar__right .bjbm_metricValue {
    font-size: 18px !important;
    line-height: 1.1 !important;
  }

  .bjbm_header .bjbm_brandbar__right .bjbm_metricLabel {
    max-width: 64px !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
  }

  .bjbm_header .bjbm_brandbar__right .bjbm_metricInfo {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    font-size: 13px !important;
  }

  .bjbm_header .bjbm_brandbar__right .bjbm_metricTooltip {
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    text-align: left !important;
    text-shadow: none;
  }
}

@media (min-width: 861px) {
  .bjbm_header .bjbm_brandbar__inner {
    grid-template-columns: minmax(0, 1fr) auto !important;
    column-gap: 24px !important;
  }

  .bjbm_header .bjbm_brandbar__right {
    gap: 16px !important;
    flex-wrap: nowrap !important;
  }
}

@media (min-width: 861px) and (max-width: 1199px) {
  .bjbm_header .bjbm_brandbar__inner {
    padding-top: 46px !important;
  }

  .bjbm_header .bjbm_brandbar__logo {
    top: calc(2px - var(--bjbm-topbar-h)) !important;
    bottom: auto !important;
  }

  .bjbm_header .bjbm_brandbar__right {
    grid-column: 1 / -1;
    justify-content: flex-end;
    margin-top: 12px;
  }
}

@media (min-width: 1200px) {
  .bjbm_header .bjbm_header__landscape {
    display: block;
    position: absolute;
    bottom: 0;
    right: 160px;
    width: 375px;
    height: auto;
    max-width: none;
    object-position: center bottom;
    z-index: 1;
  }

  .bjbm_header .bjbm_header__tower {
    display: block;
    position: absolute;
    top: auto;
    bottom: 0;
    right: calc(144px + 10pt);
    height: calc(100% + var(--bjbm-topbar-h) - 8px);
    width: auto;
    max-width: none;
    max-height: none;
    object-fit: contain;
    object-position: center bottom;
    z-index: 2;
  }

  .bjbm_header .bjbm_topbar__arrow--right {
    left: calc(50% + (var(--bjbm-center-logo) / 2) + 16px) !important;
    right: 310px !important;
    width: auto !important;
    top: 8px !important;
    height: 52px !important;
    padding: 0 !important;
  }

  .bjbm_header .bjbm_topbar__arrow--right .bjbm_topbar__arrowText {
    padding: 0 !important;
    height: 100% !important;
  }

  .bjbm_header .bjbm_topbar__arrow--right .bjbm_topbar__arrowText span {
    white-space: normal !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
  }
}

@media (min-width: 1200px) and (max-width: 1359px) {
  .bjbm_header .bjbm_header__landscape {
    width: 260px;
    right: 190px;
  }
}