/* A soft reflection with a quiet pause between passes. */
.entry-logo,.brand{position:relative;isolation:isolate}
.entry-logo::after,.brand::after{
 content:"";position:absolute;pointer-events:none;
 background-image:url("tbmqbr-sales-analytics-brand.png");
 background-repeat:no-repeat;background-position:center;background-size:contain;
 filter:url(#tbmqbr-logo-cutout) brightness(1.65) saturate(.72);
 -webkit-mask-image:linear-gradient(112deg,transparent 39%,#0009 47%,#000 50%,#0009 53%,transparent 61%);
 mask-image:linear-gradient(112deg,transparent 39%,#0009 47%,#000 50%,#0009 53%,transparent 61%);
 -webkit-mask-size:240% 100%;mask-size:240% 100%;
 -webkit-mask-position:150% 0;mask-position:150% 0;
 -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
 opacity:0;
}
.entry-logo::after{width:128%;aspect-ratio:2048/683;left:0;top:-25%}
.brand::after{inset:0}
.logo-sheen-ready::after{animation:tbmqbr-logo-sheen 14s cubic-bezier(.25,.1,.3,1) .45s infinite both}
@keyframes tbmqbr-logo-sheen{
 0%{-webkit-mask-position:150% 0;mask-position:150% 0;opacity:0}
 4%{opacity:.72}
 20%{opacity:.72}
 26%,100%{-webkit-mask-position:-50% 0;mask-position:-50% 0;opacity:0}
}
@media(prefers-reduced-motion:reduce){.logo-sheen-ready::after{animation:none;opacity:0}}

/* A transparent logo finish blends into both the entry page and navy sidebar. */
.entry-logo img,.brand{filter:url(#tbmqbr-logo-cutout)}

/* Keep the trademark aligned to the same artwork on every screen size. */
.logo-trademark{position:absolute;display:block;pointer-events:none;z-index:1;overflow:visible}
.entry-logo>.logo-trademark{width:128%;height:auto;aspect-ratio:2048/683;left:0;top:-25%}
.brand>.logo-trademark{inset:0;width:100%;height:100%}
