.brand-mark { width:42px;height:42px;flex:none;object-fit:contain; }
.logo { gap:10px;letter-spacing:.13em; }
.logo.big { gap:12px;font-size:36px;letter-spacing:.12em; }
.logo.big .brand-mark { width:58px;height:58px; }
.side .logo { display:flex;justify-content:flex-start;padding:10px 10px 24px;font-size:21px; }
.side .logo .brand-mark { width:36px;height:36px; }
@media(min-width:701px) and (max-width:1000px) {
  .side .logo { justify-content:center;padding:8px 0 18px; }
  .side .logo span { display:none; }
}
@media(max-width:700px),(max-width:1000px) and (pointer:coarse) {
  .side .logo { padding:4px 8px 14px; }
  .side .nav { margin-top:0; }
}