/* Hard-isolated Sloth brand lockup. Prevents intrinsic PNG dimensions or legacy .logo rules from affecting layout. */
.logo.brand-lockup,
.footer-brand .logo.brand-lockup{
  display:inline-flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:10px !important;
  width:auto !important;
  height:auto !important;
  max-width:max-content !important;
  transform:none !important;
}

/* Icon height matches the full two-line wordmark stack (~46px on desktop) */
.logo.brand-lockup > img.brand-mark{
  display:block !important;
  width:46px !important;
  height:46px !important;
  min-width:46px !important;
  min-height:46px !important;
  max-width:46px !important;
  max-height:46px !important;
  flex:0 0 46px !important;
  object-fit:contain !important;
  object-position:center !important;
  margin:0 !important;
  padding:0 !important;
}

.logo.brand-lockup > .brand-wordmark{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  font-weight:1000 !important;
  font-size:30px !important;
  line-height:.78 !important;
  letter-spacing:-.075em !important;
  text-transform:uppercase !important;
  transform:rotate(-2deg) !important;
  margin:0 !important;
  padding:0 !important;
  opacity:1 !important;
}

.logo.brand-lockup > .brand-wordmark > span{
  display:block !important;
  font-size:16px !important;
  line-height:1 !important;
  opacity:.72 !important;
  margin-top:7px !important;
  letter-spacing:-.03em !important;
}

.footer-brand .logo.brand-lockup > img.brand-mark{
  width:46px !important;
  height:46px !important;
  min-width:46px !important;
  min-height:46px !important;
  max-width:46px !important;
  max-height:46px !important;
  flex-basis:46px !important;
}

@media (max-width:760px){
  .site-header .logo.brand-lockup{gap:8px !important}
  .site-header .logo.brand-lockup > img.brand-mark{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    min-height:38px !important;
    max-width:38px !important;
    max-height:38px !important;
    flex-basis:38px !important;
  }
  .site-header .logo.brand-lockup > .brand-wordmark{
    font-size:25px !important;
  }
  .site-header .logo.brand-lockup > .brand-wordmark > span{
    font-size:13px !important;
    margin-top:6px !important;
  }
  .footer-brand .logo.brand-lockup > img.brand-mark{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    min-height:38px !important;
    max-width:38px !important;
    max-height:38px !important;
    flex-basis:38px !important;
  }
}