/* A distinct studio masthead on the cream homepage. Scoped to the welcome
   header: production controls and the light account dropdown keep their theme. */
.welcome-nav {
  position: relative;
  z-index: 20;
  height: auto;
  min-height: 84px;
  padding: 16px clamp(24px, 5vw, 78px);
  gap: 24px;
  background: var(--navy);
  color: #fffdf8;
  border-bottom: 1px solid #354357;
  box-shadow: 0 4px 18px rgba(13, 28, 49, .12);
}
.welcome-nav .brand { min-height: 44px; color: #fffdf8; }
.welcome-nav .brand b { color: #ff947c; }
.welcome-nav .account-bar { min-width: 0; gap: 10px; }
.welcome-nav .nav-chip {
  min-height: 44px;
  padding: 11px 16px;
  border: 1px solid #49566a;
  border-radius: 10px;
  background: #1b2b41;
  color: #f8f5ee;
  font-size: 14px;
}
.welcome-nav .nav-chip:hover {
  background: #2b3d54;
  border-color: #91a4b8;
  color: #fff;
}
.welcome-nav .account-menu {
  margin-left: 8px;
  padding-left: 18px;
  border-left: 1px solid #49566a;
}
.welcome-nav .account-menu-trigger {
  min-height: 46px;
  padding: 6px 12px 6px 6px;
  border-color: #617087;
  background: #24344b;
  color: #fffdf8;
}
.welcome-nav .account-menu-trigger:hover,
.welcome-nav .account-menu-trigger[aria-expanded="true"] {
  border-color: #ff947c;
  background: #32445d;
  color: #fff;
}
.welcome-nav .account-menu-avatar { background: #dbecea; color: #285f60; }
.welcome-nav .account-signin {
  min-height: 44px;
  padding: 10px 22px;
  border: 1px solid #ff947c;
  border-radius: 10px;
  background: #ff947c;
  color: #0d1c31;
}
.welcome-nav .account-signin:hover { background: #ffb09c; border-color: #ffb09c; }
.welcome-nav .account-bar > .account-email { color: #f8f5ee; }
.welcome-nav .account-bar > .text-button { color: #ffb09c; }
.welcome-nav a:focus-visible,
.welcome-nav button:focus-visible { outline: 3px solid #ffb09c; outline-offset: 3px; }
@media (max-width: 1000px) {
  .welcome-nav { padding: 14px 24px; gap: 16px; }
  .welcome-nav .brand { font-size: 17px; gap: 10px; }
  .welcome-nav .brand-signature { width: 58px; }
  .welcome-nav .nav-chip { padding: 10px 12px; }
  .welcome-nav .account-menu { margin-left: 2px; padding-left: 12px; }
  .welcome-nav .account-menu-trigger .account-email { max-width: 110px; }
}
@media (max-width: 760px) {
  .welcome-nav .brand img.brand-signature { display: none; }
  .welcome-nav .account-menu-trigger .account-email { display: none; }
}
@media (max-width: 560px) {
  .welcome-nav { min-height: 72px; padding: 12px 18px; gap: 12px; }
  .welcome-nav .brand span { display: inline; font-size: 17px; }
  .welcome-nav .brand img.brand-signature { display: none; }
  .welcome-nav .account-menu { margin-left: 0; padding-left: 0; border-left: 0; }
  .welcome-nav .account-menu-trigger { width: 46px; max-width: 46px; padding: 6px; }
  .welcome-nav .account-signin { padding: 10px 16px; font-size: 14px; }
}