.website-brand {
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  color:inherit;
  font:600 1.125rem/1.4 system-ui,sans-serif;
  text-decoration:none;
  white-space:nowrap}
.website-brand img {
  display:block;
  flex-shrink:0;
  width:30px;
  height:30px}
nav.pdoc > .website-brand {
  display:inline-flex;
  margin:1rem 0 .5rem}
.logo-container .website-brand {
  color:#fff;
  position:relative;
  z-index:1}
.hero .website-brand {
  margin-bottom:1rem}
.logo-container .website-brand span {
  display:none}