.brand-mark{display:block;width:48px;height:48px;padding:0;object-fit:cover;border-radius:6px;flex:none}
.header{gap:20px}
.header nav>.social-link{display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;border:1px solid var(--line);border-radius:4px;color:var(--ink);transition:background .2s,color .2s,border-color .2s}
.header nav>.social-link:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.social-link svg{display:block}
.footer-brand{display:inline-flex;align-items:center;gap:10px;flex:none}
.footer-brand img{display:block;border-radius:4px}
.footer-links{align-items:center;flex-wrap:wrap}
.lineage-node{overflow:hidden;border-color:var(--blue)}
.lineage-node img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:760px){.brand-mark{width:40px;height:40px}.header{gap:12px}.header nav{gap:10px}}
@media(max-width:540px){
  .header{height:auto;min-height:74px;padding:12px 20px;display:grid;grid-template-columns:1fr auto;gap:8px 12px}
  .header .brand{grid-column:1;grid-row:1}
  .header nav{display:contents}
  .header nav>.social-link{grid-column:2;grid-row:1;justify-self:end}
  .header #projects-open{grid-column:1;grid-row:2;justify-self:start;min-height:40px}
  .header .wallet-button{grid-column:2;grid-row:2;min-height:40px;justify-self:end}
}