.brand { --brand-width:10.5rem; display: inline-flex; flex-direction: column; align-items: flex-start; gap: .35rem; text-decoration: none; flex-shrink: 0; }
.brand__logo { width:var(--brand-width); height:auto; }
.brand__tagline { display:block; width:var(--brand-width); height:auto; overflow:visible; fill:currentColor; font-size:20px; font-weight:750; letter-spacing:0; }
.brand--footer { color: var(--color-paper); max-width: 100%; }
.brand--footer .brand__logo { filter: brightness(0) invert(1); }
@media (max-width:30rem) { .brand { --brand-width:9rem; } }