/* Homepage only. The existing navigation controller and breakpoints stay intact. */
.site-header--vob .header-inner { column-gap: 16px; }
.site-header--vob .brand { flex-shrink: 0; }
.site-header--vob .site-nav { flex: 1 1 auto; min-width: 0; justify-content: flex-end; }
.site-header--vob .site-nav .nav-cta { flex-shrink: 0; white-space: nowrap; }

.vob-badge {
  box-sizing: content-box;
  display: block;
  flex: 0 0 auto;
  width: 60px;
  padding: 2px;
  border: 1px solid rgba(212, 181, 125, .45);
  border-radius: 4px;
  background: #fff;
  text-decoration: none;
}
.vob-badge picture { display: block; }
.vob-badge img { display: block; width: 100%; height: auto; aspect-ratio: 200 / 180; object-fit: contain; }

@media (max-width: 1360px) {
  .lvf-vob-badge-enabled { scroll-padding-top: 136px; }
  .site-header--vob .header-inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 56px;
    column-gap: 16px;
    row-gap: 6px;
    padding-block: 10px;
  }
  .site-header--vob .brand { grid-column: 1; grid-row: 1 / span 2; justify-self: start; }
  .site-header--vob .menu-button { grid-column: 2; grid-row: 1; justify-self: center; }
  .site-header--vob .site-nav { justify-content: stretch; }
  .site-header--vob .vob-badge { grid-column: 2; grid-row: 2; justify-self: center; width: 50px; }
}