@import url('/site.css');

/* GLG artwork includes large empty black space above and below the visible lockup.
   Render it as a 100%-width background and hide the <img> element. This trims only
   vertical canvas space while preserving the entire left-to-right logo. */
.brand,
.footer-brand .brand{
  display:block !important;
  width:230px !important;
  min-width:230px !important;
  height:80px !important;
  overflow:hidden !important;
  background:url('/glg-primary.png') center center / 100% auto no-repeat !important;
}
.brand img,
.footer-brand .brand img{visibility:hidden !important;}
.footer-brand .brand{width:270px !important;min-width:270px !important;height:95px !important;}

.hero-mark.glg-lockup{
  min-height:330px !important;
  overflow:hidden !important;
  background:url('/glg-primary.png') center center / 100% auto no-repeat !important;
}
.hero-mark.glg-lockup img{visibility:hidden !important;}
.hero-mark.glg-lockup:before{width:min(100%,560px) !important;height:300px !important;border-radius:28px !important;}

.logo-panel{
  min-height:360px !important;
  overflow:hidden !important;
  background:url('/glg-alternate.png') center center / 100% auto no-repeat !important;
}
.logo-panel img{visibility:hidden !important;}

/* Xander uses the actual approved image element. */
.hero-mark.xander{
  min-height:430px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:visible !important;
  background:none !important;
}
.hero-mark.xander img.xander-hero-logo{
  visibility:visible !important;
  display:block !important;
  width:auto !important;
  height:390px !important;
  max-width:100% !important;
  max-height:390px !important;
  margin:0 auto !important;
  padding:0 !important;
  object-fit:contain !important;
  object-position:center !important;
  border:0 !important;
  border-radius:0 !important;
  clip-path:none !important;
  mask:none !important;
  transform:none !important;
  background:transparent !important;
}
.hero-mark.xander:before{display:none !important;}

.hero-mark:not(.glg-lockup):not(.xander) img,
.miterline-emblem-frame img{
  display:block !important;
  width:min(90%,620px) !important;
  height:auto !important;
  max-width:620px !important;
  max-height:420px !important;
  object-fit:contain !important;
  object-position:center !important;
  border-radius:0 !important;
  clip-path:none !important;
  mask:none !important;
}

.brand-lockup,
.page-brand-lockup,
.logo-miterline,
.logo-stacked,
.logo-xander,
.page-brand-lockup.logo-miterline,
.page-brand-lockup.logo-stacked{
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:100% !important;
  max-height:220px !important;
  margin:0 auto 22px !important;
  object-fit:contain !important;
  object-position:center !important;
  overflow:visible !important;
  border-radius:0 !important;
  clip-path:none !important;
  mask:none !important;
}

.brand-lockup.logo-xander{
  width:auto !important;
  height:190px !important;
  max-width:100% !important;
  max-height:190px !important;
  padding:0 !important;
  object-fit:contain !important;
  object-position:center !important;
  clip-path:none !important;
  mask:none !important;
  transform:none !important;
}

.brand-lockup{max-height:145px !important;}
.brand-lockup.logo-xander{max-height:190px !important;}
.page-brand-lockup{max-height:210px !important;}
.page-brand-lockup.logo-miterline{max-height:170px !important;margin-left:0 !important;margin-right:auto !important;}
.card > img.brand-lockup{min-height:0 !important;padding:0 !important;}

@media(max-width:980px){
  .brand{width:210px !important;min-width:210px !important;height:73px !important}
  .hero-mark.glg-lockup{min-height:300px !important}
  .hero-mark.xander{min-height:380px !important}
  .hero-mark.xander img.xander-hero-logo{height:350px !important;max-height:350px !important}
  .logo-panel{min-height:320px !important}
}

@media(max-width:660px){
  .brand{width:190px !important;min-width:190px !important;height:66px !important}
  .footer-brand .brand{width:230px !important;min-width:230px !important;height:80px !important}
  .hero-mark.glg-lockup{min-height:255px !important}
  .hero-mark.glg-lockup:before{width:min(100%,340px) !important;height:210px !important}
  .hero-mark.xander{min-height:315px !important}
  .hero-mark.xander img.xander-hero-logo{height:300px !important;max-height:300px !important}
  .logo-panel{min-height:260px !important}
  .brand-lockup{max-height:120px !important}
  .brand-lockup.logo-xander{height:158px !important;max-height:158px !important}
  .page-brand-lockup{max-height:165px !important}
  .page-brand-lockup.logo-miterline{max-height:135px !important}
}