/* A quiet light sweep and small lift for the header logo. */
#app .mn-header .mn-brand {
  position:relative; isolation:isolate; overflow:hidden; border-radius:12px;
}
#app .mn-header .mn-brand img {
  position:relative; z-index:1; transform-origin:50% 70%;
  transition:filter .35s ease,transform .35s ease;
}
#app .mn-header .mn-brand::before {
  content:""; position:absolute; inset:3% 4%; z-index:0; pointer-events:none;
  border-radius:50%; opacity:.18;
  background:radial-gradient(ellipse at 50% 60%,#c47c4445,transparent 70%);
}
#app .mn-header .mn-brand::after {
  content:""; position:absolute; z-index:2; pointer-events:none;
  top:-35%; bottom:-35%; left:-38%; width:35%; opacity:0;
  background:linear-gradient(90deg,transparent,#fff9e7c9 50%,transparent);
  transform:skewX(-22deg); mix-blend-mode:screen;
}
@media(prefers-reduced-motion:no-preference) {
  #app .mn-header .mn-brand img { animation:maisura-logo-lift 10s ease-in-out .65s infinite; }
  #app .mn-header .mn-brand::before { animation:maisura-logo-aura 10s ease-in-out .65s infinite; }
  #app .mn-header .mn-brand::after { animation:maisura-logo-light 10s ease-in-out .65s infinite; }
}
@keyframes maisura-logo-light {
  0%,2% { transform:translateX(0) skewX(-22deg); opacity:0; }
  5% { opacity:.56; }
  20% { transform:translateX(470%) skewX(-22deg); opacity:0; }
  100% { transform:translateX(470%) skewX(-22deg); opacity:0; }
}
@keyframes maisura-logo-lift {
  0%,22%,100% { transform:translateY(0) scale(1); filter:drop-shadow(0 0 0 #9b3a2200); }
  11% { transform:translateY(-1.5px) scale(1.018); filter:brightness(1.12) drop-shadow(0 2px 5px #a8533733); }
}
@keyframes maisura-logo-aura {
  0%,24%,100% { opacity:.18; transform:scale(.92); }
  11% { opacity:.85; transform:scale(1.08); }
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  #app .mn-header .mn-brand:hover img { animation:none; transform:translateY(-1px) scale(1.035); filter:brightness(1.08) drop-shadow(0 3px 6px #9b392b3d); }
  #app .mn-header .mn-brand:hover::before { animation:none; opacity:.85; }
}
#app .mn-header .mn-brand:focus-visible { outline:2px solid #ad5a3f; outline-offset:4px; }
@media(prefers-reduced-motion:reduce) {
  #app .mn-header .mn-brand img { animation:none!important; transition:none!important; transform:none!important; filter:none!important; }
  #app .mn-header .mn-brand::before { animation:none!important; opacity:.18; transform:none; }
  #app .mn-header .mn-brand::after { animation:none!important; display:none; }
}