/* ===== Logo Component (mc-logo) ===== */
.mc-logo {
  --mc-logo-width: auto;
  --mc-logo-max-height: 48px;

  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  color: inherit;
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.mc-logo:hover {
  opacity: 0.9;
  color: inherit !important;
}

.mc-logo__media {
  display: inline-flex;
  align-items: center;
}

.mc-logo__img {
  width: var(--mc-logo-width);
  max-height: var(--mc-logo-max-height);
  height: auto;
  object-fit: contain;
  display: block;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), filter 0.4s ease;
}

.mc-logo__text {
  font-size: 22px;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: inherit;
  line-height: 1.1;
}

.mc-logo__tagline {
  font-size: 11.5px;
  opacity: 0.75;
  color: inherit;
  font-weight: 500;
  letter-spacing: 0.02em;
}

.mc-logo:hover .mc-logo__img {
  transform: scale(1.1) rotate(5deg);
  filter: drop-shadow(0 6px 12px rgba(0,0,0,0.15));
}