/**
 * Shared Brieftick nav logo — identical on Landing, Logic, About, Pricing, Dashboard.
 */

@keyframes splitMarkReveal {
  0% {
    opacity: 0;
    transform: translate3d(0, 12px, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.brand.split-brand {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
  cursor: pointer;
}

.split-brand-img {
  display: block;
  width: auto;
  height: clamp(36px, 5vw, 52px) !important;
  max-height: 52px;
  object-fit: contain;
  filter: drop-shadow(0 2px 12px rgba(78, 120, 200, 0.2))
    drop-shadow(0 2px 10px rgba(212, 168, 90, 0.12));
}

html[data-theme="split"] .split-brand-img {
  opacity: 0;
  animation: splitMarkReveal 1.2s cubic-bezier(0.16, 1, 0.3, 1) 0.08s forwards;
}

html[data-theme="logic"] .split-brand-img {
  opacity: 1;
}

@media (max-width: 768px) {
  .split-brand-img {
    height: clamp(32px, 8vw, 44px) !important;
    max-height: 44px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-theme="split"] .split-brand-img {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}