/* Exact vector assets supplied in Logo_Marsa.ai; color follows each surface. */
.marsa-logo {
  --marsa-logo-asset: url("./brand/marsa.svg");
  --marsa-logo-ratio: 6.523;
  position: relative;
  display: inline-block;
  width: var(--marsa-logo-width, 128px);
  aspect-ratio: var(--marsa-logo-ratio);
  flex: none;
  vertical-align: middle;
  color: inherit;
}
.marsa-logo[data-variant="crm"] { --marsa-logo-asset: url("./brand/marsa-crm.svg"); --marsa-logo-ratio: 4.5172; }
.marsa-logo[data-variant="erp"] { --marsa-logo-asset: url("./brand/marsa-erp.svg"); --marsa-logo-ratio: 4.1437; }
.marsa-logo[data-variant="mark"] { --marsa-logo-asset: url("./brand/marsa-mark.svg"); --marsa-logo-ratio: 2.0172; }
.marsa-logo::before,
.marsa-logo::after {
  content: "";
  position: absolute;
  inset: 0;
  -webkit-mask: var(--marsa-logo-asset) center / contain no-repeat;
  mask: var(--marsa-logo-asset) center / contain no-repeat;
  pointer-events: none;
}
.marsa-logo::before { background: currentColor; }
.marsa-logo[data-vector-ready]::before { visibility: hidden; }
.marsa-logo > svg { position: absolute; inset: 0; display: block; width: 100%; height: 100%; overflow: visible; }
.marsa-logo .marsa-mark-reveal { stroke-dasharray: 1; stroke-dashoffset: 0; }
.marsa-logo-animated .marsa-mark-reveal { animation: marsa-mark-draw 620ms cubic-bezier(.25,.7,.3,1) both; }
.marsa-logo-animated .marsa-mark-complete { animation: marsa-mark-complete 620ms steps(1, end) both; }
.marsa-logo-animated .marsa-letter {
  transform-box: fill-box;
  transform-origin: 50% 85%;
  animation: marsa-letter-grow 440ms cubic-bezier(.18,.8,.25,1) var(--letter-delay) both;
}
@keyframes marsa-mark-draw { from { stroke-dashoffset: 1; } to { stroke-dashoffset: 0; } }
@keyframes marsa-mark-complete { from { opacity: 0; } to { opacity: 1; } }
@keyframes marsa-letter-grow {
  0% { opacity: 0; clip-path: inset(100% 0 0); transform: translateY(3px) scale(.72,.5); }
  65% { opacity: 1; clip-path: inset(0); transform: translateY(-.6px) scale(1.025,1.07); }
  100% { opacity: 1; clip-path: inset(0); transform: none; }
}
.marsa-brand-lockup { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; direction: ltr; }
.brand-motion > .marsa-logo { --marsa-logo-width: 130px; }
.marsa-card-toolbar .marsa-brand { align-items: flex-end; gap: 4px; }
.marsa-card-toolbar .marsa-brand .brand-motion { width: 130px; height: auto; aspect-ratio: 6.523; }
.marsa-card-toolbar .marsa-brand > span { margin-top: 0; margin-inline-end: -2px; line-height: 1; letter-spacing: 2px; }
.omni-wordmark .marsa-logo { --marsa-logo-width: 90px; }
.crm-header-breadcrumb .marsa-logo { --marsa-logo-width: 90px; }
.crm-navigation-brand .marsa-logo { --marsa-logo-width: 132px; }
.erp-header-wordmark.marsa-logo { --marsa-logo-width: 88px; }
.marsa-erp-wordmark.marsa-logo { --marsa-logo-width: 132px; }
@media (prefers-reduced-motion: reduce) {
  .marsa-logo-animated .marsa-mark-reveal, .marsa-logo-animated .marsa-mark-complete, .marsa-logo-animated .marsa-letter { animation: none; }
}