.brand .brand-logo{width:60px;height:60px;flex:none;object-fit:contain;background:transparent}
.footer .brand .brand-logo{width:76px;height:76px}
.logo-picker-open{position:fixed;right:20px;bottom:20px;z-index:45;display:inline-flex;align-items:center;gap:.6rem;min-height:44px;padding:.7rem 1rem;background:var(--paddy);border:1px solid var(--gold-2);border-radius:999px;color:var(--paper);box-shadow:0 4px 18px #0003;font:500 .8rem var(--sans);cursor:pointer}
.logo-picker-open:hover{background:var(--paddy-2)}
.logo-picker{width:min(760px,calc(100% - 32px));max-height:90svh;padding:30px;border:1px solid var(--line);border-radius:14px;background:var(--paper);color:var(--ink);overflow:auto}
.logo-picker::backdrop{background:#190f10b3}
.logo-picker-heading{display:flex;align-items:start;justify-content:space-between;gap:20px}
.logo-picker h2{font-size:2rem;color:var(--paddy)}
.logo-picker p{font-size:.85rem;color:var(--muted);margin:12px 0 24px}
.logo-picker-close{width:44px;height:44px;flex:none;border:1px solid var(--line);border-radius:50%;background:var(--paper);color:var(--paddy);font-size:1.5rem;cursor:pointer}
.logo-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.logo-option{padding:8px 8px 12px;border:2px solid var(--line);border-radius:8px;background:transparent;color:var(--ink);cursor:pointer;font:500 .82rem var(--sans)}
.logo-option img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;margin-bottom:8px}
.logo-option[aria-pressed=true]{border-color:var(--paddy);box-shadow:0 0 0 1px var(--paddy)}
.logo-option[aria-pressed=true] span::after{content:' ✓';color:var(--paddy)}
.logo-option:focus-visible,.logo-picker-open:focus-visible,.logo-picker-close:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.logo-picker .logo-selection-status{margin:20px 0 0;min-height:1.6em;color:var(--paddy)}
@media(max-width:620px){.logo-picker{padding:20px}.logo-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.logo-picker h2{font-size:1.65rem}}
@media(max-width:480px){.nav .brand .brand-logo{width:42px;height:42px}.nav .brand{gap:.45rem}}
