/* MINEREX final logo: exact artwork + one-time focus/shine on page load */
.logo{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  overflow:hidden !important;
  line-height:0 !important;
  isolation:isolate;
}
.logo img{
  display:block !important;
  width:auto !important;
  height:54px !important;
  max-width:none !important;
  object-fit:contain !important;
  transform-origin:left center;
  animation: minerexLogoFocusIn 980ms ease-out 120ms both;
  will-change:opacity,filter,transform;
}
.logo::after{
  content:"";
  position:absolute;
  inset:-18% -45%;
  z-index:2;
  pointer-events:none;
  opacity:0;
  background:linear-gradient(110deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0) 38%,
    rgba(255,255,255,.50) 48%,
    rgba(255,255,255,.88) 52%,
    rgba(255,255,255,.36) 56%,
    rgba(255,255,255,0) 67%,
    rgba(255,255,255,0) 100%);
  transform:translateX(-72%) skewX(-17deg);
  mix-blend-mode:screen;
  animation: minerexLogoShineOnce 1150ms cubic-bezier(.18,.72,.22,1) 520ms both;
}
@keyframes minerexLogoFocusIn{
  0%{opacity:.12;filter:blur(5px);transform:translateY(2px) scale(.988)}
  48%{opacity:1;filter:blur(1.2px);transform:translateY(0) scale(1.002)}
  100%{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}
}
@keyframes minerexLogoShineOnce{
  0%{opacity:0;transform:translateX(-72%) skewX(-17deg)}
  20%{opacity:.22}
  46%{opacity:.70}
  74%{opacity:.12}
  100%{opacity:0;transform:translateX(72%) skewX(-17deg)}
}
@media(max-width:760px){
  .logo img{height:48px !important;}
  .logo::after{animation-duration:900ms;opacity:0;}
}
@media(prefers-reduced-motion:reduce){
  .logo img,.logo::after{animation:none !important;filter:none !important;opacity:1 !important;transform:none !important;}
  .logo::after{display:none !important;}
}