.brand { gap: 11px; }
.brand img { width: 52px; height: 52px; object-fit: cover; border-radius: 16px; flex-shrink: 0; }
.brand-word { display: block; font-size: 28px; letter-spacing: -1px; }
.brand-name { display: block; white-space: nowrap; }
.brand-domain { color: var(--ink-7954ba); }
.brand-word small { contain: inline-size; font-size: 11px; line-height: 1.35; letter-spacing: 0; text-transform: none; font-weight: 500; margin-top: 6px; color: var(--ink-827b91); }
.boot-mascot { display: block; border-radius: 20px; }
@media (min-width: 801px) and (max-width: 1000px) {
  .brand-word { font-size: 23px; }
  .brand-word small { font-size: 10px; }
  .brand img { width: 46px; height: 46px; }
}
@media (max-width: 800px) {
  .header-inner { gap: 12px; }
  .header-actions { flex-shrink: 0; }
  .brand img { width: 44px; height: 44px; border-radius: 14px; }
  .brand-word { font-size: 23px; letter-spacing: -.7px; }
  .brand-word small { font-size: 10px; margin-top: 5px; }
  .brand { gap: 9px; }
}
@media (max-width: 480px) {
  .header-inner { padding-inline: 14px; gap: 10px; }
  .brand img { width: 38px; height: 38px; border-radius: 12px; }
  .brand { gap: 7px; }
  .brand-word { font-size: clamp(14px, 4.6vw, 21px); letter-spacing: -.5px; }
  .brand-word small { font-size: 9px; line-height: 1.25; margin-top: 4px; }
}
@media (max-width: 360px) {
  .header-inner { padding-inline: 10px; gap: 7px; }
  .brand img { width: 34px; height: 34px; border-radius: 11px; }
  .brand { gap: 5px; }
  .header-actions { gap: 6px; }
  .header-actions > .btn { padding-inline: 10px; }
}