/* NexTale logo in page mastheads: the main website's logo (images/logo.webp),
   cropped to its artwork and otherwise unchanged. Its black lettering needs a
   light ground, so each brand block uses the gold plaque of the account page.
   Load after page styles. */
.nt-logo{display:block;width:auto;max-width:100%;height:auto;image-rendering:auto;object-fit:contain;filter:none}
.nt-brand{background:linear-gradient(135deg,#f7c875,#e7a451) !important;border-right:1px solid #b77c35;box-shadow:inset 0 1px #fde7b4,inset 0 -2px #c98a3e}

/* Homepage portal */
.brand.nt-brand{display:flex;align-items:center;justify-content:center;padding:8px 14px}
.brand.nt-brand .nt-logo{position:static;width:auto;height:58px}

/* Rankings and other route shells */
.portal-route-brand.nt-brand{align-items:center;justify-content:center;padding:8px 16px}
.portal-route-brand.nt-brand .nt-logo{position:static;width:auto;height:54px}

/* Player account and support */
.account-masthead>a.nt-brand{align-items:center;justify-content:center;padding:6px 14px}
.account-masthead>a.nt-brand .nt-logo{height:44px}

/* Staff desks */
.staff-brand.nt-brand{align-items:center;justify-content:center;padding:7px 16px}
.staff-brand.nt-brand .nt-logo{height:50px}

@media (max-width:760px){
  .brand.nt-brand{justify-content:flex-start}
  .brand.nt-brand .nt-logo{height:40px}
  .portal-route-brand.nt-brand{justify-content:flex-start}
  .portal-route-brand.nt-brand .nt-logo{height:34px}
}
@media (max-width:720px){
  .account-masthead>a.nt-brand .nt-logo{height:36px}
}
@media (max-width:650px){
  .staff-brand.nt-brand{align-items:flex-start}
  .staff-brand.nt-brand .nt-logo{height:40px}
}