/* The shared vector contains a separate halo behind its unfiltered silver face.
   Do not flatten the whole mark with a parent blur, drop-shadow or scale layer. */
:is(.site-monogram,.title-page-brand,.auth-page-brand,.account-emblem,.mf-footer-logo){
  filter:none;
}
:is(.site-monogram,.title-page-brand,.auth-page-brand,.account-emblem,.mf-footer-logo) svg{
  overflow:visible;
  filter:none;
  transform:none;
  will-change:auto;
}
/* Match the reference header's 52px desktop / 44px compact logo box. The face
   stays vector sharp; the expanded halo lives behind it in the shared SVG. */
:is(.site-monogram,.title-page-brand,.mf-footer-logo){display:flex;align-items:center;justify-content:center;flex:none;overflow:visible}
:is(.site-monogram,.title-page-brand,.mf-footer-logo) svg{display:block;flex:none}
:is(.site-monogram,.title-page-brand){--brand-width:60px;--brand-height:52px;width:60px;height:56px}
:is(.site-monogram,.title-page-brand) svg{width:var(--brand-width);height:var(--brand-height);transition:width .3s ease,height .3s ease}
@media(hover:hover) and (pointer:fine){
  :is(.site-monogram,.title-page-brand):hover svg{width:calc(var(--brand-width) * 1.1);height:calc(var(--brand-height) * 1.1)}
}
@media(max-width:1023px){
  :is(.site-monogram,.title-page-brand){--brand-width:52px;--brand-height:44px;width:50px;height:48px}
}
@media(prefers-reduced-motion:reduce){:where(html:not([data-motion=full])) :is(.site-monogram,.title-page-brand) svg{transition:none}}
html[data-motion=reduced] :is(.site-monogram,.title-page-brand) svg{transition:none}