/* Terjemahin visual identity v1.8.0.10. Scoped to the header and login. */
.topbar .brand.td-header-brand {
  display:flex; align-items:center; gap:12px; flex:0 0 auto;
  max-width:315px; white-space:normal; min-width:0; margin:0;
}
.topbar .topbar-inner { min-height:102px; }
.td-site-logo { display:block; width:96px; height:96px; flex:0 0 96px;
  object-fit:contain; mix-blend-mode:screen; }
.td-header-tagline { display:block; max-width:185px; padding-left:12px;
  border-left:2px solid #e97820; color:#e4e3e6; font-weight:550;
  font-size:13px; line-height:1.35; white-space:normal; }
.login .brand.td-login-brand { display:flex; align-items:center;
  justify-content:center; flex-direction:column; gap:2px; margin:0 auto 12px;
  text-align:center; white-space:normal; }
.td-login-logo {display:block; width:180px; height:180px; max-width:75vw;
  object-fit:contain; mix-blend-mode:screen; }
.td-login-tagline {color:#d9d7dc; font-size:13px; line-height:1.4;}
@media (max-width:1100px) {
  .topbar .brand.td-header-brand { gap:7px; max-width:260px; }
  .td-site-logo {width:78px;height:78px;flex-basis:78px;}
  .td-header-tagline {font-size:12px;max-width:163px;padding-left:9px;}
  .topbar .topbar-inner {min-height:84px;}
}
@media (max-width:560px) {
  .topbar .brand.td-header-brand {gap:5px;max-width:205px;}
  .td-site-logo {width:62px;height:62px;flex-basis:62px;}
  .td-header-tagline {font-size:11px;max-width:125px;padding-left:7px;}
  .topbar .topbar-inner {min-height:68px;}
  .td-login-logo {width:148px;height:148px;}
}