/* AI Store Network — hexagonal wireframe mark (lavender → teal) */

.brand-mark {
  display: block;
  flex-shrink: 0;
  line-height: 0;
}

.brand-mark img,
.brand-mark svg {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 0;
}

.brand-mark--nav {
  width: 44px;
  height: 44px;
}

.brand-mark--footer {
  width: 2.5rem;
  height: 2.5rem;
}

.brand-mark--hero-eyebrow {
  width: 28px;
  height: 28px;
  filter: drop-shadow(0 0 12px rgba(110, 231, 183, 0.35));
}

.brand-mark--hero-core {
  width: min(72%, 88px);
  height: auto;
  aspect-ratio: 1;
  max-width: 88px;
  filter:
    drop-shadow(0 0 0 4px rgba(198, 184, 255, 0.12))
    drop-shadow(0 0 28px rgba(110, 231, 183, 0.4));
}

.brand-mark--card {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  filter: drop-shadow(0 0 14px rgba(110, 231, 183, 0.28));
}

.logo__crest.brand-mark,
.footer-brand__mark.brand-mark {
  border-radius: 0;
  padding: 0;
  display: block;
  background: none;
  color: inherit;
  overflow: visible;
  filter:
    drop-shadow(0 0 0 2px rgba(198, 184, 255, 0.1))
    drop-shadow(0 0 20px rgba(110, 231, 183, 0.32));
  animation: brand-mark-glow 3s ease-in-out infinite;
}

.logo__crest.brand-mark {
  width: 44px;
  height: 44px;
}

.logo__crest.brand-mark img,
.footer-brand__mark.brand-mark img {
  border-radius: 0;
  object-fit: contain;
}

.logo__crest.brand-mark svg,
.logo__crest.brand-mark i,
.footer-brand__mark.brand-mark svg,
.footer-brand__mark.brand-mark i {
  display: none;
}

@keyframes brand-mark-glow {
  0%,
  100% {
    filter: drop-shadow(0 0 6px rgba(198, 184, 255, 0.35));
  }
  50% {
    filter: drop-shadow(0 0 14px rgba(110, 231, 183, 0.5));
  }
}

.footer-accent {
  color: var(--color-accent-end);
}

@media (prefers-reduced-motion: reduce) {
  .logo__crest.brand-mark,
  .footer-brand__mark.brand-mark {
    animation: none;
  }
}