/* Microlumin Brand Portfolio V7 - raster derivatives only, no geometry rebuild. */
.microlumin-brand-swap {
  --ml-brand-width: 132px;
  --ml-brand-height: 46px;
  --ml-symbol-width: 60px;
  --ml-wordmark-width: 124px;
  position: relative;
  display: inline-block;
  width: var(--ml-brand-width);
  height: var(--ml-brand-height);
  flex: 0 0 var(--ml-brand-width);
  border-radius: 11px;
  overflow: hidden;
  isolation: isolate;
  vertical-align: middle;
  transition: background-color .22s ease, box-shadow .22s ease;
}
.microlumin-brand-swap__symbol,
.microlumin-brand-swap__wordmark {
  position: absolute;
  top: 50%;
  display: block;
  height: auto;
  object-fit: contain;
  pointer-events: none;
  transition: opacity .20s ease, transform .26s cubic-bezier(.2,.75,.25,1);
}
.microlumin-brand-swap__symbol {
  left: 6px;
  width: var(--ml-symbol-width) !important;
  max-height: calc(var(--ml-brand-height) - 8px) !important;
  opacity: 1;
  transform: translateY(-50%) scale(1);
  transform-origin: left center;
}
.microlumin-brand-swap__wordmark {
  left: 50%;
  width: var(--ml-wordmark-width) !important;
  max-height: calc(var(--ml-brand-height) - 15px) !important;
  opacity: 0;
  transform: translate(-46%, -50%) scale(.975);
  transform-origin: center;
}
.microlumin-brand-swap:hover .microlumin-brand-swap__symbol,
.microlumin-brand-swap:focus-within .microlumin-brand-swap__symbol,
.has-microlumin-brand-swap:hover .microlumin-brand-swap__symbol,
.has-microlumin-brand-swap:focus-visible .microlumin-brand-swap__symbol {
  opacity: 0;
  transform: translateY(-50%) scale(.82);
}
.microlumin-brand-swap:hover .microlumin-brand-swap__wordmark,
.microlumin-brand-swap:focus-within .microlumin-brand-swap__wordmark,
.has-microlumin-brand-swap:hover .microlumin-brand-swap__wordmark,
.has-microlumin-brand-swap:focus-visible .microlumin-brand-swap__wordmark {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}
.microlumin-brand-swap--dark:hover,
.microlumin-brand-swap--dark:focus-within,
.has-microlumin-brand-swap:hover .microlumin-brand-swap--dark,
.has-microlumin-brand-swap:focus-visible .microlumin-brand-swap--dark {
  background: rgba(255,255,255,.97);
  box-shadow: 0 9px 26px rgba(0,20,34,.20), inset 0 0 0 1px rgba(255,255,255,.45);
}
.microlumin-brand-swap--auth {
  --ml-brand-width: 145px;
  --ml-brand-height: 52px;
  --ml-symbol-width: 66px;
  --ml-wordmark-width: 137px;
}
.microlumin-brand-swap--public {
  --ml-brand-width: min(210px, 38vw);
  --ml-brand-height: 48px;
  --ml-symbol-width: 65px;
  --ml-wordmark-width: min(200px, 36vw);
}
.microlumin-brand-swap--public .microlumin-brand-swap__symbol { left: 0; }
.microlumin-brand-swap--footer {
  --ml-brand-width: 150px;
  --ml-brand-height: 36px;
  --ml-symbol-width: 48px;
  --ml-wordmark-width: 145px;
}
.microlumin-mobile-symbol {
  width: 46px !important;
  height: 30px !important;
  object-fit: contain !important;
  object-position: left center !important;
}
.microlumin-static-wordmark {
  display: block;
  width: 150px;
  max-height: 36px;
  object-fit: contain;
  object-position: left center;
}
@media (max-width: 900px) and (hover: none), (max-width: 900px) and (pointer: coarse) {
  .microlumin-brand-swap__symbol { opacity: 1 !important; transform: translateY(-50%) scale(1) !important; }
  .microlumin-brand-swap__wordmark { opacity: 0 !important; }
  .microlumin-brand-swap--dark { background: transparent !important; box-shadow: none !important; }
}
@media (prefers-reduced-motion: reduce) {
  .microlumin-brand-swap,
  .microlumin-brand-swap__symbol,
  .microlumin-brand-swap__wordmark { transition: none !important; }
}