/* ============================================
   BLOCK ARCHITECTURE STUDIO — SVG Logo
   Inline SVG as CSS background for brand
   ============================================ */

.nav-brand-logo {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='10' y='10' width='35' height='35' fill='none' stroke='%23ffffff' stroke-width='3'/%3E%3Crect x='55' y='10' width='35' height='35' fill='%23ffffff'/%3E%3Crect x='10' y='55' width='35' height='35' fill='%23ffffff'/%3E%3Crect x='55' y='55' width='35' height='35' fill='none' stroke='%23ffffff' stroke-width='3'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  transition: background-image var(--transition-smooth);
}

.navbar.scrolled .nav-brand-logo {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='10' y='10' width='35' height='35' fill='none' stroke='%230a0a0a' stroke-width='3'/%3E%3Crect x='55' y='10' width='35' height='35' fill='%230a0a0a'/%3E%3Crect x='10' y='55' width='35' height='35' fill='%230a0a0a'/%3E%3Crect x='55' y='55' width='35' height='35' fill='none' stroke='%230a0a0a' stroke-width='3'/%3E%3C/svg%3E");
}