/* Governed identity slot: selection follows rendered component width. */
.site-header { min-height: 140px; }
.brand { width: clamp(124px, 10vw, 140px); flex: 0 0 clamp(124px, 10vw, 140px); container-type: inline-size; }
.brand-lockup { display: block; width: 100%; }
.brand-lockup img { display: block; width: 100%; height: auto; max-height: none; }
.brand-compact { display: none !important; }

@container (min-width: 120px) {
  .brand-primary { display: block; }
  .brand-compact { display: none !important; }
}

@container (min-width: 80px) and (max-width: 119.99px) {
  .brand-primary { display: none !important; }
  .brand-compact { display: block !important; }
}

@media (max-width: 760px) {
  .site-header { min-height: 112px; }
  .brand { width: 124px; flex-basis: 124px; }
}