/* A separate doorway to Backstage, alongside the portfolio navigation. */
.nav,.work-nav { gap:24px; }
.nav nav,.work-nav nav { margin-left:auto; }
.nav .member-entry,.work-nav .member-entry {
  display:inline-flex; align-items:center; justify-content:center; gap:9px;
  flex-shrink:0; min-height:44px; padding:9px 15px;
  border:1px solid #746158; border-radius:6px;
  background:#201916b8; color:#f0eee9; font-size:13px;
  line-height:1.5; white-space:nowrap;
  transition:background .25s,border-color .25s,color .25s;
}
.member-entry svg { width:17px; height:17px; flex-shrink:0; }
.nav .member-entry:hover,.work-nav .member-entry:hover {
  background:#392721; border-color:#cf9b85; color:#fff;
}
.member-entry:focus-visible { outline:2px solid #f1b8a3; outline-offset:4px; }
@media(max-width:1000px) {
  .nav,.work-nav {
    display:grid; grid-template-columns:minmax(0,1fr) auto;
    gap:4px 16px; padding-top:10px; padding-bottom:8px;
  }
  .nav .small-logo { width:170px; max-width:100%; }
  .work-nav .work-brand { font-size:18px; }
  .nav .member-entry,.work-nav .member-entry { grid-column:2; grid-row:1; }
  .nav nav,.work-nav nav {
    grid-column:1/-1; grid-row:2; width:100%; margin:0;
    display:flex; align-items:center; justify-content:space-between; gap:10px;
  }
  .nav nav a,.work-nav nav a { min-height:44px; display:inline-flex; align-items:center; font-size:13px; }
  .nav nav .nav-projects,.work-nav nav .work-nav-progress,.work-nav nav .work-nav-about { display:inline-flex; }
  .nav nav a>span { display:none; }
  .hero { padding-top:142px; }
}
@media(max-width:360px) {
  .nav .small-logo { width:150px; }
  .work-nav .work-brand { font-size:16px; }
  .nav .member-entry,.work-nav .member-entry { padding-inline:10px; gap:6px; }
  .nav nav,.work-nav nav { gap:5px; }
  .nav nav a,.work-nav nav a { font-size:12px; }
}