/* NEXITT Strategy Office — original emblem + transparent metallic wordmark. */
.masthead .brand {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 11px;
  min-width: 216px;
  flex: 0 0 auto;
}

.brand-logo {
  display: block;
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  object-fit: contain;
  filter: drop-shadow(0 0 10px rgba(36,205,209,.22));
}

.brand-lockup {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 2px;
}

.brand-wordmark {
  display: block;
  width: 158px;
  height: 36px;
  object-fit: cover;
  object-position: center;
  filter: drop-shadow(0 2px 5px rgba(0,0,0,.42));
  transition: filter .22s ease, transform .22s ease;
}

.brand-subline {
  padding-left: 2px;
  color: #c8e1e4;
  font-size: 9px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .25em;
  text-transform: uppercase;
}

.brand:hover .brand-wordmark,
.brand:focus-visible .brand-wordmark {
  filter: drop-shadow(0 2px 8px rgba(138,231,240,.24));
  transform: translateY(-1px);
}

@media (max-width: 800px) {
  .masthead .brand { min-width: 0; gap: 8px; }
  .brand-logo { width: 38px; height: 38px; flex-basis: 38px; }
  .brand-wordmark { width: 132px; height: 30px; }
  .brand-subline { font-size: 8px; letter-spacing: .22em; }
}

@media (max-width: 540px) {
  .masthead .brand { min-width: 0; gap: 6px; }
  .brand-logo { width: 30px; height: 30px; flex-basis: 30px; }
  .brand-wordmark { width: 110px; height: 26px; }
  .brand-subline { font-size: 7px; letter-spacing: .16em; }
  .head-actions { gap: 4px; }
  .head-actions .icon-button { min-height: 34px; padding: 0 7px; }
}

@media (max-width: 390px) {
  .brand-logo { width: 27px; height: 27px; flex-basis: 27px; }
  .brand-wordmark { width: 96px; height: 23px; }
}

@media (prefers-reduced-motion: reduce) {
  .brand-wordmark { transition: none; }
}