/* Match the edition entrances: the logo straddles the purple corner's edge.
   The hub grows with its server list, so anchor both to the actual hero size. */
@media (min-width:1000px) and (pointer:fine) {
 body.unite-login.entry-desktop.hub-entry .masthead {
  inset:0;
  width:100%;height:100%;
  display:block;
  container-type:size;
  pointer-events:none;
 }
 body.unite-login.entry-desktop.hub-entry .masthead .brand {
  --hub-art-width:max(calc(100cqw + 28px),calc((100cqh + 28px)*2.158333334));
  --hub-art-height:max(calc(100cqh + 28px),calc((100cqw + 28px)*.463320464));
  --hub-corner-width:max(var(--entry-corner-w),calc(50cqw - var(--hub-art-width)*.326254826 + 92px));
  --hub-corner-height:max(var(--entry-corner-h),calc(50cqh - (100cqh + 28px)*.04 - var(--hub-art-height)*.230833333 + 12px));
  --hub-logo-width:calc(var(--hub-corner-width)*.87);
  --hub-logo-height:calc(var(--hub-logo-width)*.54076246);
  position:absolute;
  left:calc(var(--hub-corner-width)*.15);
  top:max(24px,calc(var(--hub-corner-height) - var(--hub-logo-height)*.68));
  width:var(--hub-logo-width);max-width:none;
  pointer-events:auto;
 }
 body.unite-login.entry-desktop.hub-entry .masthead .brand img {
  display:block;width:100%;height:auto;
 }
 body.unite-login.entry-desktop.hub-entry .masthead-tools {
  position:absolute;top:22px;right:34px;left:auto;
  pointer-events:auto;
 }
 @media (max-height:850px) {
  body.unite-login.entry-desktop.hub-entry .masthead .brand {
   --hub-logo-width:min(calc(var(--hub-corner-width)*.87),340px);
  }
 }
 @media (max-width:1150px) {
  body.unite-login.entry-desktop.hub-entry .masthead-tools {right:24px}
 }
}