/* Non-website identity: still by default, brighten only while hovered.
   Use the same gold-to-pale-gold interaction as the official website header. */
.daailok-logo-media{
  display:block!important;position:relative!important;box-sizing:border-box!important;
  overflow:visible!important;line-height:0!important;
  background:transparent!important;border:0!important;box-shadow:none!important;
  animation:none!important;
}
.daailok-logo-media > img{
  display:block!important;width:100%!important;height:auto!important;
  max-width:100%!important;max-height:none!important;
  object-fit:contain!important;object-position:center!important;
  border:0!important;filter:none!important;
  animation:none!important;transition:filter .22s ease!important;
}
.daailok-logo-media::before,.daailok-logo-media::after{
  content:none!important;display:none!important;animation:none!important;
}
.daailok-logo-lockup .daailok-logo-media{
  filter:none!important;animation:none!important;
}
.daailok-logo-lockup:hover .daailok-logo-media > img,
.daailok-logo-lockup:focus-within .daailok-logo-media > img,
.brand:hover .daailok-logo-lockup .daailok-logo-media > img,
.free-brand:hover .daailok-logo-lockup .daailok-logo-media > img,
.admin-login-brand:hover .daailok-logo-lockup .daailok-logo-media > img{
  filter:brightness(1.14) saturate(.90)!important;
}
.daailok-legacy-brand{display:none!important}
:is(.brand,.free-brand,.admin-login-brand) .daailok-logo-media{vertical-align:middle}
.studio .topbar .brand .brand-lockup{
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  gap:0!important;min-width:0!important;width:auto!important;
}
.studio .topbar .brand{align-items:center!important}
.topbar .brand-side .brand,.free-top .free-brand{
  display:inline-flex!important;align-items:center!important;
}
.admin-shell .brand{align-items:center!important}
.admin-shell .admin-brand-lockup{
  display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;
  gap:0!important;
}
.admin-login-brand{display:inline-flex!important;align-items:center!important}
.wrap > .top > .brand:has(.daailok-logo-media){
  display:flex!important;align-items:center!important;gap:12px!important;
  font-size:inherit!important;letter-spacing:normal!important;
}
@media(prefers-reduced-motion:reduce){
  .daailok-logo-media > img{transition:none!important}
}