/* V2.5 brand lockup overrides. Loaded after the main stylesheet so existing
   site refinements (including local styles.css edits) remain intact. */
.brand{
  gap:10px;
  min-width:0;
}
.brand-kids{
  width:62px;
  height:48px;
  overflow:visible;
}
.brand-wordmark-wrap{
  display:flex;
  align-items:flex-start;
  gap:5px;
  min-width:0;
}
.brand-wordmark{
  display:block;
  width:clamp(185px,17vw,238px);
  height:auto;
  max-height:50px;
  object-fit:contain;
  object-position:left center;
}
.brand-llc-wordmark{
  margin-top:3px;
  color:#5b6d80;
  font-size:.68rem;
  line-height:1;
  font-weight:750;
  letter-spacing:.045em;
}
.brand-inverse .brand-wordmark{
  filter:brightness(0) invert(1);
  opacity:.96;
}
.brand-inverse .brand-llc-wordmark{color:#d9e6f1}
.site-footer .brand-kids{filter:none}
.footer-brand .brand{align-items:center}
.footer-brand .brand-wordmark{width:min(260px,22vw);max-height:56px}

@media (max-width:1100px){
  .brand-kids{width:54px;height:43px}
  .brand-wordmark{width:190px;max-height:43px}
}
@media (max-width:900px){
  .brand-wordmark{width:205px;max-height:45px}
}
@media (max-width:620px){
  .brand{gap:7px}
  .brand-kids{width:42px;height:34px}
  .brand-wordmark{width:155px;max-height:36px}
  .brand-llc-wordmark{font-size:.55rem;margin-top:2px}
  .footer-brand .brand-kids{width:52px;height:42px}
  .footer-brand .brand-wordmark{width:min(210px,65vw);max-height:46px}
}
@media (max-width:390px){
  .brand-kids{width:38px;height:31px}
  .brand-wordmark{width:137px;max-height:32px}
  .brand-llc-wordmark{display:none}
}