/* Header lockup: the approved K symbol is the initial letter of Komeetix.
   The complete accessible name stays on the link. All other brand names,
   artwork, scene styles and motion remain unchanged. */
.topbar .brand.brand-initial,
:root #phone-app .m-header .m-brand.brand-initial {
  display:inline-flex;
  align-items:center;
  justify-self:start;
  gap:0;
  min-height:44px;
  white-space:nowrap;
  font-size:24px;
  line-height:1;
  letter-spacing:-.035em;
}
:root #phone-app .m-header .m-brand.brand-initial {
  font-size:22px;
}
.topbar .brand.brand-initial > .brand-cap,
:root #phone-app .m-header .m-brand.brand-initial > .brand-cap {
  display:block;
  flex:none;
  width:1em;
  height:1em;
  /* Account for transparent padding already present in the source artwork. */
  margin-inline-end:-.04em;
  object-fit:contain;
  filter:none;
}
.topbar .brand.brand-initial > .brand-rest,
:root #phone-app .m-header .m-brand.brand-initial > .brand-rest {
  display:block;
  line-height:1;
}
:root[data-phone-orientation="landscape"] #phone-app .m-header .m-brand.brand-initial {
  font-size:20px;
}