/* Only the site identity in the existing HumanAI header. */
body > header .shell.head { gap: 18px 26px; }
body > header .head > .brand {
  color: #8e6a27;
  font-size: clamp(26px, 2.7vw, 34px);
  font-weight: 750;
  line-height: 1.4;
  min-width: 0;
  max-width: 100%;
  flex: 0 1 auto;
}
body > header .head > .brand > span {
  max-width: 480px;
  min-width: 0;
  overflow-wrap: normal;
  word-break: normal;
  text-wrap: balance;
}
body > header .head > .brand > img { flex-shrink: 0; }
body > header .head > .brand small {
  font-size: 12px;
  line-height: 1.6;
  letter-spacing: .06em;
  color: #173b4d;
  margin-top: 3px;
}
body > header .head > .brand:hover { color: #76551e; }
body > header .head > nav { min-width: 0; }
@media (max-width: 1100px) {
  body > header .head > nav { width: 100%; }
}
@media (max-width: 600px) {
  body > header .head > .brand { font-size: clamp(23px, 5.8vw, 28px); gap: 12px; width: 100%; }
  body > header .head > .brand > span { max-width: none; flex: 1; }
  body > header .head > .brand > img { width: 62px; }
}
@media (max-width: 360px) {
  body > header .head > .brand { font-size: 23px; gap: 10px; }
  body > header .head > .brand > img { width: 54px; }
}