.brand .brand-name{color:var(--cinnabar)}
.brand .brand-command-key{display:inline-grid;place-items:center;flex:none;width:42px;height:42px;border:1px solid transparent;border-radius:10px;color:var(--cyan);background:transparent;box-shadow:0 0 0 transparent;transform:translateY(0);transition:transform .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease}
.brand .brand-command{display:block;width:32px;height:32px;overflow:visible}
.brand:focus-visible .brand-command-key{background:rgba(var(--c-cyan),.1);border-color:rgba(var(--c-cyan),.7);box-shadow:0 4px 0 rgba(var(--c-cyan),.28),0 8px 18px rgba(var(--c-cyan),.18);transform:translateY(-2px)}
@media(hover:hover){.brand:hover .brand-command-key{background:rgba(var(--c-cyan),.1);border-color:rgba(var(--c-cyan),.7);box-shadow:0 4px 0 rgba(var(--c-cyan),.28),0 8px 18px rgba(var(--c-cyan),.18);transform:translateY(-2px)}}
.brand:active .brand-command-key{background:rgba(var(--c-cyan),.16);border-color:var(--cyan);box-shadow:0 1px 0 rgba(var(--c-cyan),.3);transform:translateY(2px)}
@media(prefers-reduced-motion:reduce){.brand .brand-command-key{transition:none}}