/* Forma monogram geometry comes from the supplied frontend (1).html.
   Logo colors follow the release BRANDING.md; the page palette stays intact. */
:root { --forma-logo-color: #6894D7; }
html[data-theme="dark"] { --forma-logo-color: #70B4E0; }
.forma-brand .forma-forma,
.site-footer__brand .forma { color: var(--forma-logo-color); }
.forma-brand .forma-monogram-shell,
.site-footer__brand .forma-monogram-shell {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  opacity: 1;
  transform: none;
  animation: none;
}
svg.forma-monogram {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
  color: var(--forma-logo-color);
  fill: none;
  flex-shrink: 0;
}
svg.forma-monogram path {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 1;
  stroke-dashoffset: 0;
  animation: formaLineDraw 1.1s cubic-bezier(.16,1,.3,1) both;
}
svg.forma-monogram path:nth-child(2) { animation-delay: .12s; }
svg.forma-monogram path:nth-child(3) { animation-delay: .22s; }
@media (hover: hover) {
  :is(.forma-brand,.site-footer__brand):hover .forma-monogram path {
    animation-name: formaLineReplay;
  }
}
@keyframes formaLineDraw {
  from { stroke-dashoffset: 1; }
  to { stroke-dashoffset: 0; }
}
@keyframes formaLineReplay {
  from { stroke-dashoffset: 1; }
  to { stroke-dashoffset: 0; }
}
@media (prefers-reduced-motion: reduce) {
  svg.forma-monogram path { animation: none !important; stroke-dashoffset: 0; }
}