/* ==================== BRAND LOGO ==================== */
.brand {
  display: flex;
  align-items: center;
  height: 100%;
}

.brand-logo {
  height: 90px;                    /* ← Increased for better visibility */
  width: auto;
  max-width: 190px;
  object-fit: contain;
  transition: transform 0.2s ease;
}

.brand-logo:hover {
  transform: scale(1.03);
}

/* Tablet */
@media (max-width: 1024px) {
  .brand-logo {
    height: 38px;
  }
}

/* Mobile */
@media (max-width: 640px) {
  .brand-logo {
    height: 60px;                  /* Good balance - visible but not bulky */
  }
}

/* Hide old text/logo */
.brand-mark,
.brand-text {
  display: none;
}