/* SG.2.48 — brand refresh based on the approved SerieAGoal reference.
   Transparent full logo in header, smooth reveal intro, new favicon family. */

.sg-topbar .sg-brand.sg-brand-live{
  display:inline-flex!important;
  align-items:center!important;
  min-width:0!important;
  max-width:230px!important;
  height:42px!important;
  text-decoration:none!important;
}
.sg-wordmark.sg-wordmark--image{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:0!important;
  min-width:0!important;
  max-width:100%!important;
  width:100%!important;
  line-height:0!important;
}
.sg-wordmark--image .sg-wordmark-image-wrap{
  position:relative!important;
  display:block!important;
  overflow:hidden!important;
  width:100%!important;
  max-width:100%!important;
  line-height:0!important;
}
.sg-wordmark--image .sg-wordmark-image{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:100%!important;
  filter:drop-shadow(0 1px 0 rgba(255,255,255,.05)) drop-shadow(0 10px 18px rgba(2,8,23,.14))!important;
  transform-origin:left center!important;
}

@media(min-width:1121px){
  .sg-topbar .sg-topbar-inner{grid-template-columns:230px auto minmax(210px,350px) auto!important}
}
@media(min-width:901px) and (max-width:1120px){
  .sg-topbar .sg-topbar-inner{grid-template-columns:202px auto minmax(44px,220px) auto!important}
  .sg-topbar .sg-brand.sg-brand-live{max-width:202px!important;height:39px!important}
}
@media (max-width:900px) and (min-width:761px){
  .sg-topbar .sg-topbar-inner{grid-template-columns:188px auto 42px auto!important}
  .sg-topbar .sg-brand.sg-brand-live{max-width:188px!important;height:38px!important}
}
@media(max-width:760px){
  .sg-topbar .sg-brand.sg-brand-live{max-width:172px!important;min-width:0!important;height:36px!important}
  .sg-topbar.sg-topbar--guest .sg-brand.sg-brand-live{max-width:168px!important}
}
@media(max-width:360px){
  .sg-topbar .sg-brand.sg-brand-live,.sg-topbar.sg-topbar--guest .sg-brand.sg-brand-live{max-width:154px!important;height:34px!important}
}

@keyframes sg248BrandReveal{
  0%{clip-path:inset(0 100% 0 0);opacity:.18}
  58%{clip-path:inset(0 0 0 0);opacity:1}
  100%{clip-path:inset(0 0 0 0);opacity:1}
}
@keyframes sg248BrandDrift{
  0%{transform:translate3d(-10px,4px,0) scale(.985);filter:blur(3px) drop-shadow(0 0 0 rgba(0,0,0,0))}
  65%{transform:translate3d(0,0,0) scale(1);filter:blur(0) drop-shadow(0 8px 16px rgba(2,8,23,.08))}
  100%{transform:translate3d(0,0,0) scale(1);filter:blur(0) drop-shadow(0 10px 18px rgba(2,8,23,.14))}
}
html.sg-brand-intro-v248 .sg-wordmark--image .sg-wordmark-image-wrap{
  animation:sg248BrandReveal .92s cubic-bezier(.18,.94,.24,1) both!important;
}
html.sg-brand-intro-v248 .sg-wordmark--image .sg-wordmark-image{
  animation:sg248BrandDrift .92s cubic-bezier(.18,.94,.24,1) both!important;
}
@media(prefers-reduced-motion:reduce){
  html.sg-brand-intro-v248 .sg-wordmark--image .sg-wordmark-image-wrap,
  html.sg-brand-intro-v248 .sg-wordmark--image .sg-wordmark-image{animation:none!important;transform:none!important;filter:drop-shadow(0 1px 0 rgba(255,255,255,.05)) drop-shadow(0 10px 18px rgba(2,8,23,.14))!important;opacity:1!important;clip-path:none!important}
}