/* Every logo uses the same outlined wordmark; context labels remain live text. */
.nvl-wordmark { image-rendering:auto; display:block; height:auto; max-width:100%; object-fit:contain; flex-shrink:0; }
.rollout .rollout-console-identity .nvl-wordmark { width:132px; margin:0 0 8px; }
.rollout .rollout-console-identity h3 { margin:0; font:400 17px/1.4 var(--sans); letter-spacing:.01em; color:#bdc5cc; }
.key-reverse-brand .nvl-wordmark { width:clamp(84px,26cqw,146px); height:auto; }
.document-workspace-brand .nvl-wordmark { width:134px; height:auto; }
.document-workspace-brand>span { gap:7px; }
.document-workspace-brand small { letter-spacing:.12em; }
.study-browser .study-brand-lockup { display:flex; align-items:center; justify-content:center; gap:15px; min-width:0; }
.study-browser .study-brand-lockup .nvl-wordmark { width:86px; height:auto; }
.study-browser .study-brand-lockup>span { font:400 9px/1.4 var(--sans); letter-spacing:.1em; color:#aab8c2; }
#contact-dialog>.dialog-wordmark { display:inline-block; width:142px; max-width:calc(100% - 100px); margin:0; vertical-align:middle; }
#contact-dialog>.dialog-wordmark .nvl-wordmark { width:100%; height:auto; }
@media(max-width:580px) {
  .rollout .rollout-console-identity .nvl-wordmark { width:124px; margin-bottom:7px; }
  .document-workspace-brand .nvl-wordmark { width:114px; }
  .document-workspace-brand small { font-size:8px; }
  .study-browser .study-brand-lockup { gap:10px; }
  .study-browser .study-brand-lockup>span { font-size:8px; letter-spacing:.045em; }
  #contact-dialog>.dialog-wordmark { width:133px; }
}
@media(max-width:360px) {
  .document-workspace-brand .nvl-wordmark { width:103px; }
  .document-workspace-brand small { font-size:7px; }
  .study-browser .study-brand-lockup { gap:7px; }
  .study-browser .study-brand-lockup .nvl-wordmark { width:75px; }
  .study-browser .study-brand-lockup>span { font-size:7px; }
}

/* One vector lockup fixes star, lettering and subtitle proportions in every placement. */
.site-header .brand > img.nvl-wordmark,
.site-footer .brand > img.nvl-wordmark { width:228px; }
.key-reverse-brand > img.nvl-wordmark { width:clamp(108px,33cqw,184px); }
.document-workspace-brand > span > img.nvl-wordmark { width:170px; }
#contact-dialog > .dialog-wordmark { display:block; width:196px; max-width:calc(100% - 44px); margin:0 0 22px; }
@media(max-width:580px) {
  .site-header .brand > img.nvl-wordmark { width:164px; }
  .site-footer .brand > img.nvl-wordmark { width:200px; }
  .document-workspace-brand > span > img.nvl-wordmark { width:148px; }
  #contact-dialog > .dialog-wordmark { width:180px; }
}
@media(max-width:360px) {
  .site-header .brand > img.nvl-wordmark { width:150px; }
  .document-workspace-brand > span > img.nvl-wordmark { width:134px; }
}