:root {
  --pixwed-ink: #0f172a;
  --pixwed-gold: #d97706;
  --pixwed-gold-light: #f59e0b;
  --pixwed-gold-metallic: #d4af37;
  --pixwed-gold-dark: #b45309;
  --pixwed-primary: #d97706;
  --pixwed-primary-dark: #b45309;
  --pixwed-gradient: linear-gradient(135deg, #f59e0b 0%, #d4af37 45%, #b45309 100%);
  --pixwed-gradient-subtle: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
  --pixwed-bg: #f8fafc;
  --pixwed-surface: #ffffff;
  --pixwed-border: #e2e8f0;
  --pixwed-orange: #d97706; /* Golden override for any legacy reference */
}

.pixwed-brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  line-height: 1;
  flex-shrink: 0;
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.pixwed-brand:hover {
  opacity: 0.95;
}

.pixwed-brand .pixwed-brand-icon {
  width: 44px !important;
  height: 44px !important;
  object-fit: contain;
  border: 0 !important;
  border-radius: 12px !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: 0 4px 14px rgba(217, 119, 6, 0.25) !important;
}

.pixwed-brand .pixwed-brand-wordmark {
  width: 140px !important;
  height: 42px !important;
  max-width: 160px !important;
  object-fit: contain;
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
}

img[src="/brand/pixwed-wordmark.svg"]:not(.pixwed-brand-wordmark) {
  object-fit: contain;
  height: 42px !important;
  width: auto !important;
  max-width: 180px;
}

img[src="/brand/pixwed-wordmark.svg"][height="28"] {
  height: 17px !important;
  max-width: 82px;
}

.registration-story .pixwed-brand .pixwed-brand-icon {
  width: 52px !important;
  height: 52px !important;
  border-radius: 14px !important;
  box-shadow: 0 4px 14px rgba(217, 119, 6, 0.28) !important;
}

.registration-story .pixwed-brand .pixwed-brand-wordmark {
  width: 160px !important;
  max-width: 170px !important;
  height: 48px !important;
  object-fit: contain !important;
  display: block !important;
}

.registration-mobile-brand .pixwed-brand .pixwed-brand-icon {
  width: 42px !important;
  height: 42px !important;
}

.login-reference-logo {
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
}

.login-reference-logo img {
  width: 56px;
  height: 56px;
}

.login-mobile-brand > a > img {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
}

.dark .pixwed-brand .pixwed-brand-wordmark {
  filter: drop-shadow(0 0 1px rgba(255, 255, 255, 0.8));
}

@media (max-width: 600px) {
  .pixwed-brand .pixwed-brand-icon {
    width: 36px !important;
    height: 36px !important;
  }
  .pixwed-brand .pixwed-brand-wordmark {
    width: 110px !important;
  }
}

/* Public mobile navigation drawer. Native dialog supplies focus containment. */
.pixwed-mobile-menu{position:fixed;inset:0 0 0 auto;margin:0;width:min(420px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;padding:24px;border:0;border-left:1px solid #e2e8f0;border-radius:0;background:#fff;color:#0f172a;overflow-y:auto;box-shadow:-20px 0 70px #0f172a26}
.pixwed-mobile-menu::backdrop{background:#0f172a80;backdrop-filter:blur(5px)}
.pixwed-mobile-menu-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}
.pixwed-mobile-menu-header img{display:block;width:145px;height:auto}
.pixwed-mobile-menu-header button{display:grid;place-items:center;width:44px;height:44px;border:1px solid #e2e8f0;border-radius:50%;background:#f8fafc;color:#475569;font-size:28px;cursor:pointer}
.pixwed-mobile-menu nav{display:flex;flex-direction:column;gap:4px}
.pixwed-mobile-menu nav a{display:block;padding:13px 4px;color:#334155;font-size:21px;font-weight:600;text-decoration:none;border-bottom:1px solid #f1f5f9}
.pixwed-mobile-menu nav a:hover{color:#b45309}
.pixwed-mobile-menu-actions{display:grid;gap:12px;margin-top:28px;padding-bottom:env(safe-area-inset-bottom)}
.pixwed-mobile-menu-actions a{display:block;text-align:center;padding:14px 16px;border-radius:30px;font-size:14px;font-weight:600;text-decoration:none}
.pixwed-mobile-menu-actions .primary{background:linear-gradient(135deg,#f59e0b,#b45309);color:#fff;box-shadow:0 8px 20px #d9770626}
.pixwed-mobile-menu-actions .secondary{border:1px solid #e2e8f0;background:#f8fafc;color:#334155}
.pixwed-mobile-menu-actions .login{color:#64748b;font-size:13px}
.pixwed-mobile-menu a:focus-visible,.pixwed-mobile-menu button:focus-visible{outline:3px solid #d97706;outline-offset:3px}