.brand{display:inline-flex;align-items:center;gap:10px}
.brand::before{content:"";display:block;flex:none;width:38px;height:38px;background:url('assets/canaan-compass-mark.png') center/contain no-repeat}
.nav .brand::before{width:36px;height:36px}
@media(max-width:380px){.brand{gap:7px}.brand::before,.nav .brand::before{width:32px;height:32px}}