.brand-lockup { display:flex; align-items:center; gap:.65rem; min-width:0; }
.brand-home { position:relative; display:block; flex:0 0 48px; width:48px; height:48px; color:var(--ink); }
.brand-home > .home-outline { position:absolute; inset:0; width:100%; height:100%; fill:none; stroke:currentColor; stroke-width:.6; }
.brand-home > .home-outline path:first-child { display:none; }
.brand-home > .brand-yearline { position:absolute; width:24px; height:24px; left:12px; top:15px; }
.brand-home:hover { color:var(--signal); }
.brand-home:focus-visible, .brand-lockup > .brand:focus-visible { outline:2px solid var(--signal); outline-offset:3px; }
.brand-lockup > .brand { min-height:44px; }
@media(max-width:600px) { .brand-lockup { gap:.4rem; } }