a.brand-logo-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  line-height: 1;
  color: inherit;
  text-decoration: none;
  white-space: nowrap;
}

a.brand-logo-link span {
  display: inline-block;
}

a.brand-logo-link > img.brand-logo-mark {
  display: inline-block;
  width: 38px;
  height: 38px;
  min-width: 38px;
  max-width: 38px;
  border-radius: 10px;
  object-fit: cover;
  border: 1px solid rgba(255, 44, 63, 0.34);
  box-shadow: 0 0 18px rgba(210, 19, 42, 0.22);
  flex: 0 0 auto;
}

.glass-nav .flex-shrink-0 > a:not(.brand-logo-link) {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  line-height: 1;
}

.glass-nav .flex-shrink-0 > a:not(.brand-logo-link)::before,
.topbar > a.brand:not(.brand-logo-link)::before {
  content: '';
  display: inline-block;
  width: 38px;
  height: 38px;
  min-width: 38px;
  max-width: 38px;
  border-radius: 10px;
  background: url('assets/logo.png?v=20260604') center / cover no-repeat;
  border: 1px solid rgba(255, 44, 63, 0.34);
  box-shadow: 0 0 18px rgba(210, 19, 42, 0.22);
  flex: 0 0 auto;
}

.nav-fixed .brand-logo-link,
.topbar .brand-logo-link {
  font-family: 'Playfair Display', 'Poppins', serif;
  font-size: 24px;
  font-weight: 700;
  color: #fff3ea;
}

.nav-fixed .brand-logo-link .text-accent,
.topbar .brand-logo-link .text-accent,
.nav-fixed .brand-logo-link .dot,
.topbar .brand-logo-link .dot {
  color: #ff4050;
}

@media (max-width: 640px) {
  a.brand-logo-link > img.brand-logo-mark {
    width: 34px;
    height: 34px;
    min-width: 34px;
    max-width: 34px;
    border-radius: 9px;
  }

  a.brand-logo-link,
  .glass-nav .flex-shrink-0 > a:not(.brand-logo-link) {
    gap: 8px;
  }

  .glass-nav .flex-shrink-0 > a:not(.brand-logo-link)::before,
  .topbar > a.brand:not(.brand-logo-link)::before {
    width: 34px;
    height: 34px;
    min-width: 34px;
    max-width: 34px;
    border-radius: 9px;
  }
}