/* Exact vector assets supplied in Logo_Marsa.ai; color follows each surface. */
.marsa-logo {
  --marsa-logo-asset: url("/assets/marsa-logo.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::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; }
}
@media (prefers-reduced-motion: reduce) {
  .marsa-logo-animated .marsa-mark-reveal, .marsa-logo-animated .marsa-mark-complete, .marsa-logo-animated .marsa-letter { animation: none; }
}

.library-shell .library-wordmark{display:flex;flex-direction:column;align-items:flex-end;direction:ltr;width:132px;margin-inline:auto;gap:5px;text-align:right}.library-shell .library-wordmark .marsa-logo{--marsa-logo-width:132px}.library-shell .library-wordmark small{align-self:flex-end;letter-spacing:2px;margin:0;line-height:1;font-size:9px}.topbar .brand .marsa-logo{--marsa-logo-width:88px}.topbar .brand .library-product-label{font-size:10px;letter-spacing:1.5px}
@media(max-width:760px){.topbar .brand .marsa-logo{--marsa-logo-width:68px}.topbar .brand .library-product-label{font-size:8px}}

.marsa-logo .marsa-letter[data-letter-index="0"]{--letter-delay:280ms}
.marsa-logo .marsa-letter[data-letter-index="1"]{--letter-delay:420ms}
.marsa-logo .marsa-letter[data-letter-index="2"]{--letter-delay:560ms}
.marsa-logo .marsa-letter[data-letter-index="3"]{--letter-delay:700ms}
.marsa-logo .marsa-letter[data-letter-index="4"]{--letter-delay:840ms}

.topbar .brand .marsa-logo{min-width:0;margin:0;color:var(--text)}

.library-shell .library-wordmark{gap:2px}