/* Website header logo: use this split lockup instead of the full SVG lockup. */
.zayphire-brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: var(--hi, #202226);
  text-decoration: none;
}

.zayphire-brand-icon {
  width: 42px;
  height: 42px;
  display: block;
  flex: 0 0 auto;
}

.zayphire-brand-name {
  font-family: "Avenir Next", Outfit, Inter, "Segoe UI", Arial, sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  color: currentColor;
  transform: translateY(-1px);
}

[data-theme="dark"] .zayphire-brand {
  color: #ffffff;
}

[data-theme="light"] .zayphire-brand {
  color: #202226;
}

@media (max-width: 768px) {
  .zayphire-brand-icon {
    width: 34px;
    height: 34px;
  }

  .zayphire-brand-name {
    font-size: 32px;
  }
}

.zayphire-brand{flex-shrink:0;white-space:nowrap;min-width:0}
.zayphire-brand-icon{max-width:none;object-fit:contain;filter:none;transform:none;box-shadow:none;border:0;border-radius:0}
.zayphire-brand-name{font-synthesis:none}
h1,h2,h3{font-family:"Avenir Next",Outfit,Inter,"Segoe UI",Arial,sans-serif;font-weight:500}
.nav-r>a,.theme-toggle{font-weight:500}
@media(max-width:360px){body>nav{padding-left:12px;padding-right:12px;gap:8px}.nav-r{gap:6px}.theme-toggle{padding-left:8px;padding-right:8px}}